目前,web页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多的浏览器使用了不同的插件。而html5的到来,给我们提供了一个标准的方式来播放web中音频文件,用户不再为浏览器升级adobe flash/apple quicktime等播放插件,只需使用现代浏览器就可以聆听任务发出声音的web网站。
html5中规定了一种通过audio元素来包含音频的标准方法.
audio元素能够播放声音文件或音频流。
<audio src="音频地址.mp3" controls="controls">
</audio>
以上就是audio的格式,与img格式相同用src源属性。支持的音频格式有三种分别是:ogg vorbis/mp3/wav/。
而controls属性供添加播放、暂停和音量的一个控件。
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
</audio>
但不是所有格式都支持一个,所有一般都可以多添加几个,它们不会进行冲突。
属性: 值: 描述:
autoplay autoplay 如果出现该属性,则音频在就绪后马上进行播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每次音频播放结束后重新开始播放
preload preload 出现该属性,则音频在页面加载时进行加载并预备播放。如设置了autoplay,则忽略该属性。
src url 要播放的音频url
embed src:地址 嵌入插件,
end
loopend
loopstart
playcount
start