Async воспроизводит звук в javascript?

Question

Как я могу загрузить асинхронно звук в javascript?

Я хочу играть в циклах с несколькими звуками и параллельно. Это временная шкала:

 10 seconds   7 seconds   10 seconds 
|--------------------|------------------|--------------------|--- etc 
| Sound1 playing  |Sound2 playing | Sound1 playing  |--- etc 
| Do a calculus  |Do a calculus  | Do a calculus  |--- etc 

SOUND1 и SOUND2 последние менее чем за 5 секунд Calculs Последние 1 секунду.

Как я могу это сделать в javascript?

Я должен использовать Рабочих в HTML5?

Спасибо.

Answer 1

Возможно, вы ищете window.setInterval().

Answer 2

Воспроизведение звуков асинхронно в JS на самом деле довольно просто. Вам просто нужно создать new Audio s и play() их сразу же, а не play() ing global Audio объектов. Вот пример:

function playSoundAsync(url){ 
    new Audio(url).play(); 
} 

Так что в вашем случае, ваш код будет выглядеть следующим образом (с хака участием setInterval с и setTimeout с для синхронизации до звуков):

// For simplicity I'll use MP3 files readily available on the Internet 
 
var sound1url = 'https://audio.code.org/win3.mp3'; 
 
var sound2url = 'https://audio.code.org/failure3.mp3'; 
 
var calculusUrl = 'https://audio.code.org/failure1.mp3'; 
 

 
setInterval(function() { 
 
    new Audio(sound1url).play(); 
 
    new Audio(calculusUrl).play(); 
 
}, 17000); 
 
setTimeout(function() { 
 
    setInterval(function() { 
 
     new Audio(sound2url).play(); 
 
     new Audio(calculusUrl).play(); 
 
    }, 17000); 
 
}, 10000);

<button onclick="new Audio(sound1url).play();">Play sound1 individually</button> 
 
<button onclick="new Audio(sound2url).play();">Play sound2 individually</button> 
 
<button onclick="new Audio(calculusUrl).play();">Play calculus individually</button>

Кроме того, вы можете заметить это, когда вы нажимаете кнопку Play $ {sound} индивидуально кнопок: новое воспроизведение $ {sound} начинается с в ожидании или прерывании текущего воспроизведения $ {sound}! Это позволяет создать акустический беспорядок, как это:

var cacophony = setInterval(function(){new Audio('https://audio.code.org/win3.mp3').play();}, 25);

<button onclick="clearInterval(cacophony);">Click here to stop this cacophony</button>