小程序问题:1.ios上下滑动页面,底部也随之滑动;2.播放音乐 使用innerAudioContext流程;3.ios使用innerAudioContext,上滑关闭音乐,再返回时音乐仍然在播放

小程序问题:1.ios上下滑动页面,底部也随之滑动;2.播放音乐 使用innerAudioContext流程;3.ios使用innerAudioContext,上滑关闭音乐,再返回时音乐仍然在播放,第1张

1.ios 禁止页面上下拖动
在该页面的.json文件中添加:"disableScroll":true,
2.播放音乐 使用innerAudioContext流程。

(1)在data中定义:

  data: {
    innerAudioContext: null,
  },

(2)创建对象

    let innerAudioContext = wx.createInnerAudioContext()
    innerAudioContext.src = '/packageB/voice/voice.mp3'
    this.setData({
      innerAudioContext: innerAudioContext
    })
    wx.setInnerAudioOption({
      mixWithOther: true,
      obeyMuteSwitch: false,
    });

(3)播放音乐,并且设置音乐播放结束后,循环播放

  audioplay() {
    //播放音乐
    this.data.innerAudioContext.play()
    let audio = this.data.innerAudioContext;
    audio.onEnded(function () {
      //音乐播放结束后,循环播放
      audio.play()
    })
  },
  audiopause() {
    //暂停播放
    this.data.innerAudioContext.pause()
  },
  audiostart() {
    //从头开始播放
    this.data.innerAudioContext.seek(0)
  },
3.小程序:ios使用innerAudioContext,上滑关闭音乐,再返回时音乐仍然在播放。解决方法如下:

在小程序的onHide 中同时执行stop,和destroy

    this.data.innerAudioContext.stop()
    this.data.innerAudioContext.destroy()

注意,此时innerAudioContext销毁了,返回后不会再播放音乐。如果还想播放音乐,需要重新创建innerAudioContext。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/993222.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存