HTML5音频



在网页上的音频

在HTML5之前, 音频文件只能在浏览器中通过插件播放(如Flash).

在HTML5中,<audio>元素指定在网页中嵌入音频的标准方法.


浏览器支持

表中的数字指定了完全支持<audio>元素的第一个浏览器版本

元素
<audio> 4.0 9.0 3.5 4.0 10.5

HTML <audio> 元素

在HTML中播放音频文件, 使用<audio>元素:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

让我试试


HTML 音频 - 它如何工作

添加控制属性到audio, 像 play, pause, 和 volume.

<source> 素允许您指定可选的音频文件,浏览器可以选择。浏览器将使用第一个识别格式.

<audio></audio> 标签之间的文本是浏览器不支持<audio>元素的提示信息.


HTML 音频 - 浏览器支持

在HTML5里面, 有3个支持的音频格式: MP3, Wav和Ogg.

浏览器支持不同的格式是:

浏览器 MP3 Wav Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

HTML 音频 - 媒体类型

文件格式 媒体类型
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML 音频 - 方法、属性和事件

HTML5 为<audio>元素定义了方法、属性和事件.

这允许你加载,播放,暂停音频,以及设置时间和量.

也有DOM事件,可以通知你的音频开始播放,暂停,等.


HTML5 音频标签

标签 描述
<audio> 定义声音内容
<source> 为媒体元素定义多个媒体资源, 像 <video> 和 <audio>