HTML5 audio 播放器标签

文章参考
http://zhidao.baidu.com/link?url=FgtYMfYYjA6AwNuiyMtQ5f0VxeBOLaVZZh-aYsxmNfMnYEuGuBdnlZiDXZzxPKm2P6nO-Lf1KTyUfOqb_4mRAjN-kKMXKYCbCqD01dr57PG
 

做一个抽奖活动页面，需要一个效果：

当点击一个按钮之后，能有一个提示声音，为此，自己学习了一下<audio>标签。

 

 

<audio controls="controls" autoplay="autoplay" loop="loop"  preload="auto">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
你的浏览器不支持audio标签
</audio>

 

或者

<audio src="song.ogg" controls="controls" autoplay="autoplay" loop="loop"  preload="auto">
Your browser does not support the audio element.
</audio>

 

 

属性说明：

1、autoplay:唯一可选值为autoplay，出现autoplay属性并准确赋值时，音频将会自动播放

 

2、controls：唯一可选值为controls，出现controls属性并准确赋值时，音频播放控件将会显示，控件包括：播放、暂停、定位、音量、全屏切换、字幕（如果可用）、音轨（如果可用）。

 

3、loop：唯一可选值为loop，出现loop属性并准确赋值时，音频将会循环播放。

 

4、preload：可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性，那么preload将会被忽略。

 

5、src：指定音频URL地址，可以是相对的URL也可以是绝对的URL 当然还可以像第2和第3个例子一样，用source标签来指定源。

 

 

方法               方法描述

addTextTrack()    为音视频加入一个新的文本轨迹    

canPlayType()     检查指定的音视频格式是否得到支持    

load()            重新加载音视频标签    

play()            播放音视频    

pause()           暂停播放当前的音视频 

  

myVid=document.getElementById("video1");
//返回媒体的播放总时长，单位秒
alert(myVid.duration);
//再次播放音频文件
myVid.play();