将源更改为<audio>html5元素

change source to <audio> html5 element

本文关键字:audio html5 元素      更新时间:2023-09-26

我正在构建一个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上,源是变化的,但是当我播放音轨时,播放的是旧的声音。在其他浏览器上也可以。

ideeas吗?

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
    /****************/
}