HTML 音频 - 蝴蝶教程

HTML5音频

在HTML5之前，音频文件只能在带插件的浏览器中播放（如flash）。 HTML5 <audio>元素指定了在网页中嵌入音频的标准方法。 这是一个音频的示例：

<!DOCTYPE html>
         <html>
         <body>

         <audio controls>
           <source src="/images/audio/demo.ogg" type="audio/ogg">
           <source src="/images/audio/demo.mp3" type="audio/mpeg">
         你的浏览器不支持 audio 元素。
         </audio>

         </body>
         </html>

尝试一下

浏览器支持

下表是支持<audio>元素的浏览器详情：

Internet Explorer	Chrome	FireFox	Safari	Opera

9.0（包含）以上支持	4.0（包含）以上支持	3.5（包含）以上支持	4.0（包含）以上支持	10.5（包含）以上支持

HTML <audio>元素说明

要以HTML格式显示视频，请像以下这样使用<video>元素：

<audio controls>
           <source src="/images/audio/demo.ogg" type="audio/ogg">
           <source src="/images/audio/demo.mp3" type="audio/mpeg">
         你的浏览器不支持 audio 元素。
         </audio>

说明：

controls属性添加了音频控件，如播放，暂停和音量。
<source>元素允许您指定浏览器可以选择的备用音频文件。浏览器将使用第一种识别的格式。
<audio>和</audio>标签之间的文本仅显示在不支持该<audio>元素的浏览器中。

HTML音频 | 浏览器支持

在HTML5中，有3种支持的音频格式：MP3，WAV和OGG。浏览器对不同格式的支持是：

MP3	WAV	OGG
支持	不支持	不支持
支持	支持	支持
支持	支持	支持
支持	支持	不支持
支持	支持	支持

HTML音频｜媒体类型

在HTML5中，音频有三种媒体类型：

文件格式	媒体类型
MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

HTML音频 | 方法，属性和事件

HTML5定义了<audio>元素的DOM方法，属性和事件。这允许您加载，播放和暂停音频，以及设置持续时间和音量。还有一些DOM事件可以在音频开始播放，暂停等时通知您。