一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 18:23:37 编辑:袖梨 来源:一聚教程网

例子

 代码如下 复制代码



 
 
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种音频格式,如下表:

word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px" class="t_table" cellspacing="0" bordre="1">
 

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

则音频在就绪后马上播放。

热门栏目