vue添加背景音乐

Posted 2022-02-17 zouwangblog

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