HTML5初窥5--音频（Audio）

1.     HTML5提供了播放音频文件的标准，即使用<audio>元素。

2.     音频格式以及支持情况：

<audio>元素支持三种音频格式：MP3，OggVorbis，Wav

	IE 9	Firefox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
Ogg  Vorbis		√	√	√
MP3	√			√	√
Wav		√	√		√

3.     如何在HTML5中播放音频？

<audio controls="controls">

  <source src="song.ogg" type=”audio/ogg”>

  <source src=”a.mp3”type=”audio/mpeg”>

  Your browser does not support the audio tag.  

//这部分内容是供不支持audio元素的浏览器显示的。

</audio>

 

·       Audio 元素中可以包含多个source元素。

·       Source链接多个不同的音频文件时，浏览器将使用第一个可识别的格式。

4.     音频格式的MIME类型

Format	MIME-type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

 

5.     <audio>标签的属性：

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
muted	muted	规定视频输出应该被静音。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。 如果使用  "autoplay"，则忽略该属性。
src	url	要播放的音频的 URL。

 

6.      

<audio>标签支持 HTML 中的全局属性。

<audio>标签支持 HTML 中的事件属性。

HTMLDOM 参考手册：Audio 对象

 

7.     Audio对象：

Audio对象是HTML5中的新对象，Audio对象表示HTML<audio>元素。

8.     Audio对象方法：

方法	描述
addTextTrack()	向音频添加新的文本轨道。
canPlayType()	检查浏览器是否能够播放指定的音频类型。
fastSeek()	在音频播放器中指定播放时间。
getStartDate()	返回新的 Date 对象，表示当前时间线偏移量。
load()	重新加载音频元素。
play()	开始播放音频。
pause()	暂停当前播放的音频。

 

9.     **访问Audio对象

 可以通过使用getElementById()来访问<audio>元素：

varx= document.getElementById(“myAudio”);

创建Audio对象

10.可以通过使用document.createElement()方法来创建<audio>元素：

11.var x=document.createElement(“myAudio”);