Товарищи. По диагонали начитан про разные проблемы с одновременным воспроизведением аудио на мобильных платоформах, про какие-то задержки на 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. Клеить? Ну йошкин кот...