Howler.js Mungkin Pustaka Audio JavaScript Terbaik
Pemutar audio yang ketinggalan jaman adalah sesuatu dari masa lalu berkat audio HTML5 modern dan adopsi dukungan browser yang cepat. Tetapi desainer web dapat melangkah lebih jauh dengan a perpustakaan audio murni seperti Howler.js.
Pustaka JS sumber terbuka gratis ini memungkinkan Anda memutar file audio dari format standar tertanam dengan pemain khusus. Howler datang dengan API lengkap, sehingga Anda dapat membangun pemutar audio sederhana, Sebuah daftar putar besar, atau musik latar yang berulang untuk game HTML5 dalam browser.
Howler pertama kali diciptakan kembali pada awal 2013 dan telah melalui banyak iterasi. Saat ini, proyek duduk di v2.x dengan lebih dari 7k bintang di GitHub.
Proyek itu dibuat oleh studio game yang menggunakan Howler di game web mereka untuk FX suara dan musik latar belakang. Mendukung a beragam jenis file & codec termasuk MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC… beri nama file audio dan saya jamin itu didukung.
Jika Anda hanya ingin pemutar audio sederhana maka HTML5 mungkin cukup. Namun Howler hadir dengan banyak fitur Anda tidak bisa mendapatkan secara asli dengan HTML, seperti fading out / in dengan setiap trek, atau caching otomatis untuk file musik untuk mengurangi waktu buka.
Howler adalah seorang perpustakaan JavaScript murni tanpa dependensi dan itu mendukung semua browser utama termasuk:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Safari Seluler 6+
- Opera 12+
- Microsoft Edge (semua versi)
Browser yang lebih lama default ke pemutar audio HTML5, sehingga memiliki opsi fallback yang masuk akal.
Segala sesuatu di Howler.js adalah modular, sehingga Anda dapat memilih fitur mana yang akan disertakan dan mana yang tidak. Ini bisa sangat mengurangi permintaan HTTP membuat pemutar audio jauh lebih mudah digunakan.
Anda dapat menemukan dokumentasi lengkap di repo GitHub bersama dengan demo langsung di situs utama.
Sejauh ini ini adalah perpustakaan audio paling luas di web. Itu termasuk suara game FX untuk game browser dan sprite berulang yang dapat dipanggil setiap kali pengguna mengarahkan atau mengklik sesuatu pada halaman.
Di bawah ini, Anda dapat melihat a aplikasi web penyetelan bass dari CodePen itu menunjukkan sebagian kecil apa yang bisa dilakukan Howler. Dan, jika Anda mau Belajarlah lagi kunjungi repo Howler GitHub ke temukan dokumentasi dan tautan unduhan untuk versi terbaru.
