小程序
小游戏
企业微信
微信支付
扫描小程序码分享
背景音乐循环播放
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
onReady() { this.back = wx.getBackgroundAudioManager() // 对实例进行设置 this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" this.back.title = '青团社8周年庆' // 标题为必选项 this.back.play() // 开始播放 // 1、onEnded监听播放自然结束 this.back.onEnded(() => { // 2、必须重新设置src才能循环之后会重新自动播放 this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" }) this.back.onStop((res) => { this.setData({ start: !this.data.start }) this.close = true this.back.pause(); }) }, handleProxy() { this.back.pause(); // 点击音乐图标后触发的暂停或开始操作 this.setData({ start: !this.data.start }) if (this.data.start) { if (this.close) { this.close = false this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" } else { this.back.play(); } console.log("背景音乐已开启"); } else { this.back.pause(); console.log("背景音乐已暂停"); } },
<image src="https://qiniu-image.qtshe.com/20210719music.png" class="music-icon {{start ? '' : 'active'}}" bindtap="handleProxy" />
.music-icon { width: 80rpx; height: 80rpx; position: absolute; right: 32rpx; top: 180rpx; -webkit-animation: rotate 4s linear infinite; } .music-icon.active { -webkit-animation-play-state: paused; } /*定义动画 旋转一周*/ @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可以
可以的
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
onReady() { this.back = wx.getBackgroundAudioManager() // 对实例进行设置 this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" this.back.title = '青团社8周年庆' // 标题为必选项 this.back.play() // 开始播放 // 1、onEnded监听播放自然结束 this.back.onEnded(() => { // 2、必须重新设置src才能循环之后会重新自动播放 this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" }) this.back.onStop((res) => { this.setData({ start: !this.data.start }) this.close = true this.back.pause(); }) }, handleProxy() { this.back.pause(); // 点击音乐图标后触发的暂停或开始操作 this.setData({ start: !this.data.start }) if (this.data.start) { if (this.close) { this.close = false this.back.src = "https://qiniu-video.qtshe.com/qtshe.mp3" } else { this.back.play(); } console.log("背景音乐已开启"); } else { this.back.pause(); console.log("背景音乐已暂停"); } },
<image src="https://qiniu-image.qtshe.com/20210719music.png" class="music-icon {{start ? '' : 'active'}}" bindtap="handleProxy" />
.music-icon { width: 80rpx; height: 80rpx; position: absolute; right: 32rpx; top: 180rpx; -webkit-animation: rotate 4s linear infinite; } .music-icon.active { -webkit-animation-play-state: paused; } /*定义动画 旋转一周*/ @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
可以
可以的