使用HTML5的Audio标签打造WEB音频播放器

目前，WEB页面上没有标准的方式来播放音频文件，大多数的音频文件是使用插件来播放，而众多浏览器都使用了不同的插件。而HTML5的到来，给我们提供了一个标准的方式来播放WEB中的音频文件，用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件，只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。

程序员，你不是一个人；网站开发QQ群：136483411  在线充值，或联系QQ 304534221直接充值

查看演示 下载次数： 2次

手机扫码访问：

下载资源 下载积分： 0分

　　WEB中的Audio标签
　　HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中：标签。使用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，那么会显示这些文字。
　　也许你会问auto中怎么会包含3个source标签呢?这是为了浏览器和音频格式的兼容性，浏览器制造商并非都同意使用某一种音频文件格式。例如，Chrome、Internet 
Explorer 9 (IE9) 和 Safari 浏览器不支持 WAV 文件，这是一种使用非压缩格式且正在衰败的标准。我们将每个视频文件名放在单独的 
标签里，并且音频容器中的所有源标签都由 构成，如下所示。那么，无论访问者使用什么浏览器，它都将自动选择所读取的第一个文件类型，并为您播放声音。
　　HTML5 
让开发人员可以更轻松地提供大量WEB体验。标签是令人兴奋的新添内容，不再需要外部音乐播放器，使音频的提供像显示图像一样简单。有了基于标准的音频控件和让用户更易于与声音进行交互的新浏览器功能，你可以轻松的在WEB页面上定制MP3播放器了。