Howler.js, вероятно, лучшая аудио библиотека JavaScript
Устаревшие аудиоплееры ушли в прошлое благодаря современный HTML5 аудио и быстрое принятие поддержки браузера. Но веб-дизайнеры могут сделать еще один шаг вперед с чистая аудио библиотека такие как Howler.js.
Эта бесплатная библиотека JS с открытым исходным кодом позволяет вам воспроизводить аудио файлы из стандартных форматов встроенный с пользовательских плееров. Хоулер приходит с полный API, так что вы можете построить простой аудиоплеер, большой плейлист, или же зацикливание фоновой музыки для HTML5-игры в браузере.
Howler был впервые создан еще в начале 2013 года и прошел много итераций. В настоящее время проект сидит на v2.x более 7 тысяч звезд на GitHub.
Проект был созданный игровой студией который использует Howler в своих веб-играх для звуковых эффектов и фоновой музыки. Поддерживает широкий спектр типов файлов и кодеков в том числе MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC… назовите аудиофайл, и я гарантирую, что он поддерживается.
Если вы просто хотите простой аудиоплеер, то HTML5 может быть достаточно. Но Howler поставляется с множеством функций, которые вы не может быть изначально с HTML, такие как затухание / в с каждой дорожкой, или автоматическое кеширование для музыкальных файлов, чтобы уменьшить время загрузки.
Вой библиотека чистого JavaScript без каких-либо зависимостей и это поддерживает все основные браузеры в том числе:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Мобильное Сафари 6+
- Опера 12+
- Microsoft Edge (все версии)
Старые браузеры по умолчанию используется аудиоплеер HTML5, так что у него есть разумные альтернативные варианты.
Все в Howler.js есть модульная, так что вы можете выбрать, какие функции включить, а какие пропустить. Это может значительно сократить HTTP-запросы сделать аудиоплееры намного проще в использовании.
Вы можете найти полная документация в репозитории GitHub вместе с живые демо на главном сайте.
Это, безусловно, самая обширная аудио библиотека в сети. Это включает игровой звук FX для браузерных игр и повторяющиеся спрайты это может быть вызвано всякий раз, когда пользователь наводит или щелкает что-то на странице.
Ниже вы можете увидеть веб-приложение для настройки басов из CodePen, что демонстрирует небольшую долю что может сделать Хоулер И, если вы хотите учить больше посетите репозиторий Howler GitHub, чтобы найти документацию а также ссылки для скачивания для последней версии.
