HTML5 Audio: почему может не работать воспроизведение двух файлов один за другим на некоторых платформах?

Товарищи. По диагонали начитан про разные проблемы с одновременным воспроизведением аудио на мобильных платоформах, про какие-то задержки на iOS. Но вот тут в чём дело - не пойму.
Фрагмент кода:
var player1 = $('<audio preload="auto"  src="file1.mp3" type="audio/mp3" />').appendTo(myDiv);
var player2 = $('<audio preload="auto"  src="file2.mp3" type="audio/mp3" />').appendTo(myDiv); 
var btnPlay = $('<div />').appendTo(myDiv).on('click', play1); 

function play1(){
               player1[0].addEventListener("ended", play2);
               player1[0].play();
}

 function play2(){
               player1[0].removeEventListener("ended", play2);
               player2[0].play();
}

На декстопе (Win7 и Firefox, например) всё пучком. На iOS7 (iPad) и Android-е каком-то - второй файл не воспроизводится. Хотя обработчик стартует на событии.

Попробовал на Andorid вызывать одновременно проигрывание второго файла вместе с первым в play1() и тогда он проигрался еще и в play2(), но это меня, очевидно, не устраивает.

Обращение к HTML и его ресурсам делается по сети, к http-серверу.
Мобильные платформы не подгружают аудио-файлы заранее? Или что?

Что за фигня, подскажите пожалуйста! А то мы упираемся в вариант - делать склейки файлов, но это такая лажа. У нас есть файл №1 и сто файлов №2. Клеить? Ну йошкин кот...
  • Вопрос задан
  • 2767 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы