vue.js - 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
**

这篇关于vue.js - vuejs怎么操作audio播放暂停呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！