html5播放音频文件|html5-audio音频标签的使用例子

时间:2019-05-13  来源:html5教程  阅读:

例子

 代码如下



    
    
    Download this file.

 
 
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

×

×

word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px" /> word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">Audio标签的属性有:

属性

值(可省略)

描述

src

url

要播放的音频的 URL,路径可为网络路径或相对路径。

controls

controls

向用户显示控件,比如播放按钮。

loop

loop

每当音频结束时重新开始播放。

preload

preload

音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

autoplay

autoplay

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

html5播放音频文件|html5-audio音频标签的使用例子

http://m.bbyears.com/wangyezhizuo/50771.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新