将源更改为 <audio> html5 元素

Question

我正在构建一个 jquery/html5 音频播放器，但在将源更改为音频标签时遇到了一些问题。我实现的方法适用于除 IE9 以外的所有浏览器。

这是一个代码示例：

audio = $("<audio>").attr("id", "audioElement")
                        .attr("preload", "auto")
                        .appendTo(player);

function addMp3Source(sourceUrl) {
    audio.empty();
    var newSrc = $("<source>").attr("src", config.tracksURL + sourceUrl).appendTo(audio);
}

在 IE9 上，源正在改变，但是当我播放曲目时，播放的是旧声音。在其他浏览器上工作正常。

有什么想法吗？

Answer 1

function addMp3Source(sourceUrl) {
    audio.empty();
    var newSrc = $("<source>").attr("src", config.tracksURL + sourceUrl).appendTo(audio);
    /****************/
    audio[0].pause();
    audio[0].load();//suspends and restores all audio element
    /****************/
}