• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序音频 ,背景音乐

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
//app.js
onLaunch: function () {
console.log(this)
this.AppMusic = wx.createInnerAudioContext();
this.AppMusic.autoplay = true;
this.AppMusic.loop = true;
this.AppMusic.onPlay(() => {
console.log(\'开始播放\')
})
this.AppMusic.onError((res) => {
console.log(res.errMsg)
console.log(res.errCode)
})
},
 
 
//你要播放的界面,加载音乐链接
// 从60s开始播放
app.AppMusic.seek(60);
app.AppMusic.src = \'http://ovhvevt35.bkt.clouddn.com/photo/%E5%A5%BD%E5%A6%B9%E5%A6%B9%E4%B9%90%E9%98%9F%20-%20%E4%B8%8D%E8%AF%B4%E5%86%8D%E8%A7%81.mp3\'
// music
music(e){
let that = this;
let status = e.currentTarget.dataset.status;
if (status){
app.AppMusic.pause();
app.AppMusic.onPause(() => {
console.log(\'暂停播放\');
that.setData({
status: false
})
})
}else{
app.AppMusic.play();
app.AppMusic.onPlay(() => {
console.log(\'开始播放\');
that.setData({
status: true
})
})
}
console.log(e)
 
},
// 上传图片音乐会暂停
upImg(){
wx.chooseImage({
success: function (res) {
var tempFilePaths = res.tempFilePaths
wx.uploadFile({
url: \'https://example.weixin.qq.com/upload\', //仅为示例,非真实的接口地址
filePath: tempFilePaths[0],
name: \'file\',
formData: {
\'user\': \'test\'
},
success: function (res) {
var data = res.data
//do something
}
})
}
})
},
 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序播放背景音乐发布时间:2022-07-18
下一篇:
微信小程序有旋转动画效果的音乐组件发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap