Simple Audio Recorder component with WaveSurfer writing in typescript

• A component to record audio files with wavesurfer.js in the browser

• The app is built using React.js(CRA) and wavesurfer.js

• demo

• The varios controls included are as follows:

  • play/stop
  • record
  • download

• The app is deployed to Surge

Steps to get started

• Fork and clone this repo using git clone https://github.com/ismailazdad/wavesurfer_recorder.git
• npm install all dependencies
• npm start to run the react app locally
• Refer the wavesurfer.js docs to add new features!

Tools used for this project

• React.js: A popular JS library for building user interfaces
• wavesurfer.js: A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas.
• material-ui: A modern frontend framework, here it is used for the icons
• surge: A platform to deploy web projects with easy-to-use CI tools.