[html5]Audio标签制作音乐播放器

时间:2015-03-05 14:26酷播

[html5]Audio标签制作音乐播放器 ,HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中

HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中：<audio>标签。使用audio标签可以控制音频的播放与停止，循环播放与播放次数设置，以及播放位置等等，详情请看下表。

属性	值	描述
autoplay	true \| false	如果是 true，则音频在就绪后马上播放。
controls	true \| false	如果是 true，则向用户显示控件，比如播放按钮。
end	numeric value	定义播放器在音频流中的何处停止播放。默认地，声音会播放到结尾。
loopend	numeric value	定义在音频流中循环播放停止的位置，默认是 end 属性的值。
loopstart	numeric value	定义在音频流中循环播放的开始位置。默认是 start 属性的值。
playcount	numeric value	定义音频片断播放多少次。默认是 1。
src	url	所播放音频的 url。
start	numeric value	定义播放器在音频流中开始播放的位置。默认地，声音在开头进行播放。

目前支持audio标签的浏览器有：

IE9，Firefox， Opera，Chrome和Safari都支持<audio>标签。

注意：IE8和更早的版本，不支持<audio>标签。

要在HTML5中播放音频，需要在body中插入以下代码：

<audio controls="controls">   
   <source src="music.ogg" />  
   <source src="music.mp3" />  
   <source src="music.wav" />  
</audio>

首页