音樂自動播放,播放暫停。 微信自動播放


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);
 }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM