Сафари - HTML5 Аудио

Question

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

http://www.chicagowebguru.com/HTML5Player/

Answer 1

В Safari, когда вы меняете источник, вам также нужно вызвать .load() на аудиоплеере, чтобы он действительно загрузил новый источник.

Похоже, что другим браузерам это не нужно.

Answer 2

Вы пытались воссоздать узел?

document.removeChild(document.getElementById("audio-player");

var dynamicAudio = document.createElement("audio");
dynamicAudio.name = "audio-player";
dynamicAudio.id = "audio-player";
var dynamicSound1 = document.createElement("source");
var dynamicSound2 = document.createElement("source");
var dynamicSound3 = document.createElement("source");
dynamicSound1.src = "http://www.chicagowebguru.com/audio/RainbowConnection.mp3";
dynamicSound2.src = "http://www.chicagowebguru.com/audio/RainbowConnection.ogg";
dynamicSound3.src = "http://www.chicagowebguru.com/audio/RainbowConnection.wav";
dynamicAudio.appendChild(dynamicSound1);
dynamicAudio.appendChild(dynamicSound2);
dynamicAudio.appendChild(dynamicSound3);

refNode = document.getElementById("message-container");
document.body.insertBefore(dynamicAudio,refNode.nextSibling);

или вы можете использовать jQuery, возможно