首页 > vuejs怎么操作audio播放暂停呢

vuejs怎么操作audio播放暂停呢

1.如题,vuejs怎么操作audio播放暂停

methods: function(){
    openPlayer: function(){
        var audio = document.querySelector('#audio');
        audio.play();
    }
}

报错


data(){
    return {
        isPlaying:false
    };
},
methods:{
    play(){
        var audio =document.querySelector('#audio');
        if(!this.isPlaying){
            audio.play();
            this.isPlaying = true;
        }
    },
    stop(){
        var audio =document.querySelector('#audio');
        if(this.isPlaying){
            audio.pause();
            audio.currentTime = 0;
        }
    }
}

你的问题是audio未指定src,或者指定src的文件数据格式不支持。
**
记得在开始播放的时候监听播放完成事件,设置 isPlaying 为 false
**

【热门文章】
【热门文章】