小程序跳转到H5音乐播放的问题

首先是iOS无法自动播放音乐的问题,iOS需要交互才能播放音频.

其次是小程序跳转H5之后切出,小程序转后台运行,音乐仍然会继续播放跟这个可以同时解决.

　　'visibilitychange' 在浏览器标签页被显示或隐藏的时候触发该事件,于是我们就可以在页面初始化的时候就监听这个事件,然后在监听的回调里面来控制音乐.

    autoplay() {
      let audio = this.$refs.MusicPlay;
      this.$wx.miniProgram.getEnv(res => {//判断是否处在小程序环境中
        if (res.miniprogram) {
          audio.play();
          this.musicFlag = true;
          audio.volume = 0.8;
        }
      });
      document.addEventListener("visibilitychange", () => {//初始化监听事件
        if (document.hidden) {    //页面隐藏则关闭音乐
          audio.pause();
        } else {
          if (this.musicFlag) {
            setTimeout(() => {
              audio.play();
              this.musicFlag = true;    //控制音乐图标变化
            }, 2000);
          }
        }
      });
    }

这俩问题这样就可以解决啦