Question

以下javascript函数提供并自动播放音频文件（通过HTML 5音频标签），在6秒内切断mp3播放并从头开始循环+自动播放音频。

的javascript：

function updateaudio() {    
var a_str = '<audio autoplay source src="audio/coolsound.mp3" type="audio/mpeg"></audio>';
document.getElementById('audio_span').innerHTML = a_str;
}
setInterval(updateaudio, 6000)

HTML：

<div><span id="audio_span"></span><script src="js/audio.js"></script></div>

有没有使用html5音频属性将自动播放播放设置为关闭，即非循环播放？或者，是否有另一种方法来实现这一点（通过javascript或html5）？音频事件结束后，我想设置一个标志并停止任何播放。

Answer 1

如果您不想要循环，请不要使用setInterval（）。

如果您只想在六秒钟后暂停播放，请执行以下操作：

setTimeout( function () {

    document.getElementById('audio_span').pause();

}, 6000)):

Answer 2

我会使用以下内容实现同样的目标。

function updateaudio() {
    var audio = document.createElement('audio');
    audio.autoplay = true;
    audio.controls = true;
    audio.loop = false;
    audio.preload = true;
    audio.src = "audio/coolsound.mp3"

    document.getElementById('audio_span').appendChild(audio);
}

updateaudio();

HTML5自动播放一次

2 个答案: