Web 上的音频
直到现在,仍然不存在一项旨在网页上 播放音频 的标准。
今天,大多数音频是通过 插件 (比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的 插件 。
html5 规定了一种通过 au dio 元素来包含音频的标准 方法 。
au dio 元素能够播放声音 文件 或者音频流。
音频格式
当前,au dio 元素 支持 三种音频格式:
? IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis ? √ √ √ ? MP3 √ ? ? √ √ Wav ? √ √ ? √
音频格式的 MIME 类型
格式
?MIME-type?
? ?MP3?
? au dio /mpeg??
? ?Ogg??
? ?au dio /ogg??
? Wav
? au dio /wav??
如何工作
如需在 html5 中 播放音频 ,您所有需要的是:
<au dio ?src="song.ogg"?controls="controls"> </au dio >
control 属性 供 添加 播放、暂停和音量控件。
<au dio > 与 </au dio > 之间插入的 内容 是供 不支持 au dio 元素的浏览器 显示 的:
实例
<au dio ?src="song.ogg"?controls="controls">
Your? bro wser?does?not?support?the?au dio ?tag.
</au dio >
上面的例子使用 一个 Ogg 文件 ,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,音频 文件 必须是 MP3 或 Wav 类型。
au dio 元素允许多个 source 元素。source 元素可以 链接 不同的音频 文件 。浏览器将使用第 一个 可识别的格式:
实例
<au dio ?controls="controls">
??<source?src="song.ogg"?type="au dio /ogg">
??<source?src="song.mp3"?type="au dio /mpeg">
Your? bro wser?does?not?support?the?au dio ?tag.
</au dio >
Internet Explorer
Internet Explorer 8 不支持 au dio 元素。在 IE 9 中,将提供对 au dio 元素的 支持 。
<au dio > 标签 的 属性 属性 值 描述
a utop lay
a utop lay 如果出现该 属性 ,则音频在就绪后马上播放。controls
controls 如果出现该 属性 ,则向 用户 显示 控件,比如播放按钮。loop
loop 如果出现该 属性 ,则每当音频结束时重新开始播放。preload
preload如果出现该 属性 ,则音频在 页面 加载时进行加载,并预备播放。
如果使用 "a utop lay",则忽略该 属性 。
src
url 要播放的音频的 URL。 HTML5 拖放 ( drag 和 drop ) ? ?HTML 5 Video + DOM