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

2016-10-13 00:16:48 点击量:8 标签: 收藏本文

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>

上一篇： [html5]HTML5新添加的类型Input的应用与介绍

下一篇： [html5]那些年我们一起清除过的浮动

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室