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

只有想到的东西是相对链接。我会试着或者（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控件显示....但我需要音频工作（网络播放器），所以这对我来说已经足够了...

iOS网络应用上的HTML5音频

相关推荐