VUE播放音樂及暫停音樂

vue 2裡面實現插入音樂,並且控制播放與暫停

<audio ref="audio"
 :src="require('@/assets/sound/wolf.mp3')"
 controls
 preload
 id="audio"
 muted
></audio>
<div class="toggle-sound" @click="play()">播放/暫停</div>

methods中去定義

play(){
let audio = this.$refs.audio;
if (
audio.paused &&
document.querySelector(".toggle-sound").classList.contains("paused")
) {
console.log("play it")
audio.play();
document.querySelector(".toggle-sound").classList.remove("paused");
} else {
console.log("pause it")
audio.pause();
document.querySelector(".toggle-sound").classList.add("paused");
}},

關於站主

Shiro

因為興趣無限擴張,一直很猶豫要不要寫一個很雜的Blog,後來還是這麼做了。

聯絡:shiro050102✦gmail.com  ✦請自行更換成@

VueVue