Как в html5 реализовать бесшовное воспроизведение аудио петли?

Question

[Urbansamurai]

Доброго!

Облазил все интернеты, нашел несколько фиксов вроде Gapless5 или SeamlessLoop, которые весьма коряво работают.

Подскажите пожалуйста, кто сталкивался с такими проблемами, и как реализовать нормальный кроссплатформенный аудио-проигрыватель лупов?

p.s. Сами звуки идеально подготовлены, в них нет никаких дырок.

Answer 1

[Mikhail Osher]

howlerjs (смело берите вторую версию, успешно опробована в продакшне).
Далее загуглите, как smooth loop делать - уверен, справитесь.

Comments

[Urbansamurai]

да, howler лучше всех справляется с задачей. только в firefox почему-то не работает...пытаюсь понять почему.

[Urbansamurai]

еще заметил, что при изменении стерео панорамы (pos3d) меняется pitch звука

[Urbansamurai]

Urbansamurai: дело было в свойстве model – установил в HTRF (head-related transfer function) и всё стало ок)

Answer 2

[xmoonlight]

Луп должен повторяться в записанном файле минимум 4 раза.
Когда отыграны первые 3 - делаем перемещение позиции на начало 2-го лупа. (1,2,3,2 и т.д. по кругу)
Тайминг-засечки начала каждого лупа лучше передавать вместе с луп-файлом.
Задача проста: не давать останавливаться плееру через seeking-перемотку.
Никаких "стоп"! Только:
1. загрузка трэка,
2. seeking в конец (чтобы предотвратить отложенную буферизацию),
3. готовность к воспроизведению,
4. seeking на начало,
5. пауза. (всё, трэк готов к воспроизведению)

PS: Если кто что еще знает - с удовольствием послушаю!
Спасибо!