HTML5 autoplay once

Question

Следующая функция javascript служит для автовоспроизведения аудиофайла (через аудиотекст HTML 5), сокращает воспроизведение mp3 на 6 секунд, а циклы + автоматически воспроизводят звук с самого начала.

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();