Oke kali ini saya akan membagikan sebuah eksperimen, yaitu membuat HTML5 MP3 Player. Hal yang menarik jika kita biasanya menggunakan sebuah MP3 Player untuk memainkan sebuah MP3, kali ini bisa di sebuah browser, udah gitu designnya keren lagi. Eksperimen ini di buat oleh Tutorialzine. Dengan menggunakan beberapa framework JS seperti :
- JavaScript Drag and Drop API
- JavaScript File API
- Wavesurfer.js on GitHub
- JavaScript-ID3-Reader on GitHub
Fitur
- Anda dapat men-drag file mp3 langsung ke dalan browser
- Hanya menggunakan HTML (tidak membutuhkan PHP ataupun node.js)
- Tidak ada yang di upload, file di simpan di brower Anda
- Cool audio visualization dan audio playback oleh Wavesurfer.js.
- Memilih dan mencari lagu dalam playlist.
- Cover art dan ID3 tags dengan JavaScript ID3 Reader.
- Shuffle dan Repeat.
- Tidak membutuhkan internet
- Responsive design.
Screenshot
