javascript - 在同一个 html5 音频播放器中播放多首音乐的最佳主意是什么？

Question

我想通过html5音频播放器制作像winamp这样的播放器。但是当我单击一个 javascript 按钮（用于 onclick 事件以调用函数来更改音频源和播放音乐的“播放”按钮）时，有时源不会及时加载。我的代码是：

<script type="text/javascript">
function play(src){
document.getElementById('new').currentSrc=src+".ogg";
document.getElementById('new').play();
}
</script>

        <audio id="new">
            <source src="m.ogg" type="audio/ogg" />
            Your browser does not support HTML5 audio. Please upgrade your browser.                
        </audio>

<button onclick="play('source');">Play next song</button>

另一个问题是始终需要保留初始 src（如 m.ogg）。否则不会加载新源。但如果我更改“新”音频播放器的 innerHTML，则不会发生此问题，但加载速度有点慢。

那么最好的做法是什么？更改当前源或更改音频播放器的 innerHTML？

-谢谢。

Answer 1

试着打电话

document.getElementById('new').load();

在调用 play() 之前。

IIRC 这将尝试在缓冲足够的数据后立即播放。