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

【问题标题】：whats the best idea to play several music in same html5 audio player?在同一个 html5 音频播放器中播放多首音乐的最佳主意是什么？
【发布时间】：2013-08-20 01:48:00
【问题描述】：

我想通过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？

-谢谢。

【问题讨论】：

标签： javascript html5-audio

【解决方案1】：

尝试调用

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

在调用 play() 之前。

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

【讨论】：

我这样做了，但有时我没有得到新来源的持续时间。这意味着 document.getElementById('new').load();没有帮助及时加载所有数据。