call-recording-waveform

React Implementation WIKI - https://github.com/NaveenPantra/call-recording-waveform/wiki

React Player

222723276-22db4c3d-8794-45bb-b4d9-730a150d6f74.mov

Waveform transformation from single line

auidoPlayerTrim.mov

Audio waveform for calls and comments.

1. Right-click on the audio waveform to add comments - The context menu will show the options.
2. The participant's timeline will move according to the audio player's.
3. Seek to a particular time in the audio player.
4. Playback change and volume control in audio control.
5. Comments in the audio player will automatically reveal within 5s to -2s proximity of the current audio time while playing.

Backstory

This has evolved from other POCs over time.

1. Audio Waveform - https://github.com/NaveenPantra/audio-waveform
2. Call Participants - https://github.com/NaveenPantra/call-participants
3. Voicemail Recording - https://github.com/NaveenPantra/voicemail-recording

Screenshot