Howler.js, вероятно, лучшая аудио библиотека JavaScript в мире

Устаревшие аудиоплееры остались в прошлом благодаря современному звуку HTML5 и быстрому внедрению поддержки браузеров. Но веб-дизайнеры могут сделать еще один шаг вперед с помощью чистой звуковой библиотеки, такой как Howler.js,

Эта бесплатная библиотека JS с открытым исходным кодом позволяет воспроизводить аудиофайлы из стандартных форматов, встроенных в пользовательские проигрыватели. Howler поставляется с полным API, поэтому вы можете создать простой аудиоплеер, большой плейлист или зацикливать фоновую музыку для HTML5-игры в браузере.

Howler был впервые создан еще в начале 2013 года и прошел много итераций. В настоящее время проект находится на v2.x с более чем 7k звезд на GitHub,

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Рекомендуемое чтение: веб-дизайн: как создать стильный веб-аудиоплеер

Проект был создан игровой студией, которая использует Howler в своих веб-играх для звуковых эффектов и фоновой музыки. Он поддерживает широкий спектр типов файлов и кодеков, включая MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC … назовите аудиофайл, и я гарантирую, что он поддерживается.
Howler.js демоверсииЕсли вы просто хотите простой аудиоплеер, тогда HTML5 может быть достаточно. Но Howler поставляется с множеством функций, которые вы не можете получить с помощью HTML, таких как постепенное исчезновение / добавление каждой дорожки или автоматическое кэширование музыкальных файлов для сокращения времени загрузки.

Howler – это чистая библиотека JavaScript без каких-либо зависимостей, и она поддерживает все основные браузеры, включая:

Chrome 7+
Internet Explorer 9+
Firefox 4+
Мобильное Сафари 6+
Опера 12+
Microsoft Edge (все версии)

В старых браузерах по умолчанию используется аудиоплеер HTML5, поэтому у него есть разумные альтернативные варианты.

Все в Howler.js является модульным, так что вы можете выбрать, какие функции включить, а какие пропустить. Это может значительно сократить HTTP-запросы, делая аудиоплееры намного проще в использовании.

Вы можете найти полную документацию в GitHub репо наряду с живыми демонстрациями на главный сайт,

Это, безусловно, самая обширная аудио библиотека в сети. Это включает в себя игровой звук FX для браузерных игр и повторяющиеся спрайты это может быть вызвано всякий раз, когда пользователь наводит или щелкает что-то на странице.

Ниже вы можете увидеть веб-приложение для настройки басов из CodePen, который демонстрирует небольшую часть того, что может сделать Howler. И, если вы хотите узнать больше, посетите Howler GitHub РЕПО найти документацию и ссылки для скачивания последней версии.

Увидеть перо Бас-тюнер Мэтью Гринберг (@mattgreenberg) на CodePen,

Рекомендуемое чтение: как транслировать усеченное аудио с помощью MediaSource API