在iOS或Android中使用Safari或Chrome浏览器播放mp3文件

Question

我尝试预加载音频html5标签，然后一一播放文件。 在似乎可以正常工作的台式计算机上，但在带有Safari或Chrome浏览器的iphone 4或5上，声音无法播放。

我的声音是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音频和视频指南

在iOS或Android中使用Safari或Chrome浏览器播放mp3文件

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-02-11 15:12:59

在iOS或Android中使用Safari或Chrome浏览器播放mp3文件

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-02-11 15:12:59

解决方案1
1 已采纳 2014-02-11 15:12:59