<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio Tag Example</title>
</head>
<body>
<h1>Sample Audio Player</h1>
<audio controls>
<source src="example.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
</body>
</html>
在这个例子中,<audio> 元素包含了一个 <source> 子元素,该子元素用于指定音频文件的来源(在这里是 "example.mp3"),以及文件的类型(在这里是 "audio/mp3")。controls 属性添加了一个简单的播放控件,允许用户播放、暂停和调整音量。
如果浏览器不支持 <audio> 标签,用户将看到包含在 <audio> 标签之间的文本,提示他们的浏览器不支持该标签。
请注意,你可以为 <audio> 标签提供多个 <source> 元素,以便在不同浏览器中提供不同格式的音频文件,以增加兼容性。
转载请注明出处:http://www.zyzy.cn/article/detail/3697/HTML5