iOS網絡應用上的HTML5音頻

我試圖在iPad網絡應用上播放聲音。使用jQuery的手機和iOS 6.1。我知道iOS上的自動播放限制，因此我通過點擊（功能）啓動音頻。它在iPad上的Safari瀏覽器中工作正常。但是，當我以全屏訪問與web應用程序完全相同的頁面（添加到主屏幕）時，它無法播放。我原以爲這只是全屏幕上的同一個Safari。顯然情況並非如此，網絡應用程序似乎有額外的限制。iOS網絡應用上的HTML5音頻

爲什麼html5音頻會在iPad Safari瀏覽器中播放，但不是通過iPad網絡應用播放？是否有更多的限制，我需要知道在瀏覽器與Web應用程序？

示例代碼我使用：

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(); 
     }); 
    });

來源

2013-02-17 Lars

只有想到的東西是相對鏈接。我會試着或者（1）使音頻'src'絕對，或者（2）[使用瀏覽器localStorage緩存文件]（http://stackoverflow.com/questions/1612116/html5-local-storage-of-音頻元素源是-IT-可能的）。 – Labu 2013-02-17 09:25:51

@WillemLabu換成絕對裁判並沒有成功。聽起來像我可能需要查看音頻編碼[鏈接]（http://stackoverflow.com/questions/1612116/html5-local-storage-of-audio-element-source-is-it-it-可能）。我會檢查一下。 – Lars 2013-02-18 15:47:42

祝你好運。：{d – Labu 2013-02-20 09:10:38

我用相同的掙扎。在Safari和Chrome上：播放音頻沒有問題。停止，暫停，播放，一切正常。

但在網絡應用程序中的相同：沒有音頻。

原來是一件簡單的事情。我刪除了這一行：

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

而且我有音頻播放！它不再是一個真正的網絡應用程序; URL框和Safari控件顯示....但我需要音頻工作（網絡播放器），所以這對我來說已經足夠了...

來源

2017-05-09 19:41:31 Fleskalebas

iOS網絡應用上的HTML5音頻

回答

相關問題