This is documentation for Stream Chat Angular SDK v5, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v6).

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

<stream-voice-recorder-wavebar
  *ngIf="isRecording$ | async"
></stream-voice-recorder-wavebar>

isRecording$: Observable<boolean>;

constructor(public readonly recorder: AudioRecorderService) {
    this.isRecording$ = this.recorder.recordingState$.pipe(map(s => s === MediaRecordingState.RECORDING || s === MediaRecordingState.PAUSED));
}

Customization

VoiceRecorderComponent

VoiceRecordingComponent