首页 > 其他 > 详细

监听Audio的播放状态

时间:2019-11-26 12:12:12      阅读:828      评论:0      收藏:0      [点我收藏+]
监听音乐播放状态:改变播放或暂停按钮
    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;//暂停状态

        });
    },

 

监听Audio的播放状态

原文:https://www.cnblogs.com/0826sw/p/11934319.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!