码迷,mamicode.com
首页 > 其他好文 > 详细

vue添加背景音乐

时间:2019-06-27 16:17:59      阅读:676      评论:0      收藏:0      [点我收藏+]

标签:ict   ide   放音   count   html_   code   his   als   ref   

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

 

vue添加背景音乐

标签:ict   ide   放音   count   html_   code   his   als   ref   

原文地址:https://www.cnblogs.com/zouwangblog/p/11097564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!