html
<p onclick="play()" id="audioBtn"></p>
<audio src="music1.mp3" id="indexaudio" autoplay="autoplay" loop="loop"></audio>
autoplay加載完自動播放
loop播放完重新播放
js
function play() {
var audio = document.getElementById('indexaudio');
if(audio.paused) {
audio.play(); //audio.play();// 這個就是播放
//$("#btn").addClass("active")
alert('播放')
} else {
audio.pause(); // 這個就是暫停
//$("#btn").removeClass("active")
alert('暫停')
}
}
解決微信自動播放效果
function autoPlayMusic() {
// 自動播放音樂效果,解決瀏覽器或者APP自動播放問題
function musicInBrowserHandler() {
play(true);
document.body.removeEventListener('touchstart', musicInBrowserHandler);
}
document.body.addEventListener('touchstart', musicInBrowserHandler);
// 自動播放音樂效果,解決微信自動播放問題
function musicInWeixinHandler() {
play(true);
document.addEventListener("WeixinJSBridgeReady", function() {
musicPlay(true);
}, false);
document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);
}
document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
}
