vue添加背景音乐

vue添加背景音乐需要用到HTML中的<auto>标签

参考手册:http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp

 <audio :src="mus" class="media-audio" loop autoplay ref="MusicPlay"></audio>
   

mus: require("../assets/mus.wav"),  //使用的音频

/**
       * 暂停音乐并停止旋转
       */
      musicPause() {
        this.$refs.MusicPlay.pause();
        this.musicTF = true;
        if (this.interval !== null) {
          clearInterval(this.interval);
        }
      },

      /**
       * 播放音乐并开始旋转
       */
      musicPlay() {
        this.$refs.MusicPlay.play();
        this.musicTF = false
        this.countMusicNum();
      },

因为开始按钮在别的地方控制,所以用ref指向auto

猜你喜欢

转载自www.cnblogs.com/zouwangblog/p/11097564.html
今日推荐