jQuery для мобильных устройств и аудио HTML5

Я работаю с мобильным телефоном jQuery и использую аудиотег HTML5. У меня есть одна кнопка для запуска воспроизведения звука на странице. Я запускаю воспроизведение звука следующим образом:

$('#voice').live("click", function() {
    $('#speech').trigger("play");
});

Аудио тег прост:

<audio src="path_to_media" id="speech"></audio>

Когда страница загружается впервые, звук работает отлично, однако аудиотег и источник не обновляются при переходе страницы, поэтому при переходе на другую страницу с другим звуком и нажатии кнопки воспроизведения будет воспроизводиться тот же аудиофайл, что и на первой странице, если, конечно, я не обновлю вручную браузер. Есть ли способ обойти это?


person Jason Yost    schedule 03.03.2012    source источник


Ответы (1)


Не могу точно указать вашу проблему, однако я сделал то же самое здесь: http://blog.colourbomb.net/?p=193

Он отлично работает на рабочем столе и iPhone, но на Android я вижу то же поведение, что и у вас, одним из решений является удаление аудиотега из DOM, затем создание нового и внедрение его, что дает вам новый экземпляр аудио объекта, который должен быть перезагрузить. На какой платформе вы видите проблему, она возникает и в настольном браузере?

person Jonathan Fisher    schedule 06.03.2012
comment
Я также видел проблему в настольном браузере. Я согласился с вашим предложением удалить и воссоздать аудиотег через DOM. - person Jason Yost; 26.04.2012