vuejs怎么操作audio播放暂停呢

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

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

报错

clipboard.png

阅读 19.7k
1 个回答
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
**

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏