As we know, music players allow one to enjoy music in any browser and supports a lot of the features of an offline music player. So we will be creating a music player with a clean interface that can play music in the browser.
This was also my first project in my adventure of Frontend :D
- Render song
- Scroll top
- Play / pause / seek song
- CD rotate
- Next / previous song
- Listen random song
- Next / repeat when ended song
- Active song when clicking an other song
- Scroll active song into center view
- Download music
- Load config setting when we reload the page every time
HTML, CSS & Javascript
Just open index.html to see it
- bind(document)
- localStorage
- map(), filter()
- Object.defineProperty
- Web animation API
- rotate(360deg)
- events: onscroll, onclick, onplay, onpause, ontimeupdate, onchange, onended
- toggle
- _this.isRepead = !_this.isRepeat;
- setTimeOut()
- scrollIntoView()