微信小程序音乐播放器

本文介绍了微信小程序中实现音乐播放的两种方法:一种是使用官方API,即使界面关闭音乐仍能继续播放;另一种是利用audio组件,但1.6.0版本后不再维护,建议使用wx.createInnerAudioContext接口。通过设置audio组件的id属性,可以获取InnerAudioContext对象进行音乐控制。目前所有展示都在模拟器上完成,未在真机上测试。
摘要由CSDN通过智能技术生成

小程序实现音乐播放相当的简单,官方给了二种实现音乐播放

第一种:

  /**
   * 音乐播放器
   */
  playMusic: function (event){
      wx.BackgroundAudioManager({
        dataUrl: 'http://music.163.com/song/media/outer/url?id=108220.mp3',
        title:"夜夜夜夜-齐秦",
        coverImgUrl:"http://y.gtimg.cn/music/photo_new/T002R150x150M000001TEc6V0kjpVC.jpg?max_age=2592000",
        success:function(res){
            console.log("成功---");
        },
        fail:function(res){
          console.log("失败---");
        }
      })

效果:

这是独立于我们布局的,意思是打开另外一个界面,当前界面关闭了,它还是存在的,因为他是跟随整个项目工程的,只有项目工程关闭了,这个才会被关闭

api:

还有一种实现方式是通过audio组件方式,

<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值