React
iOS
Android
Flutter
Angular
JavaScript
Unity
Unreal
Node
Python
Ruby
PHP
Java
.NET
Go
REST<stream-voice-recorder-wavebar
*ngIf="isRecording$ | async"
></stream-voice-recorder-wavebar>VoiceRecorderWavebarComponent
The VoiceRecorderWavebarComponent displays the amplitudes of the recording while the recoding is in progress
The component doesn’t have any inputs, instead it uses the AudioRecorderService and the AmplitudeRecorderService to gather all necessary data.
Usage
isRecording$: Observable<boolean>;
constructor(public readonly recorder: AudioRecorderService) {
this.isRecording$ = this.recorder.recordingState$.pipe(map(s => s === MediaRecordingState.RECORDING || s === MediaRecordingState.PAUSED));
}