@livedigital/client 2.37.3 → 2.37.4-ya-browser-support.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@livedigital/client",
   "author": "vlprojects",
   "license": "MIT",
-  "version": "2.37.3",
+  "version": "2.37.4-ya-browser-support.2",
   "private": false,
   "bugs": {
     "url": "https://github.com/vlprojects/livedigital-sdk/issues"
@@ -43,6 +43,7 @@
     "async-mutex": "^0.3.2",
     "awaitqueue": "^2.4.0",
     "axios": "^0.21.4",
+    "bowser": "^2.11.0",
     "debug": "^4.3.4",
     "mediasoup-client": "^3.6.50",
     "qs": "^6.11.0",

package/src/engine/media/index.ts

@@ -18,6 +18,7 @@ import { CreateMediaParams } from '../../types/engine';
 import Engine from '../index';
 import EnhancedEventEmitter from '../../EnhancedEventEmitter';
 import MediaStreamTrackManager from './tracks/MediaStreamTrackManager';
+import { detectHandlerName } from '../../helpers/media';
 
 class Media {
   public isDeviceLoaded = false;
@@ -53,7 +54,7 @@ class Media {
 
   get mediasoupDevice(): Device {
     if (!this.device) {
-      this.device = new Device();
+      this.device = this.createDevice();
     }
 
     return this.device;
@@ -166,6 +167,16 @@ class Media {
       },
     };
   }
+
+  private createDevice(): Device {
+    const handlerName = detectHandlerName();
+
+    this.#logger.debug('Creating a media device', {
+      handlerName: handlerName ?? 'not specified',
+    });
+
+    return new Device({ handlerName });
+  }
 }
 
 export default Media;

package/src/helpers/media.ts

@@ -0,0 +1,25 @@
+import { types } from 'mediasoup-client';
+import Bowser from 'bowser';
+
+const chrome74Criteria = {
+  'yandex browser': '>=22',
+  chrome: '>=74',
+  chromium: '>=74',
+};
+
+// eslint-disable-next-line import/prefer-default-export
+export const detectHandlerName = (userAgent?: string): types.BuiltinHandlerName | undefined => {
+  const ua = userAgent ?? navigator?.userAgent;
+
+  if (!ua) {
+    return undefined;
+  }
+
+  const browser = Bowser.getParser(ua);
+
+  if (browser.satisfies(chrome74Criteria)) {
+    return 'Chrome74';
+  }
+
+  return undefined;
+};