HTML5音频标记使用js作为播放控制实例。

本文主要介绍了用JS播放HTML5音频标签的实例。本文给出了一个直接的代码示例，演示了播放时间、播放、暂停、静音等控制方法，需要的朋友可以参考一下。





标签可以在HTML5浏览器中播放音频文件。

默认情况下提供一个控制面板，但在某些情况下，我们只需要播放声音，控制面板由我们自己定义它的显示状态。

这里我们可以用js来控制。代码如下：

复制代码代码如下所示：
VAR音频；
在window.onload =函数（）{
InitAudio（）；
}
无功initaudio =函数（）{（）
/ /音频= document.createelement（音频）
/ /音频。src=OD说再见。OGG
音频= document.getelementbyid（'audio）；
}
功能取得时间（ID）{
警报（parseInt（音频。当前时间）+：秒）；
}

功能playorpaused（ID，obj）{
如果（音频。暂停）{
Audio.play（）；
obj .innerHTML = 'pause；
返回；
}
audio.pause（）；
innerHTML =扮演的对象；
}

功能hideorshowcontrols（ID，obj）{
如果（音频控件）{
audio.removeattribute（'controls）；
obj.innerhtml =显示控制盒
返回；
}
audio.controls = 'controls；
obj.innerhtml =隐藏控制盒
返回；
}
功能卷（ID，类型，obj）{
如果（类型= =向上）{
无功容量= audio.volume + 0.1；
如果（卷> 1）{
卷= 1；

}
audio.volume =体积；
} else if（类型= = Down）{
无功容量= audio.volume - 0.1；
如果（卷< 0）{
卷= 0；
}
audio.volume =体积；
}
document.getelementbyid（'nowvol）.innerHTML = returnfloat1（音频。卷）；
}
功能减弱（ID，obj）{
如果（音频静音）{
audio.muted = false；
obj.innerhtml = '打开静音；
其他{ }
audio.muted =真；
obj.innerhtml =关闭静音；
}
}
保留小数点

功能returnfloat1（值）{
价值= math.round（parseFloat（值）×10）/ 10；
如果（value.tostring（）。IndexOf（，）＜0）{
价值= value.tostring（）+0；
}
返回值；
}

打电话的方式如下：


复制代码代码如下所示：
把播放时间
玩
隐藏控制箱
打开静音
体积


当前体积：—