Question

我尝试预加载音频html5标签，然后逐个播放文件。在台式计算机上似乎可以工作但在我的iphone 4或5上使用safari或chrome浏览器 - 声音无法播放。

我的声音是mp3，但我也试过mp

这是我的HTML：

<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>




    <script>    
    $(function(){
        banner_array = [];
        banner_array.push({
            "audio": 'dis1_1'
        });
        banner_array.push({
            "audio": 'dis1_2'
        });
        banner_array.push({
            "audio": 'dis2_1'
        });
        banner_array.push({
            "audio": 'dis2_2'
        });
        banner_array.push({
            "audio": 'dis3_1'
        });
        banner_array.push({
            "audio": 'dis3_2',
        });

        $.each(banner_array,function(a,b){
            setTimeout(function() {$("."+b.audio)[0].play();},25000);
    });
});
    </script>
  </head>
  <body>
    <audio hidden name="media"  class="dis1_1"><source src="/templates/t4807/audio/dis1_1.mp3" type="audio/mp3"></audio>
    <audio hidden name="media"  class="dis1_2"><source src="/templates/t4807/audio/dis1_2.mp3" type="audio/mp3"></audio>
    <audio hidden name="media"  class="dis2_1"><source src="/templates/t4807/audio/dis2_1.mp3" type="audio/mp3"></audio>
    <audio hidden name="media"  class="dis2_2"><source src="/templates/t4807/audio/dis2_2.mp3" type="audio/mp3"></audio>
    <audio hidden name="media"  class="dis3_1"><source src="/templates/t4807/audio/dis3_1.mp3" type="audio/mp3"></audio>
    <audio hidden name="media"  class="dis3_2"><source src="/templates/t4807/audio/dis3_2.mp3" type="audio/mp3"></audio>
  </body>
</html>

任何帮助都应该得到很大的帮助

Answer 1

iOS不允许这样做 -

注意：在iOS上，Web Audio API需要通过显式用户操作触发声音，例如点击。

以上施加的内容取自Safari HTML5 Audio and Video Guide

在ios或android中使用safari或chrome播放mp3文件

1 个答案: