Зацикленное проигрывание звука на JavaScript?

Question

[Megas]

Есть задача сделать проигрывание некоего короткого звука (сэмпла) в бесконечном цикле.

Для этого написан простейший код:

var audio = new Audio();
audio.src = 'sound.ogg';
audio.loop = true;
audio.autoplay = true;

Однако возникает проблема, когда после того как елемент Audio отыграет звук, ему забирает некоторое время, чтоб начать все с начала. В итоге получается «икающее» звучание.
Вот пример того, что получается


Проверил и в хроме и в фаерфоксе, везде одинаковая проблема.


Ктото в курсе как это можно решить?

P.S. С семплом проблем нет, при проигрывании, к примеру, в Winamp'е, все получается отлично.

Answer 1

[Mithgol]

Попробуйте howler.js.

Comments

[Megas]

Спасибо, отличная штука. Результат не идеальный, но уже на много лучше!

Answer 2

[Макс]

Посмотрите это

Comments

[Megas]

Да, читал это. Но надеялся, что за прошедшие 2 года произошли какието улучшения в данной теме, которые хабра-народ мне подскажет.

Answer 3

[Алеша]

Костылем через requestAnimationFrame - оно отрабатывает значительно чаще чем ontimeupdate, потому дает более приемлемый результат. Ну и соответственно оно чуть больше поджирает проц.

var a = new Audio('pdz.me.ogg');
a.loop = true;
function loopFix() {
	if(a.currentTime >= a.duration - 0.05) {
		a.currentTime = 0;
		a.play();
	}
	requestAnimationFrame(loopFix);
}
loopFix();
// ---
a.play();