react-music-player
react-music-player copied to clipboard
🎵 player local songs on the browser
MUSIC PLAYER
A react music player PWA that plays local files using the Files API




CONTRIBUTING
Feel free to contribute to the repo. Make sure you configure eslint, or run lint before submitting pull requests
TECH STACK
- React
- Redux
Features
- Play/Pause
- Repeat Options
- Progress Bar
- Drag and Drop - Thanks to @CliffReimers
- Keyborad Controls - Thanks to @Spring3
TODO LIST
- Play Next Automatically ✅
- Controls - Next, Previous, Progress Bar ✅
- Saving Songs(localStroage) ✅
- UI ✅
- A Page for currently playing song ✅
- Host on GitHub ✅
- Repeat ✅
- Seek progressbar on nowPlayingPage ✅
- Let playing song show as playing
- Add Icons to sidebar
- Show Time
- Use the MediaAPI
- Fix linting
- Shuffle
- Search
- Playlists
BUGS
- Pauses on state change ✅
Was due to the fact the audio element was in a child component which unmounts was resolved by moving the audio element to a component that does not unmount