<!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 controls>
<source src="example.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
</body>
</html>
在这个示例中：
- <audio> 元素用于包含音频。
- controls 属性添加了音频控制按钮（播放、暂停、音量等）。
- <source> 元素用于指定音频文件的来源和类型。在这里，我们使用了 MP3 格式的音频文件。
如果浏览器不支持 <audio> 元素，将显示 <audio> 元素之间的文本内容，这可以包含一个备用的消息，提示用户使用支持 HTML5 音频的浏览器。
与视频类似，为了确保在不同浏览器中正常播放，你可能需要提供多个不同格式的音频文件。常见的音频格式包括 MP3、OGG 和 WAV。
<audio controls>
<source src="example.mp3" type="audio/mp3">
<source src="example.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>
上述代码中，如果浏览器支持 MP3，则播放 MP3 格式的音频；否则，如果支持 OGG，则播放 OGG 格式的音频。如果两种格式都不支持，将显示备用文本。
通过 JavaScript，你还可以与 <audio> 元素进行交互，例如动态控制播放、暂停、获取当前播放时间等。
转载请注明出处：http://www.zyzy.cn/article/detail/3674/HTML5