在iPad上加载m4a文件时，不会收到状态代码

Question

我正在尝试跨设备使用HTML5音频，并通过使用以下代码设法使其在台式机上工作：

<audio id="audio-1" preload="auto" >
    <source src="~/Assets/audio/file1.m4a" type="audio/mpeg">
    <source src="~/Assets/audio/file1.ogg" type="audio/ogg">
</audio>

<audio id="audio-2"  preload="auto">
    <source src="~/Assets/audio/file2.m4a" type="audio/mpeg">
    <source src="~/Assets/audio/file2.ogg" type="audio/ogg">
</audio>

<audio id="audio-3" preload="auto">
    <source src="~/Assets/audio/file3.m4a" type="audio/mpeg">
    <source src="~/Assets/audio/file3.ogg" type="audio/ogg">
</audio>

然而，在设备(安卓5.1.1和iOS 9)上，声音不能播放。

在调试iPad时，我注意到为所有音频文件发送了GET请求，但没有返回状态代码。

​

我读过IBM的一篇文章，关于AAC和OGG的组合是跨浏览器兼容性的最佳来源：http://www.ibm.com/developerworks/library/wa-ioshtml5/#resources，所以我希望不是文件类型导致了这个问题。

我还读到，在设备上通过HTTPS提供文件可能会出现问题。

我不知道的是，有没有办法让这些文件在设备上播放？(在JS中使用原生的HTML5音频方法在事件上触发)

Answer 1

后来我发现你不能在移动设备上自动播放声音。您必须进行用户交互，例如按下按钮来激发操作。

http://codetheory.in/fixing-html5-audio-problems-in-ios-and-android-mobile-browsers-to-overcome-the-limitations/