H5背景音乐自动播放（在指定的界面开始播放音乐）

1.第一步

// 切换结束后，开始
// 定义一个index，使索引值自增。activeIndex为swiper中的，它的值为轮播结束后第几个slide
if (mySwiper.activeIndex == 2 && index == 2) {
          musicplay('修改为自己的音乐地址', 'bg');
        }
 

 

2.第二步

// 背景音乐
var aud1 = new Audio('修改为自己的音乐地址', 'bg');
aud = new Audio();

function musicplay(url, type) {
  if (type == 'bg') {
    aud1.loop = true;
    aud1.src = url;
  }
  else {
    aud.loop = false;
    aud.src = url;
  }

  if (window.Audio) {
    Audio.prototype.autoPlay = function (callback) {
      var audio = this;
      audio.play();
      if (audio.paused) {
        var ev = function () {
          document.removeEventListener('touchstart', ev, true);
          audio.play();
          callback && callback();
        }
        if (/MicroMessenger/i.test(navigator.userAgent)) {
          if (window.WeixinJSBridge) {
            WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
              audio.play();
              callback && callback();
            });
          }
          else {
            document.addEventListener("WeixinJSBridgeReady", function () {
              WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                if (audio.ended) {
                  audio.play();
                  callback && callback();
                }
                else {
                  audio.play();
                  callback && callback();
                }
              });
            }, false);
          }
        }
        else {
          document.addEventListener('touchstart', ev, true);
        }
      }
      else {
        callback && callback();
      }
    }
  }
  if (type == 'bg') {
    aud1.autoPlay();
  }
  else {
    aud.autoPlay();
  }
};

 

说明：小白一枚，个人笔记，如有错误，敬请指出。谢谢