ipad - iPad HTML5加载多个音频文件

Question

我想预加载多个音频文件。为此，我尝试在JavaScript中创建多个Audio元素。

function loadAudio(){
    audio1 = new Audio();
    audio1.addEventListener('canplaythrough', isLoaded, false);
    audio1.src = 'assets/audio/Maid with the Flaxen Hair.mp3';
    audio1.load();
}

function isLoaded(){
    audio1.removeEventListener('canplaythrough', isAppLoaded);
    alert('maid');

alert('start audio 2');
audio2 = new Audio();
audio2.addEventListener('canplaythrough', isLoaded2, false);
audio2.src = 'assets/audio/Kalimba.mp3';
audio2.load();
}

function isLoaded2(){
    alert('kalimba');
}

我只得到第一个警报，第二个警报永远无法工作。

我发现我一次只能播放一种声音，但是我也只能加载一种声音吗？对于我创建的每个新音频对象，脚本是否都需要其他用户输入？还是有其他人为音频创建预加载器？

Answer 1

这可能与ios设备上自动播放(据我所知自动加载)音频文件的限制有关(请参阅此处:Limitations of HTML5 Audio on iOS 4?)。

简而言之:您无法以编程方式在ios设备上开始音频播放，仅在事件处理程序中允许对受信任(由用户启动)事件进行播放。