html5-audio音频标签的使用例子-百分百源码网

html5-audio音频标签的使用例子

发布时间：01/15 来源：浏览：关键词：

整理了下关于HTML5 Audio的相关知识：我们无需再依赖第三方插件区渲染音频。希望下面的例子与文档资料对各位同学学习html5会有所帮助。

例子

代码如下

<audio autoplay="autoplay" controls="controls">
    <source src="file.ogg" />
    <source src="file.mp3" />
    <a href="file.mp3">Download this file.</a>
</audio>

audio.play();播放
audio.pause();暂停
audio.volume 音量（声音值可以取0-1之间）

audio.currentTime > 10 ；当前时间到10秒（可用来控制前进后退）

function go() { //前进
    audio.currentTime += 10;
    audio.play();
}
function back() { // 后退
    audio.currentTime -= 10;
    audio.play();;
}

controls :      //显示或隐藏用户控制界面
autoplay :     //媒体是否自动播放
loop :     //媒体是否循环播放
currentTime : //开始到播放现在所用的时间
duration :     // 媒体总时间(只读)
volume :    //0.0-1.0的音量相对值
muted :     //是否静音
autobuffer :   //开始的时候是否缓冲加载，autoplay的时候，忽略此属性

paused :   //媒体是否暂停(只读)
ended   :   //媒体是否播放完毕(只读)
error   : //媒体发生错误的时候，返回错误代码 (只读)
currentSrc :   //以字符串的形式返回媒体地址(只读)

play() : //媒体播放
pause() : // 媒体暂停
load() : //重新加载媒体

目前HTML5的audio标签仅支持3种音频格式，如下表：

	IE9	FireFox 5.0	Safari 5.5	Chrome 12	Opera 11.5
Mp3	√	×	√	√	×
Ogg	×	√	×	√	√
Wav	×	√	√	×	√

Audio标签的属性有：

属性	值(可省略)	描述
src	url	要播放的音频的 URL，路径可为网络路径或相对路径。
controls	controls	向用户显示控件，比如播放按钮。
loop	loop	每当音频结束时重新开始播放。
preload	preload	音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
autoplay	autoplay	则音频在就绪后马上播放。