Question

我正试图在iPad网络应用上播放声音。使用jquery mobile和iOS 6.1。我知道iOS上的自动播放限制因此我通过点击（功能）启动音频。它在iPad上的Safari浏览器中工作正常。但是当我以全屏模式（添加到主屏幕）访问与Web应用程序完全相同的页面时，它无法播放。我本以为它只是全屏的Safari。显然情况并非如此，似乎对网络应用程序有额外的限制。

为什么html5音频会在iPad Safari浏览器中播放，而不是通过iPad网络应用播放？在浏览器和网络应用程序中我需要注意哪些限制？

我使用的示例代码：

html: <audio id="audio" src="/audio/test.mp3"></audio>
script:
$(document).on("pageinit", function () {
        var audio = document.getElementById('audio');
        $("#playGame").on("click", function (event, ui) {

            audio.play();
        });
    });

Answer 1

我在同样的事情上挣扎。在Safari和Chrome上：播放音频没问题。停止，暂停，播放，一切正常。

但在网络应用程序中也是如此：没有音频。

原来是一件简单的事情。我删除了这一行：

<meta name="apple-mobile-web-app-capable" content="yes">

我有音频播放！它不再是真正的网络应用程序了;显示URL框和Safari控件....但我需要音频工作（网络播放器）所以这对我来说已经足够了......

iOS网络应用上的HTML5音频

1 个答案: