html5移动端音乐播放

Question

ios系统html5 audio 不能定时播放音乐

<audio id="music" src="music/music1.mp3"></audio>

var music = document.getElementById("music");

$(".start").click(function(){
    setTimeout(function(){
        music.play();
    },5000);
});

如何解决延迟播放

Answer 1

var music = document.getElementById("music");

$(".start").click(function(){
    alert(1);
    setTimeout(function(){
        alert(2);
        music.play();
    },5000);
});

1. 输出1，证明点击事件触发没问题

2. 输出2，证明定时器没问题
   最后在排查问题

Answer 2

  document.addEventListener("WeixinJSBridgeReady", function () {
      play();
  }, false); 
   document.addEventListener('YixinJSBridgeReady', function() {
      play();  
   }, false);  
  document.addEventListener("touchstart",play, false); 
  
  
  
  提供 这些 给你， 不需要你都一起用， 可根据实际情况选择用， 测试的时候 请重点关注 微信内置浏览器， 和oppo 手机自带浏览器。