·您当前的位置:首页 > 技术教程 > Html5技术 >

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

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

Audio标签

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中插入以下代码:

  1. <audio controls="controls">   
  2.    <source src="music.ogg" />  
  3.    <source src="music.mp3" />  
  4.    <source src="music.wav" />  
  5. </audio>  

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器