GoogleChromeLabs / web-audio-samples

Web Audio API samples by Chrome Web Audio Team
https://bit.ly/web-audio-samples
Apache License 2.0
672 stars 192 forks source link

Waveform library design #336

Closed TenghuiZhang closed 12 months ago

TenghuiZhang commented 1 year ago

This is the PR to create waveform UI library based on the analysis node. It requires the ID of canvas element where the waveform will be rendered as initialization input. When the waveform is created, it requires the analyserNode as real-time audio input data for calculating the correct amplitude for waveform.

TenghuiZhang commented 1 year ago

This is the UI screenshot for waveform waveform

TenghuiZhang commented 1 year ago

This is the waveform UI recording Waveform recording.webm

TenghuiZhang commented 1 year ago

This is the UI recording of waveform Waveform.webm

TenghuiZhang commented 1 year ago

All of the comments in SPN and worklet recording app.js are not the newest update version. The newest version is in the VUMeter PR: #337.