個人blog，歡迎關注加收藏

監聽Audio的播放狀态

項目：H5繡紅旗

// 監聽音樂播放狀态：改變播放或暫停按鈕
    watchMusicState(){
        let _this = this;
        let $audio = document.getElementsByTagName('audio')[0];//擷取音樂DOM節點
        let playOrPause = document.getElementsByClassName('playOrPause')[0];
        // console.log($audio);
        $audio.addEventListener("playing", function(){		//播放狀态Doing
                playOrPause.src = require('../assets/img/pause.svg')//背景音樂是播放還是暫停
                _this.playState = true;//播放狀态
        });$audio.addEventListener("pause", function(){ //暫停狀态Doing
                playOrPause.src = require('../assets/img/play.svg')//背景音樂是播放還是暫停
                _this.playState = false;//暫停狀态

        });
    },