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	则音频在就绪后马上播放。

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程