https://github.com/ashinzekene/react-music-player

🎵 player local songs on the browser
https://github.com/ashinzekene/react-music-player

file-api music-player player react

Last synced: about 1 year ago
JSON representation

🎵 player local songs on the browser

• Host: GitHub
• URL: https://github.com/ashinzekene/react-music-player
• Owner: ashinzekene
• License: mit
• Created: 2017-08-13T16:48:16.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2021-04-27T17:01:16.000Z (about 5 years ago)
• Last Synced: 2025-04-13T05:44:49.431Z (about 1 year ago)
• Topics: file-api, music-player, player, react
• Language: JavaScript
• Homepage: https://ashinzekene.github.io/react-music-player
• Size: 8.66 MB
• Stars: 126
• Watchers: 4
• Forks: 29
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MUSIC PLAYER

[![Build Status](https://travis-ci.com/ashinzekene/react-music-player.svg?branch=master)](https://travis-ci.com/ashinzekene/react-music-player)

 A react music player PWA that plays local files using the Files API

 [CHECK OUT THE WEB APP](https://ashinzekene.github.io/react-music-player)

  

  

  

  

 

## 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

1. Play/Pause

1. Repeat Options

1. Progress Bar

1. Drag and Drop - Thanks to [@CliffReimers](https://github.com/CliffReimers)

1. Keyborad Controls - Thanks to [@Spring3](https://github.com/Spring3)

## TODO LIST

1. Play Next Automatically ✅

1. Controls - Next, Previous, Progress Bar ✅

1. Saving Songs(localStroage) ✅

1. UI ✅

1. A Page for currently playing song ✅

1. Host on GitHub ✅

1. Repeat ✅

1. Seek progressbar on nowPlayingPage ✅

1. Let playing song show as playing

1. Add Icons to sidebar

1. Show Time

1. Use the MediaAPI

1. Fix linting

1. Shuffle

1. Search

1. Playlists

## BUGS

1. 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