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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lily2016n/article/details/82022127

需求是一进来音乐就开始播放,本来以为只有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();
  } 
})

猜你喜欢

转载自blog.csdn.net/lily2016n/article/details/82022127