Ipad html5 загружает несколько аудиофайлов

Question

Я хочу предварительно загрузить несколько аудиофайлов. Для этого я попытался создать несколько аудиоэлементов в JavaScript.

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, это разрешено только внутри обработчиков событий для доверенных (= инициированных пользователем) событий.

Answer 2

Yo может играть несколько аудио на IOS устройства используя следующий путь

$("#btn").on("click",function(){ 
         alert("audio clicked"); 
         var aud=new Audio(); 
         aud.src="music.mp3"; 
         aud.play(); 
         var aud1=new Audio(); 
         aud1.src="intro.mp3"; 
         aud1.play(); 
        }) 

Приведенный выше код воспроизведения нескольких аудиодорожек на устройстве