在页面加载后播放音乐（在 iPhone 中）（使用 HTML5/JS）答案

【问题标题】：Play music (in iPhone) just after the page is loaded (using HTML5/JS)在页面加载后播放音乐（在 iPhone 中）（使用 HTML5/JS）
【发布时间】：2011-10-15 21:49:57
【问题描述】：

我发现：

<!DOCTYPE html>
<html>
    <head>
    <script src='jQuery.js'></script>
        <script>
                $(document).ready(function(){
                    document.getElementById("asdf").play();
                });
        </script>
    </head>
    <body>
        <audio src='music.m4a' id='asdf'></audio>
    </body>
</html>

或

<!DOCTYPE html>
<html>
    <head>
        <script>
            setTimeout('document.getElementById("asdf").play();',10000);
        </script>
    </head>
    <body>
        <audio src='music.m4a' id='asdf'></audio>
    </body>
</html>

不会在iPhone上播放音乐（当然以上两个在普通电脑上都可以），而是在写

<!DOCTYPE html>
<html>
    <body>
        <audio src='music.m4a' id='asdf'></audio>
        <a href='javascript:document.getElementById("asdf").play()'>dd</a>
    </body>
</html>

然后点击“dd”将播放音乐。

我的问题是：如何在 iPhone 中加载页面（并“准备好”播放音乐）后立即自动播放音乐？

PS : 我添加setInterval('if($("#asdf").attr("readyState")) console.log(1);'); 用于检查声音是否加载，我发现readyState 在我按下'dd'后立即更改。

【问题讨论】：

标签： javascript iphone html html5-audio

【解决方案1】：

HTML 音频标签有一个 autoplay 属性，它指定是否在对象加载后立即开始播放音频。

查看here

【讨论】：

【解决方案2】：

试试this

 <audio src='music.m4a' autoplay="autoplay" id='asdf'></audio>

【讨论】：

不...它在 iPhone 上不工作（即使它在电脑上工作）
你是对的。我在这里发现了同样的问题。 stackoverflow.com/questions/3009888/… 。音频或视频标签上的 .play() 方法之前的 .load() 方法应该可以工作。
或查看：roblaplaca.com/blog/2010/04/14/…
结论：在 iPhone OS 4.2.1 或更高版本中，无法自动启动音频或视频... :(

【解决方案3】：

您需要等到音频加载到足以开始播放。

Documentation.

【讨论】：

这就是我尝试setTimeout('document.getElementById("asdf").play();',10000);的原因。即使我添加了preload='auto'，它也不起作用。按“dd”立即开始播放音乐。

【解决方案4】：

不允许在 iPhone 和 iPad 上自动播放视频/音频文件。这是 Apple 做出的决定。

【讨论】：