Skip to content

lmjh/react-drum-sequencer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

163 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Drum Sequencer

A simple drum sequencer built with React.

You can try the working app here.

This was my first project using React and was built to help me learn the framework.

Credits and Acknowledgments

  • The project uses the Web Audio API to schedule playback of drum samples in consistent rhythm. The basic scheduling method is based on the technique outlined in the famous A Tale of Two Clocks article by Chris Wilson.
  • The drum samples were sourced from Indie Drums.
  • The audio visualizer is based on the technique outlined in the MDN Web Docs Visualizations with Web Audio API article.
  • The Modali component was used to implement the tutorial modal.
  • FontAwesome icons are used on several of the buttons.

About

An online drum machine built with React and the Web Audio API.

Resources

Stars

Watchers

Forks

Contributors