购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.2 HTML5 Audio(音频)

HTML5 提供了播放音频文件的标准。

1. 互联网上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。

2. 浏览器支持

Internet Explorer 9+,Firefox,Opera,Chrome,和Safari都支持<audio>元素。

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素。

3. HTML5 Audio属性

表 3.1 HTML5 Audio属性

4. HTML5 Audio 实例

如需在 HTML5 中播放音频,需要使用以下代码:

效果如图 3.1 所示。

图 3.1 Audio实例

control 属性提供播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素.,<source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件。

5. <source>标签

<source> 标签为媒体元素(比如 <video> 和 <audio>)定义媒体资源。

<source> 标签允许您规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

表 3.2 source 属性

6. 音频格式及浏览器支持

目前,<audio>元素支持三种音频格式文件:MP3、Wav和 Ogg。

表 3.3 <audio> 元素支持三种音频格式

7. 音频格式的MIME类型

表 3 . 4 音频格式的 MIME 类型 Ray10dgCJ0FcqUZQYXqfri+vTBpwM6ZJqmlLEky6VRDD2s0snc6QtAINuYWv19qE

点击中间区域
呼出菜单
上一章
目录
下一章
×