twilio-video 2.20.1 → 2.21.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@ The Twilio Programmable Video SDKs use [Semantic Versioning](http://www.semver.o
 
 **Version 1.x reached End of Life on September 8th, 2021.** See the changelog entry [here](https://www.twilio.com/changelog/end-of-life-complete-for-unsupported-versions-of-the-programmable-video-sdk). Support for the 1.x version ended on December 4th, 2020.
 
+2.21.0 (March 8, 2022)
+==========================
+
+New Features
+------------
+- twilio-video.js now supports WKWebView and SFSafariViewController on iOS version 14.3 or later. The [`isSupported` flag](https://sdk.twilio.com/js/video/releases/2.20.1/docs/module-twilio-video.html) relies partly on the [User-Agent string](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent) to determine if twilio-video.js officially supports the user's browser. If your application modifies the default value for the User-Agent string, the new value should follow the [correct format](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent#syntax).
+
+  Additionally, for [iOS applications](https://developer.apple.com/documentation/avfoundation/cameras_and_media_capture/requesting_authorization_for_media_capture_on_ios), your application will need to include the [camera usage description](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CocoaKeys.html#//apple_ref/doc/plist/info/NSCameraUsageDescription), [microphone usage description](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CocoaKeys.html#//apple_ref/doc/uid/TP40009251-SW25) and [inline media playback](https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1614793-allowsinlinemediaplayback) in order for the SDK to work on WKWebView.
+
+  Note: As with Safari, WKWebViews only support only one local media track of each kind at a time.
+
+  We also would like to thank @cbxp for his [contribution](https://github.com/twilio/twilio-webrtc.js/pull/133). (VIDEO-8374)
+
+Known Issue
+-----------
+
+Some [common issues](https://github.com/twilio/twilio-video.js/blob/master/COMMON_ISSUES.md#safari-mobile) such as interruptions on mobile devices which includes, backgrounding the application, or switching between applications can sometimes cause VideoTracks to go black or AudioTracks to stop.
+
 2.20.1 (Feb 17, 2022)
 =====================
 Bug Fixes

package/README.md

@@ -21,13 +21,13 @@ View [CHANGELOG.md](https://github.com/twilio/twilio-video.js/blob/master/CHANGE
 Browser Support
 ---------------
 
-|             | Chrome | Edge (Chromium) | Firefox | Safari |
-| ------------|--------|-----------------|---------|--------|
-| **Android** | ✓      | -               | ✓       | -      |
-| **iOS**     | ✓      | -               | *       | ✓      |
-| **Linux**   | ✓      | -               | ✓       | -      |
-| **macOS**   | ✓      | ✓ **            | ✓       | ✓      |
-| **Windows** | ✓      | ✓ **            | ✓       | -      |
+|             | Chrome | Edge (Chromium) | Firefox | Safari | WebView |
+| ------------|--------|-----------------|---------|--------|---------|
+| **Android** | ✓      | -               | ✓       | -      | -       |
+| **iOS**     | ✓      | -               | *       | ✓      | ✓       |
+| **Linux**   | ✓      | -               | ✓       | -      | -       |
+| **macOS**   | ✓      | ✓ **            | ✓       | ✓      | -       |
+| **Windows** | ✓      | ✓ **            | ✓       | -      | -       |
 
 \*\* twilio-video.js supports the [Chromium-based Edge](https://www.microsoftedgeinsider.com/) browser.
 
@@ -74,7 +74,7 @@ Releases of twilio-video.js are hosted on a CDN, and you can include these
 directly in your web app using a <script> tag.
 
 ```html
-<script src="//sdk.twilio.com/js/video/releases/2.20.1/twilio-video.min.js"></script>
+<script src="//sdk.twilio.com/js/video/releases/2.21.0/twilio-video.min.js"></script>
 
 ```
 
@@ -235,4 +235,3 @@ License
 -------
 
 See [LICENSE.md](https://github.com/twilio/twilio-video.js/blob/master/LICENSE.md).
-

package/dist/twilio-video.js

@@ -1,4 +1,4 @@
-/*! twilio-video.js 2.20.1
+/*! twilio-video.js 2.21.0
 
 The following license applies to all parts of this software except as
 documented below.
@@ -88,7 +88,6 @@ module.exports = createCancelableRoomPromise;
 var MediaStreamTrack = require('@twilio/webrtc').MediaStreamTrack;
 var _a = require('@twilio/webrtc/lib/util'), guessBrowser = _a.guessBrowser, guessBrowserVersion = _a.guessBrowserVersion;
 var createCancelableRoomPromise = require('./cancelableroompromise');
-var createLocalTracks = require('./createlocaltracks');
 var EncodingParametersImpl = require('./encodingparameters');
 var LocalParticipant = require('./localparticipant');
 var InsightsPublisher = require('./util/insightspublisher');
@@ -283,7 +282,6 @@ function connect(token, options) {
     }
     options = Object.assign({
         automaticSubscription: true,
-        createLocalTracks: createLocalTracks,
         dominantSpeaker: false,
         enableDscp: false,
         environment: DEFAULT_ENVIRONMENT,
@@ -992,9 +990,8 @@ function normalizeCodecSettings(nameOrSettings) {
 }
 module.exports = connect;
 
-},{"./cancelableroompromise":1,"./createlocaltracks":4,"./encodingparameters":9,"./localparticipant":12,"./media/track/es5":14,"./networkqualityconfiguration":42,"./room":54,"./signaling/v2":68,"./util":127,"./util/cancelablepromise":120,"./util/constants":121,"./util/eventobserver":125,"./util/insightspublisher":128,"./util/insightspublisher/null":129,"./util/log":131,"./util/validate":144,"@twilio/webrtc":151,"@twilio/webrtc/lib/util":164}],3:[function(require,module,exports){
+},{"./cancelableroompromise":1,"./encodingparameters":9,"./localparticipant":12,"./media/track/es5":14,"./networkqualityconfiguration":42,"./room":54,"./signaling/v2":68,"./util":127,"./util/cancelablepromise":120,"./util/constants":121,"./util/eventobserver":125,"./util/insightspublisher":128,"./util/insightspublisher/null":129,"./util/log":131,"./util/validate":144,"@twilio/webrtc":151,"@twilio/webrtc/lib/util":164}],3:[function(require,module,exports){
 'use strict';
-var defaultCreateLocalTracks = require('./createlocaltracks');
 var _a = require('./util/constants'), DEFAULT_LOG_LEVEL = _a.DEFAULT_LOG_LEVEL, DEFAULT_LOGGER_NAME = _a.DEFAULT_LOGGER_NAME;
 /**
  * Request a {@link LocalAudioTrack} or {@link LocalVideoTrack}.
@@ -1005,7 +1002,6 @@ var _a = require('./util/constants'), DEFAULT_LOG_LEVEL = _a.DEFAULT_LOG_LEVEL,
  */
 function createLocalTrack(kind, options) {
     options = Object.assign({
-        createLocalTracks: defaultCreateLocalTracks,
         loggerName: DEFAULT_LOGGER_NAME,
         logLevel: DEFAULT_LOG_LEVEL,
     }, options);
@@ -1105,20 +1101,89 @@ module.exports = {
     video: createLocalVideoTrack
 };
 
-},{"./createlocaltracks":4,"./util/constants":121}],4:[function(require,module,exports){
+},{"./util/constants":121}],4:[function(require,module,exports){
 'use strict';
-var asLocalTrack = require('./util').asLocalTrack;
-var buildLogLevels = require('./util').buildLogLevels;
-var getUserMedia = require('@twilio/webrtc').getUserMedia;
-var _a = require('./media/track/es5'), LocalAudioTrack = _a.LocalAudioTrack, LocalDataTrack = _a.LocalDataTrack, LocalVideoTrack = _a.LocalVideoTrack;
-var MediaStreamTrack = require('@twilio/webrtc').MediaStreamTrack;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLocalTracks = void 0;
+var _a = require('./util'), asLocalTrack = _a.asLocalTrack, buildLogLevels = _a.buildLogLevels;
+var _b = require('@twilio/webrtc'), getUserMedia = _b.getUserMedia, MediaStreamTrack = _b.MediaStreamTrack;
+var _c = require('./media/track/es5'), LocalAudioTrack = _c.LocalAudioTrack, LocalDataTrack = _c.LocalDataTrack, LocalVideoTrack = _c.LocalVideoTrack;
 var Log = require('./util/log');
-var _b = require('./util/constants'), DEFAULT_LOG_LEVEL = _b.DEFAULT_LOG_LEVEL, DEFAULT_LOGGER_NAME = _b.DEFAULT_LOGGER_NAME;
+var _d = require('./util/constants'), DEFAULT_LOG_LEVEL = _d.DEFAULT_LOG_LEVEL, DEFAULT_LOGGER_NAME = _d.DEFAULT_LOGGER_NAME;
 var workaround180748 = require('./webaudio/workaround180748');
 // This is used to make out which createLocalTracks() call a particular Log
 // statement belongs to. Each call to createLocalTracks() increments this
 // counter.
 var createLocalTrackCalls = 0;
+;
 /**
  * Request {@link LocalTrack}s. By default, it requests a
  * {@link LocalAudioTrack} and a {@link LocalVideoTrack}.
@@ -1177,94 +1242,85 @@ var createLocalTrackCalls = 0;
  *
  */
 function createLocalTracks(options) {
-    var isAudioVideoAbsent = !(options && ('audio' in options || 'video' in options));
-    options = Object.assign({
-        audio: isAudioVideoAbsent,
-        getUserMedia: getUserMedia,
-        loggerName: DEFAULT_LOGGER_NAME,
-        logLevel: DEFAULT_LOG_LEVEL,
-        LocalAudioTrack: LocalAudioTrack,
-        LocalDataTrack: LocalDataTrack,
-        LocalVideoTrack: LocalVideoTrack,
-        MediaStreamTrack: MediaStreamTrack,
-        Log: Log,
-        video: isAudioVideoAbsent
-    }, options);
-    var logComponentName = "[createLocalTracks #" + ++createLocalTrackCalls + "]";
-    var logLevels = buildLogLevels(options.logLevel);
-    var log = new options.Log('default', logComponentName, logLevels, options.loggerName);
-    // NOTE(mmalavalli): The Room "name" in "options" was being used
-    // as the LocalTrack name in asLocalTrack(). So we pass a copy of
-    // "options" without the "name".
-    var localTrackOptions = Object.assign({ log: log }, options);
-    delete localTrackOptions.name;
-    if (options.audio === false && options.video === false) {
-        log.info('Neither audio nor video requested, so returning empty LocalTracks');
-        return Promise.resolve([]);
-    }
-    if (options.tracks) {
-        log.info('Adding user-provided LocalTracks');
-        log.debug('LocalTracks:', options.tracks);
-        return Promise.resolve(options.tracks);
-    }
-    var extraLocalTrackOptions = {
-        audio: options.audio && options.audio.name
-            ? { name: options.audio.name }
-            : {},
-        video: options.video && options.video.name
-            ? { name: options.video.name }
-            : {}
-    };
-    extraLocalTrackOptions.audio.isCreatedByCreateLocalTracks = true;
-    extraLocalTrackOptions.video.isCreatedByCreateLocalTracks = true;
-    if (options.audio && typeof options.audio.workaroundWebKitBug1208516 === 'boolean') {
-        extraLocalTrackOptions.audio.workaroundWebKitBug1208516 = options.audio.workaroundWebKitBug1208516;
-    }
-    if (options.video && typeof options.video.workaroundWebKitBug1208516 === 'boolean') {
-        extraLocalTrackOptions.video.workaroundWebKitBug1208516 = options.video.workaroundWebKitBug1208516;
-    }
-    if (options.audio) {
-        delete options.audio.name;
-    }
-    if (options.video) {
-        delete options.video.name;
-    }
-    var mediaStreamConstraints = {
-        audio: options.audio,
-        video: options.video
-    };
-    var workaroundWebKitBug180748 = options.audio && options.audio.workaroundWebKitBug180748;
-    var mediaStreamPromise = workaroundWebKitBug180748
-        ? workaround180748(log, options.getUserMedia, mediaStreamConstraints)
-        : options.getUserMedia(mediaStreamConstraints);
-    return mediaStreamPromise.then(function (mediaStream) {
-        var mediaStreamTracks = mediaStream.getAudioTracks().concat(mediaStream.getVideoTracks());
-        log.info('Call to getUserMedia successful; got MediaStreamTracks:', mediaStreamTracks);
-        return mediaStreamTracks.map(function (mediaStreamTrack) { return asLocalTrack(mediaStreamTrack, Object.assign(extraLocalTrackOptions[mediaStreamTrack.kind], localTrackOptions)); });
-    }, function (error) {
-        log.warn('Call to getUserMedia failed:', error);
-        throw error;
+    return __awaiter(this, void 0, void 0, function () {
+        var isAudioVideoAbsent, fullOptions, logComponentName, logLevels, log, localTrackOptions, extraLocalTrackOptions, mediaStreamConstraints, workaroundWebKitBug180748, mediaStream, mediaStreamTracks, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    isAudioVideoAbsent = !(options && ('audio' in options || 'video' in options));
+                    fullOptions = __assign({ audio: isAudioVideoAbsent, getUserMedia: getUserMedia, loggerName: DEFAULT_LOGGER_NAME, logLevel: DEFAULT_LOG_LEVEL, LocalAudioTrack: LocalAudioTrack,
+                        LocalDataTrack: LocalDataTrack,
+                        LocalVideoTrack: LocalVideoTrack,
+                        MediaStreamTrack: MediaStreamTrack,
+                        Log: Log, video: isAudioVideoAbsent }, options);
+                    logComponentName = "[createLocalTracks #" + ++createLocalTrackCalls + "]";
+                    logLevels = buildLogLevels(fullOptions.logLevel);
+                    log = new fullOptions.Log('default', logComponentName, logLevels, fullOptions.loggerName);
+                    localTrackOptions = Object.assign({ log: log }, fullOptions);
+                    // NOTE(mmalavalli): The Room "name" in "options" was being used
+                    // as the LocalTrack name in asLocalTrack(). So we pass a copy of
+                    // "options" without the "name".
+                    // NOTE(joma): CreateLocalTracksOptions type does not really have a "name" property when used publicly by customers.
+                    // But we are passing this property when used internally by other JS files.
+                    // We can update this "any" type once those JS files are converted to TS.
+                    delete localTrackOptions.name;
+                    if (fullOptions.audio === false && fullOptions.video === false) {
+                        log.info('Neither audio nor video requested, so returning empty LocalTracks');
+                        return [2 /*return*/, []];
+                    }
+                    if (fullOptions.tracks) {
+                        log.info('Adding user-provided LocalTracks');
+                        log.debug('LocalTracks:', fullOptions.tracks);
+                        return [2 /*return*/, fullOptions.tracks];
+                    }
+                    extraLocalTrackOptions = {
+                        audio: typeof fullOptions.audio === 'object' && fullOptions.audio.name
+                            ? { name: fullOptions.audio.name }
+                            : {},
+                        video: typeof fullOptions.video === 'object' && fullOptions.video.name
+                            ? { name: fullOptions.video.name }
+                            : {}
+                    };
+                    extraLocalTrackOptions.audio.isCreatedByCreateLocalTracks = true;
+                    extraLocalTrackOptions.video.isCreatedByCreateLocalTracks = true;
+                    if (typeof fullOptions.audio === 'object' && typeof fullOptions.audio.workaroundWebKitBug1208516 === 'boolean') {
+                        extraLocalTrackOptions.audio.workaroundWebKitBug1208516 = fullOptions.audio.workaroundWebKitBug1208516;
+                    }
+                    if (typeof fullOptions.video === 'object' && typeof fullOptions.video.workaroundWebKitBug1208516 === 'boolean') {
+                        extraLocalTrackOptions.video.workaroundWebKitBug1208516 = fullOptions.video.workaroundWebKitBug1208516;
+                    }
+                    if (typeof fullOptions.audio === 'object') {
+                        delete fullOptions.audio.name;
+                    }
+                    if (typeof fullOptions.video === 'object') {
+                        delete fullOptions.video.name;
+                    }
+                    mediaStreamConstraints = {
+                        audio: fullOptions.audio,
+                        video: fullOptions.video
+                    };
+                    workaroundWebKitBug180748 = typeof fullOptions.audio === 'object' && fullOptions.audio.workaroundWebKitBug180748;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (workaroundWebKitBug180748
+                            ? workaround180748(log, fullOptions.getUserMedia, mediaStreamConstraints)
+                            : fullOptions.getUserMedia(mediaStreamConstraints))];
+                case 2:
+                    mediaStream = _a.sent();
+                    mediaStreamTracks = __spreadArray(__spreadArray([], __read(mediaStream.getAudioTracks())), __read(mediaStream.getVideoTracks()));
+                    log.info('Call to getUserMedia successful; got MediaStreamTracks:', mediaStreamTracks);
+                    return [2 /*return*/, mediaStreamTracks.map(function (mediaStreamTrack) { return asLocalTrack(mediaStreamTrack, __assign(__assign({}, extraLocalTrackOptions[mediaStreamTrack.kind]), localTrackOptions)); })];
+                case 3:
+                    error_1 = _a.sent();
+                    log.warn('Call to getUserMedia failed:', error_1);
+                    throw error_1;
+                case 4: return [2 /*return*/];
+            }
+        });
     });
 }
-/**
- * {@link createLocalTracks} options
- * @typedef {object} CreateLocalTracksOptions
- * @property {boolean|CreateLocalTrackOptions} [audio=true] - Whether or not to
- *   get local audio with <code>getUserMedia</code> when <code>tracks</code>
- *   are not provided.
- * @property {LogLevel|LogLevels} [logLevel='warn'] - <code>(deprecated: use [Video.Logger](module-twilio-video.html) instead.
- *   See [examples](module-twilio-video.html#.connect) for details)</code>
- *   Set the default log verbosity
- *   of logging. Passing a {@link LogLevel} string will use the same
- *   level for all components. Pass a {@link LogLevels} to set specific log
- *   levels.
- * @property {string} [loggerName='twilio-video'] - The name of the logger. Use this name when accessing the logger used by the SDK.
- *   See [examples](module-twilio-video.html#.connect) for details.
- * @property {boolean|CreateLocalTrackOptions} [video=true] - Whether or not to
- *   get local video with <code>getUserMedia</code> when <code>tracks</code>
- *   are not provided.
- */
-module.exports = createLocalTracks;
+exports.createLocalTracks = createLocalTracks;
 
 },{"./media/track/es5":14,"./util":127,"./util/constants":121,"./util/log":131,"./webaudio/workaround180748":148,"@twilio/webrtc":151}],5:[function(require,module,exports){
 'use strict';
@@ -1728,12 +1784,23 @@ module.exports = hidePrivateAndCertainPublicPropertiesInClass(EventEmitter, ['do
 
 },{"./util":127,"events":178}],11:[function(require,module,exports){
 'use strict';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+var createlocaltracks_1 = require("./createlocaltracks");
 var preflighttest_1 = require("./preflight/preflighttest");
 var internals = {
     connect: require('./connect'),
     createLocalAudioTrack: require('./createlocaltrack').audio,
-    createLocalTracks: require('./createlocaltracks'),
     createLocalVideoTrack: require('./createlocaltrack').video,
     isSupported: require('./util/support')(),
     version: require('../package.json').version,
@@ -1743,16 +1810,16 @@ var internals = {
     LocalVideoTrack: require('./media/track/es5').LocalVideoTrack
 };
 function connect(token, options) {
-    return internals.connect(token, options);
+    var internalOptions = __assign({ createLocalTracks: createlocaltracks_1.createLocalTracks }, options);
+    return internals.connect(token, internalOptions);
 }
 function createLocalAudioTrack(options) {
-    return internals.createLocalAudioTrack(options);
-}
-function createLocalTracks(options) {
-    return internals.createLocalTracks(options);
+    var internalOptions = __assign({ createLocalTracks: createlocaltracks_1.createLocalTracks }, options);
+    return internals.createLocalAudioTrack(internalOptions);
 }
 function createLocalVideoTrack(options) {
-    return internals.createLocalVideoTrack(options);
+    var internalOptions = __assign({ createLocalTracks: createlocaltracks_1.createLocalTracks }, options);
+    return internals.createLocalVideoTrack(internalOptions);
 }
 /**
  * @module twilio-video
@@ -1778,8 +1845,8 @@ var LocalDataTrack = internals.LocalDataTrack;
 module.exports = {
     connect: connect,
     createLocalAudioTrack: createLocalAudioTrack,
-    createLocalTracks: createLocalTracks,
     createLocalVideoTrack: createLocalVideoTrack,
+    createLocalTracks: createlocaltracks_1.createLocalTracks,
     runPreflight: preflighttest_1.runPreflight,
     isSupported: isSupported,
     version: version,
@@ -27698,7 +27765,7 @@ function guessBrowser(userAgent) {
   if (/Firefox|FxiOS/.test(userAgent)) {
     return 'firefox';
   }
-  if (/Safari/.test(userAgent)) {
+  if (/Safari|iPhone|iPad|iPod/.test(userAgent)) {
     return 'safari';
   }
   return null;
@@ -28312,7 +28379,7 @@ exports.updateUnifiedPlanTrackIdsToSSRCs = updateUnifiedPlanTrackIdsToSSRCs;
 },{"./":164}],167:[function(require,module,exports){
 module.exports={
   "name": "@twilio/webrtc",
-  "version": "4.5.2",
+  "version": "4.6.0",
   "description": "WebRTC-related APIs and shims used by twilio-video.js",
   "scripts": {
     "build": "npm-run-all clean lint test",
@@ -31535,7 +31602,7 @@ module.exports={
   "name": "twilio-video",
   "title": "Twilio Video",
   "description": "Twilio Video JavaScript Library",
-  "version": "2.20.1",
+  "version": "2.21.0",
   "homepage": "https://twilio.com",
   "author": "Mark Andrus Roberts <mroberts@twilio.com>",
   "contributors": [
@@ -31631,9 +31698,7 @@ module.exports={
     "lint:ts": "eslint ./tsdef/*.ts ./lib/**/*.ts",
     "lint": "npm-run-all lint:js lint:ts",
     "printVersion": "node --version && npm --version",
-    "test:unit": "npm-run-all printVersion build:es5 test:unit:js test:unit:ts",
-    "test:unit:js": "nyc --report-dir=./coverage/js --extension=.js --include=lib/**/* --reporter=html --reporter=lcov --reporter=text mocha ./test/unit/index.js",
-    "test:unit:ts": "nyc --report-dir=./coverage/ts --extension=.ts --include=lib/**/* --reporter=html --reporter=lcov --reporter=text mocha -r ts-node/register ./test/unit/index.ts",
+    "test:unit": "npm-run-all printVersion build:es5 && nyc --report-dir=./coverage --include=lib/**/* --reporter=html --reporter=lcov --reporter=text mocha -r ts-node/register ./test/unit/*",
     "test:serversiderender": "mocha ./test/serversiderender/index.js",
     "test:integration:adapter": "node ./scripts/karma.js karma/integration.adapter.conf.js",
     "test:integration": "npm run build:es5 && node ./scripts/karma.js karma/integration.conf.js",
@@ -31679,7 +31744,7 @@ module.exports={
     "clean": "rimraf ./coverage ./es5 ./dist"
   },
   "dependencies": {
-    "@twilio/webrtc": "4.5.2",
+    "@twilio/webrtc": "4.6.0",
     "backoff": "^2.5.0",
     "ws": "^7.4.6",
     "xmlhttprequest": "^1.8.0"