@stream-io/video-client 0.3.1 → 0.3.2

package/dist/src/devices/index.d.ts

@@ -2,4 +2,6 @@ export * from './devices';
 export * from './InputMediaDeviceManager';
 export * from './InputMediaDeviceManagerState';
 export * from './CameraManager';
+export * from './CameraManagerState';
 export * from './MicrophoneManager';
+export * from './MicrophoneManagerState';

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.3.1";
+export declare const version = "0.3.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/devices/index.ts

@@ -2,4 +2,6 @@ export * from './devices';
 export * from './InputMediaDeviceManager';
 export * from './InputMediaDeviceManagerState';
 export * from './CameraManager';
+export * from './CameraManagerState';
 export * from './MicrophoneManager';
+export * from './MicrophoneManagerState';

package/src/rtc/Publisher.ts

@@ -21,14 +21,11 @@ import {
 import { CallState } from '../store';
 import { PublishOptions } from '../types';
 import { isReactNative } from '../helpers/platforms';
-import {
-  removeCodec,
-  setPreferredCodec,
-  toggleDtx,
-} from '../helpers/sdp-munging';
+import { toggleDtx } from '../helpers/sdp-munging';
 import { Logger } from '../coordinator/connection/types';
 import { getLogger } from '../logger';
 import { Dispatcher } from './Dispatcher';
+import { getOSInfo } from '../client-details';
 
 const logger: Logger = getLogger(['Publisher']);
 
@@ -239,9 +236,17 @@ export class Publisher {
           ? findOptimalVideoLayers(track, targetResolution)
           : undefined;
 
+      let preferredCodec = opts.preferredCodec;
+      if (!preferredCodec && trackType === TrackType.VIDEO) {
+        const isRNAndroid =
+          isReactNative() && getOSInfo()?.name.toLowerCase() === 'android';
+        if (isRNAndroid) {
+          preferredCodec = 'VP8';
+        }
+      }
       const codecPreferences = this.getCodecPreferences(
         trackType,
-        opts.preferredCodec,
+        preferredCodec,
       );
 
       // listen for 'ended' event on the track as it might be ended abruptly
@@ -546,19 +551,6 @@ export class Publisher {
   private mungeCodecs = (sdp?: string) => {
     if (sdp) {
       sdp = toggleDtx(sdp, this.isDtxEnabled);
-      if (isReactNative()) {
-        if (this.preferredVideoCodec) {
-          sdp = setPreferredCodec(sdp, 'video', this.preferredVideoCodec);
-        }
-        sdp = setPreferredCodec(
-          sdp,
-          'audio',
-          this.isRedEnabled ? 'red' : 'opus',
-        );
-        if (!this.isRedEnabled) {
-          sdp = removeCodec(sdp, 'audio', 'red');
-        }
-      }
     }
     return sdp;
   };

package/src/rtc/videoLayers.ts

@@ -1,4 +1,6 @@
+import { getOSInfo } from '../client-details';
 import { TargetResolution } from '../gen/coordinator';
+import { isReactNative } from '../helpers/platforms';
 
 export type OptimalVideoLayer = RTCRtpEncodingParameters & {
   width: number;
@@ -27,6 +29,8 @@ export const findOptimalVideoLayers = (
   const settings = videoTrack.getSettings();
   const { width: w = 0, height: h = 0 } = settings;
 
+  const isRNIos = isReactNative() && getOSInfo()?.name.toLowerCase() === 'ios';
+
   const maxBitrate = getComputedMaxBitrate(targetResolution, w, h);
   let downscaleFactor = 1;
   ['f', 'h', 'q'].forEach((rid) => {
@@ -40,10 +44,11 @@ export const findOptimalVideoLayers = (
       height: Math.round(h / downscaleFactor),
       maxBitrate: Math.round(maxBitrate / downscaleFactor),
       scaleResolutionDownBy: downscaleFactor,
+      // Simulcast on iOS React-Native requires all encodings to share the same framerate
       maxFramerate: {
         f: 30,
-        h: 25,
-        q: 20,
+        h: isRNIos ? 30 : 25,
+        q: isRNIos ? 30 : 20,
       }[rid],
     });
     downscaleFactor *= 2;