将源更改为<audio> html5元素</audio>

时间:2011-10-31 12:18:34

标签: javascript jquery html5 audio

我正在构建一个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上,音源正在改变,但是当我正在播放音轨时,它就是播放的旧声音。在其他浏览器上运行正常。

任何想法?

1 个答案:

答案 0 :(得分: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
    /****************/
}