audio元素(声音)变更元素

auido元素是HTML5新增加元素,之前如果想要在网页中埋入声音时需要使用Flash等插件才能实现。现在因为有了该元素,可以无插件埋入声音。

属性

1、src内容属性
用于指定所要嵌入声音文档的URL。
2、preload内容属性
指定提前下载声音数据的方式,属于列举属性。
3、autoplay内容属性
如果声音可用,马上播放,属于逻辑属性。
4、mediagroup内容属性
使多个video或者audio元素集合化
5、loop内容属性
循环播放,属于逻辑属性。
6、muted内容属性
关闭声音通道(静音),属于逻辑属性。
7、controls内容属性
用于表示能够操作声音播放与停止的用户界面,属于逻辑属性。

截至目前,关于各主要浏览器支持音频形式的情况如下表所示。

音声扩展名ChromeIESafariFirefoxOpera
AAC.aacXXX
MP3.mp3XX
Vorbis.oggXX
WAVE.wavX

使用例

<audio controls="controls">

<source src="material/audio.ogg" type="audio/ogg"/>

<source src="material/audio.mp3" type="audio/mp3"/>

<p>该浏览器不支持,请点击<a href="material/audio.mp3">下载</a></p>

</audio>

浏览器上的显示结果↓



上例中使用了source元素指定了所要播放的媒体文件。

X

浏览器支持情况

元素
audio 9.0 4.0 3.5 4.0 10.5