@stream-io/video-client 0.3.1 → 0.3.2

package/dist/index.cjs.js

@@ -7,9 +7,9 @@ var axios = require('axios');
 var twirpTransport = require('@protobuf-ts/twirp-transport');
 var rxjs = require('rxjs');
 var SDP = require('sdp-transform');
+var uaParserJs = require('ua-parser-js');
 var WebSocket = require('isomorphic-ws');
 var operators = require('rxjs/operators');
-var uaParserJs = require('ua-parser-js');
 var https = require('https');
 var jwt = require('jsonwebtoken');
 require('crypto');
@@ -6289,6 +6289,56 @@ function getIceCandidate(candidate) {
     }
 }
 
+let sdkInfo;
+let osInfo;
+let deviceInfo;
+const setSdkInfo = (info) => {
+    sdkInfo = info;
+};
+const getSdkInfo = () => {
+    return sdkInfo;
+};
+const setOSInfo = (info) => {
+    osInfo = info;
+};
+const getOSInfo = () => {
+    return osInfo;
+};
+const setDeviceInfo = (info) => {
+    deviceInfo = info;
+};
+const getDeviceInfo = () => {
+    return deviceInfo;
+};
+const getClientDetails = () => {
+    if (isReactNative()) {
+        // Since RN doesn't support web, sharing browser info is not required
+        return {
+            sdk: getSdkInfo(),
+            os: getOSInfo(),
+            device: getDeviceInfo(),
+        };
+    }
+    const userAgent = new uaParserJs.UAParser(navigator.userAgent);
+    const { browser, os, device, cpu } = userAgent.getResult();
+    return {
+        sdk: getSdkInfo(),
+        browser: {
+            name: browser.name || navigator.userAgent,
+            version: browser.version || '',
+        },
+        os: {
+            name: os.name || '',
+            version: os.version || '',
+            architecture: cpu.architecture || '',
+        },
+        device: {
+            name: `${device.vendor || ''} ${device.model || ''} ${device.type || ''}`,
+            version: '',
+        },
+    };
+};
+
 const DEFAULT_BITRATE = 1250000;
 const defaultTargetResolution = {
     bitrate: DEFAULT_BITRATE,
@@ -6303,9 +6353,11 @@ const defaultTargetResolution = {
  * @param targetResolution the expected target resolution.
  */
 const findOptimalVideoLayers = (videoTrack, targetResolution = defaultTargetResolution) => {
+    var _a;
     const optimalVideoLayers = [];
     const settings = videoTrack.getSettings();
     const { width: w = 0, height: h = 0 } = settings;
+    const isRNIos = isReactNative() && ((_a = getOSInfo()) === null || _a === void 0 ? void 0 : _a.name.toLowerCase()) === 'ios';
     const maxBitrate = getComputedMaxBitrate(targetResolution, w, h);
     let downscaleFactor = 1;
     ['f', 'h', 'q'].forEach((rid) => {
@@ -6319,10 +6371,11 @@ const findOptimalVideoLayers = (videoTrack, targetResolution = defaultTargetReso
             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;
@@ -6521,6 +6574,7 @@ class Publisher {
          * @param opts
          */
         this.publishStream = (mediaStream, track, trackType, opts = {}) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
             if (track.readyState === 'ended') {
                 throw new Error(`Can't publish a track that has ended already.`);
             }
@@ -6548,7 +6602,14 @@ class Publisher {
                 const videoEncodings = trackType === TrackType.VIDEO
                     ? findOptimalVideoLayers(track, targetResolution)
                     : undefined;
-                const codecPreferences = this.getCodecPreferences(trackType, opts.preferredCodec);
+                let preferredCodec = opts.preferredCodec;
+                if (!preferredCodec && trackType === TrackType.VIDEO) {
+                    const isRNAndroid = isReactNative() && ((_a = getOSInfo()) === null || _a === void 0 ? void 0 : _a.name.toLowerCase()) === 'android';
+                    if (isRNAndroid) {
+                        preferredCodec = 'VP8';
+                    }
+                }
+                const codecPreferences = this.getCodecPreferences(trackType, preferredCodec);
                 // listen for 'ended' event on the track as it might be ended abruptly
                 // by an external factor as permission revokes, device disconnected, etc.
                 // keep in mind that `track.stop()` doesn't trigger this event.
@@ -6642,9 +6703,9 @@ class Publisher {
             });
         };
         this.updateVideoPublishQuality = (enabledRids) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _b;
             logger$3('info', 'Update publish quality, requested rids by SFU:', enabledRids);
-            const videoSender = (_a = this.transceiverRegistry[TrackType.VIDEO]) === null || _a === void 0 ? void 0 : _a.sender;
+            const videoSender = (_b = this.transceiverRegistry[TrackType.VIDEO]) === null || _b === void 0 ? void 0 : _b.sender;
             if (!videoSender) {
                 logger$3('warn', 'Update publish quality, no video sender found.');
                 return;
@@ -6742,8 +6803,8 @@ class Publisher {
          * @param options the optional offer options to use.
          */
         this.negotiate = (options) => __awaiter(this, void 0, void 0, function* () {
-            var _b;
-            this.isIceRestarting = (_b = options === null || options === void 0 ? void 0 : options.iceRestart) !== null && _b !== void 0 ? _b : false;
+            var _c;
+            this.isIceRestarting = (_c = options === null || options === void 0 ? void 0 : options.iceRestart) !== null && _c !== void 0 ? _c : false;
             const offer = yield this.pc.createOffer(options);
             offer.sdp = this.mungeCodecs(offer.sdp);
             const trackInfos = this.getCurrentTrackInfos(offer.sdp);
@@ -6781,15 +6842,6 @@ class Publisher {
         this.mungeCodecs = (sdp) => {
             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;
         };
@@ -9487,56 +9539,6 @@ const CallTypes = new CallTypesRegistry([
     }),
 ]);
 
-let sdkInfo;
-let osInfo;
-let deviceInfo;
-const setSdkInfo = (info) => {
-    sdkInfo = info;
-};
-const getSdkInfo = () => {
-    return sdkInfo;
-};
-const setOSInfo = (info) => {
-    osInfo = info;
-};
-const getOSInfo = () => {
-    return osInfo;
-};
-const setDeviceInfo = (info) => {
-    deviceInfo = info;
-};
-const getDeviceInfo = () => {
-    return deviceInfo;
-};
-const getClientDetails = () => {
-    if (isReactNative()) {
-        // Since RN doesn't support web, sharing browser info is not required
-        return {
-            sdk: getSdkInfo(),
-            os: getOSInfo(),
-            device: getDeviceInfo(),
-        };
-    }
-    const userAgent = new uaParserJs.UAParser(navigator.userAgent);
-    const { browser, os, device, cpu } = userAgent.getResult();
-    return {
-        sdk: getSdkInfo(),
-        browser: {
-            name: browser.name || navigator.userAgent,
-            version: browser.version || '',
-        },
-        os: {
-            name: os.name || '',
-            version: os.version || '',
-            architecture: cpu.architecture || '',
-        },
-        device: {
-            name: `${device.vendor || ''} ${device.model || ''} ${device.type || ''}`,
-            version: '',
-        },
-    };
-};
-
 class InputMediaDeviceManagerState {
     constructor() {
         this.statusSubject = new rxjs.BehaviorSubject(undefined);
@@ -12459,7 +12461,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.1';
+const version = '0.3.2';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;
@@ -13525,11 +13527,13 @@ exports.CallState = CallState;
 exports.CallType = CallType;
 exports.CallTypes = CallTypes;
 exports.CameraManager = CameraManager;
+exports.CameraManagerState = CameraManagerState;
 exports.CreateDeviceRequestPushProviderEnum = CreateDeviceRequestPushProviderEnum;
 exports.ErrorFromResponse = ErrorFromResponse;
 exports.InputMediaDeviceManager = InputMediaDeviceManager;
 exports.InputMediaDeviceManagerState = InputMediaDeviceManagerState;
 exports.MicrophoneManager = MicrophoneManager;
+exports.MicrophoneManagerState = MicrophoneManagerState;
 exports.OwnCapability = OwnCapability;
 exports.RecordSettingsModeEnum = RecordSettingsModeEnum;
 exports.RecordSettingsQualityEnum = RecordSettingsQualityEnum;