微信小程序音频的使用:wx.createInnerAudioContext的使用

需求是一进来音乐就开始播放,本来以为只有wx.playBackgroundAudio(使用后台播放器播放音乐,对于微信客户端来说,只能同时有一个后台音乐在播放。当用户离开小程序后,音乐将暂停播放;当用户在其他小程序占用了音乐播放器,原有小程序内的音乐将停止播放。)才能实现。还是文档没仔细看。发现有更好用的wx.createInnerAudioContext。
由于自己是边写项目边看文档,发现自己对小程序的文档还不够熟练啊。仔细阅读文档的重要性。
这里只介绍简单的播放暂停,具体详见文档
https://developers.weixin.qq.com/miniprogram/dev/api/createInnerAudioContext.html
js

const innerAudioContext = wx.createInnerAudioContext();
Page({

  data: {

  },
  onShow: function () {
    innerAudioContext.src = "http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46"
    //音频的数据链接,用于直接播放。支持云文件ID(2.2.3起)。

  },
  //点击播放,(如果要一进来就播放放到onload即可)
  play: function () {
    innerAudioContext .play();
  },
  //点击 停止
  stop: function () {
    innerAudioContext .pause();
  } 
})
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值