Merge pull request #686 from GetStream/fix-voice-recording

Fix voice recording

Author: szuperaz

.github/workflows/workflow.yml

@@ -5,6 +5,7 @@ on:
       - master
       - angular-19
       - test-update
+      - fix-voice-recording
   pull_request:
     branches:
       - master

package.json

@@ -45,6 +45,11 @@
         "prerelease": true,
         "channel": "beta"
       },
+      {
+        "name": "fix-voice-recording",
+        "prerelease": true,
+        "channel": "beta"
+      },
       {
         "name": "5.x.x-beta",
         "prerelease": true,

projects/stream-chat-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "5.12.3",
+  "version": "5.12.4-fix-voice-recording.1",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

projects/stream-chat-angular/src/assets/version.ts

@@ -1 +1 @@
-export const version = '5.12.3';
+export const version = '5.12.4-fix-voice-recording.1';

projects/stream-chat-angular/src/lib/voice-recorder/audio-recorder.service.ts

@@ -1,6 +1,5 @@
 import { Injectable, NgModule } from '@angular/core';
 import { AmplitudeRecorderService } from './amplitude-recorder.service';
-import { isSafari } from '../is-safari';
 import { MediaRecorderConfig, MultimediaRecorder } from './media-recorder';
 import { NotificationService } from '../notification.service';
 import { ChatClientService } from '../chat-client.service';
@@ -21,7 +20,9 @@ export class AudioRecorderService extends MultimediaRecorder<
    * - For all other browsers we use audio/webm (which is then transcoded to wav)
    */
   config: MediaRecorderConfig = {
-    mimeType: isSafari() ? 'audio/mp4;codecs=mp4a.40.2' : 'audio/webm',
+    mimeType: MediaRecorder.isTypeSupported('audio/webm')
+      ? 'audio/webm'
+      : 'audio/mp4;codecs=mp4a.40.2', // fallback for Safari
   };
 
   constructor(