20
Задача: реализовать воспроизведение mp3 на сайте под iPad и iPhone.
Решение. Самое простое, что приходит в голову: использовать преимущества html 5 и тег audio. Различные найденные примеры: раз, два, три и др., — указывают ряд функций для управления воспроизведением, таким образом воспроизведение определённого файла через javascript по приведённым примерам выглядит приблизительно следующим образом:
{
var player = document.getElementById("htmlplayer");
player.src = 'аудио файл';
player.play();
}
Данный код вполне себе хорошо отрабатывает в хроме, но не работает под iPad: ошибок не возникает, но мелодия не воспроизводится. Если же в тег добавить панель управления через атрибут controls и попробовать воспроизвести файл вручную, то тот будет проигрываться.
Как оказалось я сделал упущение поверив большинству примеров и функция воспроизведения должна иметь следующий вид:
{
var player = document.getElementById("htmlplayer");
player.src = 'аудио файл';
player.load();
player.play();
}
Вызов функции load — ключевой момент в проигрывании файлов, в том случае, когда мы меняем значение атрибута src, т.е. меняем файл, который необходимо воспроизвести.
Ссылки: