uniapp 背景音樂播放/暫停


<view class="bj_music" @click="bjMusicClick">
    <image :class="!musicShow?'musicStyle':''" src="../../static/img/music_icon.png" mode="widthFix"></image>
</view>
.bj_music image{width: 72rpx;height: 72rpx;}
.bj_music .musicStyle{animation: bjMusic 3s linear infinite;}
const innerAudioContext = uni.createInnerAudioContext();
export default {
    data() {
        musicShow:true
    },
     onLoad(){
        innerAudioContext.autoplay = true;
      innerAudioContext.loop=true; //循環播放
      innerAudioContext.src ='https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3';
      this.musicShow=false;
    },
    methods: {
      bjMusicClick:function(){
          if(this.musicShow){
              console.log('播放')
              innerAudioContext.play()
          }else{
              console.log('暫停')
              innerAudioContext.pause();
          }
          this.musicShow=!this.musicShow;
      }
    }   
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM