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

时间:2014-09-22 05:36:23

标签: iphone html5 ipad audio safari

我有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()。

有人有解决方案吗?谢谢!

1 个答案:

答案 0 :(得分:0)

如果源未更改,则无需调用load()。如果它正在改变,请在加载后尝试调用pause()。