HTML5 引入了 <audio> 标签，允许开发者在网页中直接嵌入音频文件，而不需要依赖第三方插件。本文将全面介绍 <audio> 标签的各种属性，并通过实例代码详细说明其用法。
一、基础用法
1. 基本结构
HTML5 中使用 <audio> 标签嵌入音频文件，最简单的形式如下：
<audio src="audio-file.mp3" controls></audio>
在这个示例中，src 属性指定音频文件的路径，controls 属性使浏览器显示音频控件。
2. 示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 Audio Example</title>
</head>
<body>
<h1>HTML5 Audio Example</h1>
<audio src="audio-file.mp3" controls>
Your browser does not support the audio element.
</audio>
</body>
</html>
这段代码将在网页上显示一个音频播放器，如果浏览器不支持 <audio> 标签，将显示替代文本 “Your browser does not support the audio element.”。
二、属性详解
1. src
指定音频文件的 URL，可以是相对路径或绝对路径。
<audio src="path/to/your-audio-file.mp3" controls
最低0.47元/天 解锁文章
扫一扫
1019
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
