监听Audio的播放状态

八月的猪猪

于 2019-04-20 18:01:28 发布

阅读量2w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 H5 文章标签： Audio 播放状态监听 H5

本文链接：https://blog.csdn.net/qq_42894622/article/details/89421145

前端同时被 2 个专栏收录

123 篇文章

订阅专栏

12 篇文章

订阅专栏

个人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;//暂停状态

        });
    },