首页风格
门户
博客

GBin1专题之HTML5教程 - 第五篇:HTML5 Audio元素

日期:2012-4-20  来源:GBin1.com

HTML5 提供了标准的方式来播放音频文件。

Web中的Audio

直到目前为止,web页面上没有标准的方式来播放音频文件。

目前大多数的音频文件是使用插件来播放。但是,很多的浏览器都拥有不同的插件。

HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:<audio>元素。

支持的浏览器

iefirefoxchromeoperasafari

IE9,Firefox, Opera,Chrome和Safari都支持<audio>元素。

注意:IE8和更早的版本,不支持<audio>元素。

HTML5 audio  -  如何工作

为了在HTML5中播放音频,你需要:

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

控制属性包含了,播放,暂停,音量。

在线演示

你可以在<audio>和</audio>标签之间插入文字内容,这样如果浏览器不支持audio,那么会显示这些文字。

<audio>元素允许有多个播放来源。<source>元素可以链接到不同的audio文件。浏览器将会使用第一个支持的格式播放音频。

支持的音频格式和浏览器支持

目前来说,这里有3个支持文件格式:MP3,Wav和Ogg,如下:

Browser MP3 Wav Ogg
Internet Explorer 9 YES NO NO
Firefox 4.0 NO YES YES
Google Chrome 6 YES YES YES
Apple Safari 5 YES YES NO
Opera 10.6 NO YES YES
 

HTML5 audio 标签

Tag Description
<audio> Defines sound content
<source> Defines multiple media resources for media elements, such as <video> and <audio

 

来源:GBin1专题之HTML5教程 - 第五篇:HTML5 Audio元素

喜欢我们的文章请您与朋友分享:

?ü?à

留言

友情提示: 本站博客不再支持访客留言,如果有问题或者留言,请发布到  GBtags.com

  1. 目前没有任何留言
今日推荐