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>This is documentation for Stream Chat Angular SDK v6, which is no longer actively maintained. For up-to-date documentation, see the latest version (v7).
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));
}