Safari - HTML5音频

Question

我使用javascript来动态填充源信息的音频标签。在Chrome中运行良好，但在Safari中，音频标签中的源信息发生了变化，但它播放的是同一首歌曲。任何想法为什么这会发生？

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

Answer 1

您是否尝试过重新创建节点？

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也许

Answer 2

在Safari中，当您更改源代码，你也必须调用​​的音频播放器，以得到它的实际加载的新来源。

其他浏览器似乎并不需要它。