This project demonstrate live waveform generation using HTML5 Audio API and Canvas.
- Generate waveform for your audio being played on audio player
- Draw wavefrom using requestAnimationFrame for a smooth drawing
- Handle audio event (play, pause, ended) to start/stop drawing wavefrom.
- Optimized to save CPU cycles when audio is not being played (paused/ended).
audio-waveform requires Node.js v4+ to run.
Install the dependencies and devDependencies and start the server.
$ cd audio-waveform
$ npm install
$ npm start
Open the browser and enter following url to run the applicaiton http://localhost:3001