html5音频标签在加载音频时播放音频

Question

我有 html5 音频播放器，例如播放、暂停、停止按钮。

function onUpdate()
{
    var isPlaying = (!getAudioElement().paused);
    document.getElementById("playerplay").style.display = (isPlaying)?"none":"block";
    document.getElementById("playerpause").style.display = (isPlaying)?"block":"none";
};

function getAudioElement()
{
    return document.getElementById("id_audio_element");
}

function play() {
    getAudioElement().play();
    onUpdate();
}

function pause() {
    getAudioElement().pause();
    onUpdate();
}

function stop() {
    getAudioElement().pause();
    getAudioElement().currentTime=0;
    onUpdate();
    getAudioElement().load();
}

还有音频标签：

<audio id="id_audio_element" onended="onUpdate();load();"><source src="105.ogg" type="audio/ogg"></audio>

它在所有浏览器上都能完美运行，除了 iPhone 和 iPad 的 Safari 和 Chrome。当我调用 load() 时，音频开始播放，虽然我不调用 play()。

有人有解决办法吗？谢谢！

Answer 1

如果源没有变化，则无需调用 load()。如果它正在改变，请在加载后尝试调用 pause()。