<!-- 音乐播放器 --> <div class="music"> <!--音乐开始controls--> <audio id="audio" :src="require('../music/击鼓传花.wav')"></audio> <!--音乐结束--> <span @click="stopMusic()" v-if="stopBackgroundMusic"> <img src="@/assets/静音02.png" /></span> <span @click="playMusic()" v-if="!stopBackgroundMusic" ><img src="@/assets/静音01.png" /></span> </div>讯享网
HTML
讯享网 // 播放音乐 const audioAutoPlay = () => { let audio = document.getElementById("audio"); audio.play(); document.removeEventListener("touchstart", audioAutoPlay); }; const musicNow = () => { // 播放音乐 let oAudio = document.querySelector("#audio"); oAudio.onended = function () { //播放完毕，重新循环播放 oAudio.load(); oAudio.play(); }; audioAutoPlay(); }; // 停止播放音乐 const stopMusic = () => { let oAudio = document.querySelector("#audio"); oAudio.pause(); state.stopBackgroundMusic = false; console.log("停止播放"); }; // 继续播放音乐 const playMusic = () => { musicNow(); console.log("继续播放"); state.stopBackgroundMusic = true; };
JS
= =网上找到不知道为什么总有莫名其妙的报错，这是改出来好用的
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/13976.html