无法使用Safari在iPad上播放wav文件

Question

我有一个我已经构建的Web应用程序，它需要有三种不同类型的警报。单发嘟嘟声，长哔声和三声嘟嘟声。所有音频文件都是.wav格式。该应用程序按预期工作，在Mac或PC上正确播放所有蜂鸣声通知，在Mac上使用IE，FireFox，Chrome和Safari。

当我在iPad上运行该应用程序时，它只想发出一声嘟嘟声并且每次都应该播放它。当它应该播放长哔声或三声嘟嘟声时，它不会。

有人可以告诉我为什么会这样，以及我能做些什么才能让这个工作？此Web应用程序可在iPad和完整的Web浏览器上运行。在应用程序完成之前，这是最后需要解决的问题。

提前致谢。 ：）

以下是我的音频代码代码和使其正常工作的JavaScript。

HTML

    <span style="visibility:hidden; display: none; ">
        <audio src="./sounds/beep.wav"></audio>
        <audio src="./sounds/longBeep.wav"></audio>
        <audio src="./sounds/tripleBeep.wav"></audio>
    </span>

的JavaScript

    function playBeep() {
        var beepAudio = document.getElementsByTagName('audio')[0];
        beepAudio.play();    
    }

    function playLongBeep() {
        var beepAudio = document.getElementsByTagName('audio')[1];
        beepAudio.play();    
    }

    function playTripleBeep() {
        var beepAudio = document.getElementsByTagName('audio')[2];
        beepAudio.play();    
    }

所有音频文件都使用相同的编解码器和格式。

Answer 1

仅one audio tag at a time is supported on MobileSafari。

使用一个音频元素并使用JS更改src属性。然后在需要时调用加载/播放。详细描述了here。

Answer 2

IOS支持声音播放，但不支持自动播放。您必须调出一个控件，强制用户点击播放按钮才能开始播放声音。

http://www.ibm.com/developerworks/library/wa-ioshtml5/