audio音频常用的JavaScript控制

2019-06-2461次阅读HTML

通过pause()和play()方法可以使音频暂停和继续播放(结合currentTime属性可以实现停止和重新播放)

var audio = document.getElementById("audioEle");
 
//播放(继续播放)
audio.play();
 
//暂停
audio.pause();
 
//停止
audio.pause();
audio.currentTime = 0;
 
//重新播放
audio.currentTime = 0;
audio.play();

动态的创建<audio>元素

//方式1
var audio = document.createElement("audio");
audio.src = "hangge.mp3";
audio.play();
 
//方式2
var audio = new Audio("hangge.mp3");
audio.play();

通过canPlayType()方法可以判断浏览器支持的编码方式,从而设置对应的音频文件。

if (audio.canPlayType("audio/mp3")) {
    audio.src = "hangge.mp3";
}else if(audio.canPlayType("audio/ogg")) {
    audio.src = "hangge.ogg";
}

 

上一篇: iOS 9.3.5在Safari中Flexbox内容重叠问题  下一篇: 移动端横竖屏最佳实践  

audio音频常用的JavaScript控制相关文章