Howler.js - це, мабуть, найкраща аудіо-бібліотека JavaScript

Застарілі аудіопрогравачі завдяки минулому - справа минулого сучасний звук HTML5 і швидке прийняття підтримки браузера. Але веб-дизайнери можуть йти на крок далі чиста аудіо бібліотека як от Howler.js.

Ця безкоштовна бібліотека JS з відкритим вихідним кодом дозволяє відтворювати аудіофайли зі стандартних форматів вбудовані в спеціальні програвачі. Howler поставляється з повний API, щоб ви могли побудувати простий аудіоплеєр, a великий список відтворення, або циклічного відтворення фонової музики для гри HTML5 у браузері.

Howler був вперше створений ще на початку 2013 року пережив багато ітерацій. В даний час проект сидить на v2.x з більш ніж 7k зірок на GitHub.

Проект був створена ігровою студією що використовує Howler у своїх веб-іграх для звуку FX і фонової музики. Він підтримує a широкий масив типів файлів і кодеків у тому числі MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... назвіть аудіофайл, і я гарантую, що він підтримується.

Якщо ви просто хочете простий аудіоплеєр, то HTML5 може бути достатньо. Але Howler поставляється з багатьма можливостями не може бути створено з HTML, як от вицвітання / в з кожним треком або автоматичне кешування для зменшення часу завантаження музичних файлів.

Ревун є бібліотека чистого JavaScript без залежностей і це підтримує всі основні браузери у тому числі:

• Chrome 7+
• Internet Explorer 9+
• Firefox 4+
• Mobile Safari 6+
• Opera 12+
• Microsoft Edge (усі версії)

Старі браузери за замовчуванням для аудіопрогравача HTML5, тому у нього є розумні резервні варіанти.

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

Ви можете знайти повна документація в репо GitHub разом з живі демонстрації на головному сайті.

Це найпоширеніша аудіо-бібліотека в Інтернеті. Це включає ігровий звук FX для ігор браузера та повторювані спрайти що можна викликати, коли користувач зачіпає або натискає щось на сторінці.

Нижче ви можете побачити a бас-тюнінг веб-додатків від CodePen, що демонструє невелику частку про те, що Howler може зробити. І, якщо ви хочете вчи більше відвідайте ревуль Говел GitHub знайти документацію і посилання для завантаження для останньої версії.