Skip to content

naturalethic/react-midi-player

Repository files navigation

React MIDI Player

This project demonstrates a simple MIDI player. MIDI files when added are saved to Local Storage. Sample MIDI files can be found at midiworld.com.


Requirements:

  • Add music button, opens add music form
  • Add music form, title, artist, album, file
  • Queue list, displays title, artist, album
  • Double-clicking in queue list plays selected song
  • When a song finishes playing, play next song in queue
  • Player status: current song title, artist, album, time elapsed, duration
  • Player interface: play, stop, previous, next, scrubber bar, should all actually function.

Extra:

  • Actually playing audio. If not playing audio, just stub out file upload, playing, etc. Make each song just a two minute timer.
  • Simple UI theme in CSS.
  • Persistence in local storage.

Install

  • Make sure yarn is available: brew install yarn
  • Install dependencies: yarn
  • Start the project: yarn start
  • Browse to the reported URL.

About

A demonstration of a midi player written in react.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published