Зацикливание аудио HTML5

Хотя указано loop, оно не реализовано ни в одном из известных мне браузеров Firefox [спасибо Anurag за указание на это]. Вот альтернативный способ зацикливания, который должен работать в браузерах с поддержкой HTML5:

var myAudio = new Audio('someSound.ogg'); 
myAudio.addEventListener('ended', function() {
    this.currentTime = 0;
    this.play();
}, false);
myAudio.play();

Чтобы добавить еще несколько советов, объединяющих предложения @kingjeffrey и @CMS: вы можете использовать loop там, где он доступен, и использовать обработчик событий kingjeffrey, когда он недоступен. Есть веская причина, по которой вы хотите использовать loop, а не писать собственный обработчик событий: как обсуждалось в отчете об ошибках Mozilla, хотя в настоящее время loop не зацикливается плавно (без пробелов) ни в одном из известных мне браузеров, это, безусловно, возможно и, вероятно, станет стандартом в будущем. Ваш собственный обработчик событий никогда не будет бесшовным в любом браузере (поскольку он должен прокачиваться через цикл событий JavaScript). Поэтому по возможности лучше использовать loop вместо того, чтобы писать собственное событие. Как указала CMS в комментарии к ответу Анурага, вы можете обнаружить поддержку loop, запросив переменную loop - если она поддерживается, это будет логическое значение (false), в противном случае оно будет неопределенным, как в настоящее время в Firefox.

Соединяем их вместе:

myAudio = new Audio('someSound.ogg'); 
if (typeof myAudio.loop == 'boolean')
{
    myAudio.loop = true;
}
else
{
    myAudio.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);
}
myAudio.play();

Ваш код работает для меня в Chrome (5.0.375) и Safari (5.0). Не зацикливается на Firefox (3.6).

См. пример.

var song = new Audio("file");
song.loop = true;
document.body.appendChild(song);​

Самый простой способ:

bgSound = new Audio("sounds/background.mp3");
bgSound.loop = true;
bgSound.play();

var audio = new Audio("http://rho.nu/pub/Game%20Of%20Thrones%20-%20Main%20Theme%20-%20Soundtrack.mp3");

audio.addEventListener('canplaythrough', function() {
    this.currentTime = this.duration - 10;
    this.loop = true;
    this.play();
});

Просто установите loop = true в прослушивателе событий canplaythrough.

http://jsbin.com/ciforiwano/1/edit?html,css,js,output

Попробуйте использовать jQuery для прослушивателя событий, тогда он будет работать в Firefox.

myAudio = new Audio('someSound.ogg');

$(myAudio).bind('ended', function()  {
    myAudio.currentTime = 0;
    myAudio.play();
});

myAudio.play();

Что-то такое.

Я сделал это так,

<audio controls="controls" loop="loop">
<source src="someSound.ogg" type="audio/ogg" />
</audio>

и это выглядит так

Это работает, и его намного проще переключать, чем описанные выше методы:

использовать встроенный: onended="if($(this).attr('data-loop')){ this.currentTime = 0; this.play(); }"

Включите зацикливание, нажав $(audio_element).attr('data-loop','1');. Выключите зацикливание, нажав $(audio_element).removeAttr('data-loop');.

Вы можете попробовать setInterval, если знаете точную длину звука. Вы можете заставить setInterval воспроизводить звук каждые x секунд. X будет длиной вашего звука.