rx-player 3.26.1 → 3.26.2

package/src/core/eme/__tests__/__global__/init_data.test.ts

@@ -20,16 +20,15 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {
   EMPTY,
-  // of as observableOf,
   Subject,
-  // throwError as observableThrow,
+  takeUntil,
 } from "rxjs";
-import { takeUntil } from "rxjs/operators";
 import { IEncryptedEventData } from "../../../../compat/eme";
 import { IContentProtection } from "../../types";
 import {
@@ -83,7 +82,7 @@ describe("core - eme - global tests - init data", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -135,7 +134,7 @@ describe("core - eme - global tests - init data", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -209,7 +208,7 @@ describe("core - eme - global tests - init data", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -303,7 +302,7 @@ describe("core - eme - global tests - init data", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -396,7 +395,7 @@ describe("core - eme - global tests - init data", () => {
             break;
           case 2:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 3:
             expect(evt.type).toEqual("attached-media-keys");
@@ -458,7 +457,7 @@ describe("core - eme - global tests - init data", () => {
             break;
           case 5:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 6:
             expect(evt.type).toEqual("attached-media-keys");
@@ -553,7 +552,7 @@ describe("core - eme - global tests - init data", () => {
           case 5: checkEncryptedEventReceived(evt, initDataEvent2, 5); break;
           case 6:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 7: expect(evt.type).toEqual("attached-media-keys"); break;
           case 8:
@@ -668,7 +667,7 @@ describe("core - eme - global tests - init data", () => {
           case 4: checkEncryptedEventReceived(evt, initDataEvent4, 4); break;
           case 5:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 6: expect(evt.type).toEqual("attached-media-keys"); break;
           case 7:
@@ -778,7 +777,7 @@ describe("core - eme - global tests - init data", () => {
           case 1: checkEncryptedEventReceived(evt, initDataEvent1, 1); break;
           case 2:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 3:
             expect(evt.type).toEqual("attached-media-keys");

package/src/core/eme/__tests__/__global__/media_key_system_access.test.ts

@@ -20,6 +20,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {
@@ -27,9 +28,9 @@ import {
   Observable,
   of as observableOf,
   Subject,
+  takeUntil,
   throwError as observableThrow,
 } from "rxjs";
-import { takeUntil } from "rxjs/operators";
 import { ICustomMediaKeySystemAccess } from "../../../../compat";
 import {
   defaultKSConfig,

package/src/core/eme/__tests__/__global__/media_keys.test.ts

@@ -27,12 +27,9 @@ import {
   EMPTY,
   of as observableOf,
   Subject,
-  // throwError as observableThrow,
-} from "rxjs";
-import {
   take,
   takeUntil,
-} from "rxjs/operators";
+} from "rxjs";
 import {
   MediaKeysImpl,
   MediaKeySystemAccessImpl,
@@ -144,7 +141,7 @@ describe("core - eme - global tests - media key system access", () => {
       .subscribe((evt : any) => {
         eventsReceived++;
         expect(evt.type).toEqual("created-media-keys");
-        evt.value.attachMediaKeys$.next();
+        evt.value.canAttachMediaKeys.setValue(true);
         setTimeout(() => {
           expect(eventsReceived).toEqual(1);
           expect(setMediaKeysSpy).toHaveBeenCalledTimes(1);
@@ -173,7 +170,7 @@ describe("core - eme - global tests - media key system access", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -207,7 +204,7 @@ describe("core - eme - global tests - media key system access", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -250,7 +247,7 @@ describe("core - eme - global tests - media key system access", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");

package/src/core/eme/__tests__/__global__/server_certificate.test.ts

@@ -23,8 +23,10 @@
 /* eslint-disable no-restricted-properties */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 
-import { Subject } from "rxjs";
-import { takeUntil } from "rxjs/operators";
+import {
+  Subject,
+  takeUntil,
+} from "rxjs";
 import { IContentProtection } from "../../types";
 import {
   expectLicenseRequestMessage,
@@ -84,7 +86,7 @@ describe("core - eme - global tests - server certificate", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");
@@ -153,7 +155,7 @@ describe("core - eme - global tests - server certificate", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("warning");
@@ -234,7 +236,7 @@ describe("core - eme - global tests - server certificate", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("warning");
@@ -321,7 +323,7 @@ describe("core - eme - global tests - server certificate", () => {
         switch (++eventsReceived) {
           case 1:
             expect(evt.type).toEqual("created-media-keys");
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
             break;
           case 2:
             expect(evt.type).toEqual("attached-media-keys");

package/src/core/eme/__tests__/__global__/utils.ts

@@ -20,6 +20,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable no-restricted-properties */
 
 import {

package/src/core/eme/__tests__/init_media_keys.test.ts

@@ -22,11 +22,12 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 
 import {
-  isObservable,
   of as observableOf,
+  skip,
+  take,
+  tap,
   throwError,
 } from "rxjs";
-import { skip, take, tap } from "rxjs/operators";
 
 describe("core - eme - initMediaKeys", () => {
   beforeEach(() => {
@@ -71,8 +72,8 @@ describe("core - eme - initMediaKeys", () => {
           .toEqual(fakeResult.mediaKeySystemAccess);
         expect(result.value.stores).toEqual(fakeResult.stores);
         expect(result.value.options).toEqual(fakeResult.options);
-        expect(isObservable(result.value.attachMediaKeys$) &&
-               typeof result.value.attachMediaKeys$.next === "function").toBeTruthy();
+        expect(typeof result.value.canAttachMediaKeys.setValue === "function")
+          .toBeTruthy();
 
         expect(spyGetMediaKeysInfos).toHaveBeenCalledTimes(1);
         expect(spyGetMediaKeysInfos)
@@ -116,7 +117,7 @@ describe("core - eme - initMediaKeys", () => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         tap((evt: { type : string; value : any }) => {
           if (evt.type === "created-media-keys") {
-            evt.value.attachMediaKeys$.next();
+            evt.value.canAttachMediaKeys.setValue(true);
           }
         }),
         skip(1)
@@ -178,64 +179,4 @@ describe("core - eme - initMediaKeys", () => {
       });
   });
 
-  it("Should throw if attachMediaKeys throws", (done) => {
-    const fakeResult = { mediaKeySystemAccess: { a: 5, keySystem: "toto" },
-                         mediaKeys: { b: 4 },
-                         stores: { loadedSessionsStore: { c: 3 },
-                                   persistentSessionsStore: { d: 2 } },
-                         options: { e: 1 } };
-    const spyGetMediaKeysInfos = jest.fn(() => {
-      return observableOf(fakeResult);
-    });
-    jest.mock("../get_media_keys", () => ({
-      __esModule: true as const,
-      default: spyGetMediaKeysInfos,
-    }));
-    const err = new Error("a");
-    const spyAttachMediaKeys = jest.fn(() => throwError(() => err));
-    const spyDisableOldMediaKeys = jest.fn(() => {
-      return observableOf(undefined);
-    });
-    jest.mock("../attach_media_keys", () => ({
-      __esModule: true as const,
-      default: spyAttachMediaKeys,
-      disableOldMediaKeys: spyDisableOldMediaKeys,
-    }));
-    const initMediaKeys = require("../init_media_keys").default;
-
-    const mediaElement = document.createElement("video");
-    const keySystemsConfigs = [{ l: 4 }, { d: 12 }];
-
-    let eventReceived = false;
-    initMediaKeys(mediaElement, keySystemsConfigs)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .subscribe((evt : { type : string; value : any }) => {
-        expect(evt.type).toEqual("created-media-keys");
-        expect(evt.value.mediaKeys).toEqual(fakeResult.mediaKeys);
-        expect(evt.value.mediaKeySystemAccess).toEqual(fakeResult.mediaKeySystemAccess);
-        expect(evt.value.stores).toEqual(fakeResult.stores);
-        expect(evt.value.options).toEqual(fakeResult.options);
-        expect(isObservable(evt.value.attachMediaKeys$) &&
-               typeof evt.value.attachMediaKeys$.next === "function").toBeTruthy();
-        evt.value.attachMediaKeys$.next();
-        eventReceived = true;
-      }, (e : Error) => {
-        expect(eventReceived).toEqual(true);
-        expect(e).toBe(err);
-
-        expect(spyGetMediaKeysInfos).toHaveBeenCalledTimes(1);
-        expect(spyGetMediaKeysInfos)
-          .toHaveBeenCalledWith(mediaElement, keySystemsConfigs);
-
-        expect(spyAttachMediaKeys).toHaveBeenCalledTimes(1);
-        expect(spyAttachMediaKeys)
-          .toHaveBeenCalledWith(
-            mediaElement,
-            { mediaKeySystemAccess: fakeResult.mediaKeySystemAccess,
-              mediaKeys: fakeResult.mediaKeys,
-              loadedSessionsStore: fakeResult.stores.loadedSessionsStore,
-              keySystemOptions: fakeResult.options });
-        done();
-      });
-  });
 });

package/src/core/eme/attach_media_keys.ts

@@ -16,10 +16,11 @@
 
 import {
   defer as observableDefer,
+  mergeMap,
+  tap,
   Observable,
   of as observableOf,
 } from "rxjs";
-import { mergeMap, tap } from "rxjs/operators";
 import {
   ICustomMediaKeys,
   ICustomMediaKeySystemAccess,

package/src/core/eme/check_key_statuses.ts

@@ -17,6 +17,7 @@
 import { ICustomMediaKeySession } from "../../compat";
 import getUUIDKidFromKeyStatusKID from "../../compat/eme/get_uuid_kid_from_keystatus_kid";
 import { EncryptedMediaError } from "../../errors";
+import { bytesToHex } from "../../utils/string_parsing";
 import { IEMEWarningEvent } from "./types";
 
 const KEY_STATUSES = { EXPIRED: "expired",
@@ -96,8 +97,9 @@ export default function checkKeyStatuses(
                                              new Uint8Array(keyStatusKeyId));
     switch (keyStatus) {
       case KEY_STATUSES.EXPIRED: {
-        const error = new EncryptedMediaError("KEY_STATUS_CHANGE_ERROR",
-                                              "A decryption key expired");
+        const error = new EncryptedMediaError(
+          "KEY_STATUS_CHANGE_ERROR",
+          `A decryption key expired (${bytesToHex(keyId)})`);
 
         if (throwOnLicenseExpiration !== false) {
           throw error;
@@ -108,9 +110,9 @@ export default function checkKeyStatuses(
       }
 
       case KEY_STATUSES.INTERNAL_ERROR: {
-        const error = new EncryptedMediaError("KEY_STATUS_CHANGE_ERROR",
-                                              "An invalid key status has been " +
-                                              "encountered: " + keyStatus);
+        const error = new EncryptedMediaError(
+          "KEY_STATUS_CHANGE_ERROR",
+          `A "${keyStatus}" status has been encountered (${bytesToHex(keyId)})`);
         if (fallbackOn.keyInternalError !== true) {
           throw error;
         }
@@ -120,9 +122,9 @@ export default function checkKeyStatuses(
       }
 
       case KEY_STATUSES.OUTPUT_RESTRICTED: {
-        const error = new EncryptedMediaError("KEY_STATUS_CHANGE_ERROR",
-                                              "An invalid key status has been " +
-                                              "encountered: " + keyStatus);
+        const error = new EncryptedMediaError(
+          "KEY_STATUS_CHANGE_ERROR",
+          `A "${keyStatus}" status has been encountered (${bytesToHex(keyId)})`);
         if (fallbackOn.keyOutputRestricted !== true) {
           throw error;
         }

package/src/core/eme/clean_old_loaded_sessions.ts

@@ -16,13 +16,11 @@
 
 import {
   EMPTY,
+  mapTo,
   merge as observableMerge,
   Observable,
-} from "rxjs";
-import {
-  mapTo,
   startWith,
-} from "rxjs/operators";
+} from "rxjs";
 import { ICustomMediaKeySession } from "../../compat";
 import { IInitializationDataInfo } from "./types";
 import LoadedSessionsStore from "./utils/loaded_sessions_store";

package/src/core/eme/clear_eme_session.ts

@@ -17,9 +17,9 @@
 import {
   defer as observableDefer,
   EMPTY,
+  ignoreElements ,
   Observable,
 } from "rxjs";
-import { ignoreElements } from "rxjs/operators";
 import { shouldUnsetMediaKeys } from "../../compat/";
 import log from "../../log";
 import disposeMediaKeys from "./dispose_media_keys";
@@ -48,6 +48,11 @@ export default function clearEMESession(
     {
       log.info("EME: closing all current sessions.");
       return currentState.loadedSessionsStore.closeAllSessions()
+        // NOTE As of now (RxJS 7.4.0), RxJS defines `ignoreElements` default
+        // first type parameter as `any` instead of the perfectly fine `unknown`,
+        // leading to linter issues, as it forbids the usage of `any`.
+        // This is why we're disabling the eslint rule.
+        /* eslint-disable-next-line @typescript-eslint/no-unsafe-argument */
         .pipe(ignoreElements());
     }
     log.info("EME: Nothing to clear. Returning right away. No state =",

package/src/core/eme/create_session.ts

@@ -15,15 +15,13 @@
  */
 
 import {
+  catchError,
   defer as observableDefer,
+  map,
+  mergeMap,
   Observable,
   of as observableOf,
 } from "rxjs";
-import {
-  catchError,
-  map,
-  mergeMap,
-} from "rxjs/operators";
 import {
   ICustomMediaKeySession,
   loadSession,

package/src/core/eme/dispose_media_keys.ts

@@ -16,10 +16,10 @@
 
 import {
   defer as observableDefer,
+  mergeMap,
   Observable,
   of as observableOf,
 } from "rxjs";
-import { mergeMapTo } from "rxjs/operators";
 import { setMediaKeys } from "../../compat";
 import log from "../../log";
 import MediaKeysInfosStore from "./media_keys_infos_store";
@@ -41,6 +41,6 @@ export default function disposeMediaKeys(
     const { loadedSessionsStore } = currentState;
     MediaKeysInfosStore.clearState(mediaElement);
     return loadedSessionsStore.closeAllSessions()
-      .pipe(mergeMapTo(setMediaKeys(mediaElement, null)));
+      .pipe(mergeMap(() => setMediaKeys(mediaElement, null)));
   });
 }

package/src/core/eme/eme_manager.ts

@@ -15,24 +15,22 @@
  */
 
 import {
+  catchError,
   concat as observableConcat,
   EMPTY,
-  merge as observableMerge,
-  Observable,
-  of as observableOf,
-  ReplaySubject,
-  throwError,
-} from "rxjs";
-import {
-  catchError,
   filter,
   ignoreElements,
   map,
+  merge as observableMerge,
   mergeMap,
+  Observable,
+  of as observableOf,
+  ReplaySubject,
   shareReplay,
   take,
   tap,
-} from "rxjs/operators";
+  throwError,
+} from "rxjs";
 import {
   events,
   generateKeyRequest,
@@ -136,8 +134,8 @@ export default function EMEManager(
 
   /** Parsed `encrypted` events coming from the HTMLMediaElement. */
   const mediaEncryptedEvents$ = onEncrypted$(mediaElement).pipe(
-    tap((evt) => {
-      log.debug("EME: Encrypted event received from media element.", evt);
+    tap(() => {
+      log.debug("EME: Encrypted event received from media element.");
     }),
     filterMap<MediaEncryptedEvent, IInitializationDataInfo, null>(
       (evt) => getInitData(evt), null),
@@ -146,7 +144,7 @@ export default function EMEManager(
 
   /** Encryption events coming from the `contentProtections$` argument. */
   const externalEvents$ = contentProtections$.pipe(
-    tap((evt) => { log.debug("EME: Encrypted event received from Player", evt); }));
+    tap(() => { log.debug("EME: Encrypted event received from Player"); }));
 
   /** Emit events signaling that an encryption initialization data is encountered. */
   const initializationData$ = observableMerge(externalEvents$, mediaEncryptedEvents$);

package/src/core/eme/find_key_system.ts

@@ -15,15 +15,13 @@
  */
 
 import {
+  catchError,
   defer as observableDefer,
+  map,
   Observable,
   of as observableOf,
   throwError as observableThrow,
 } from "rxjs";
-import {
-  catchError,
-  map,
-} from "rxjs/operators";
 import {
   ICustomMediaKeySystemAccess,
   requestMediaKeySystemAccess,
@@ -266,7 +264,7 @@ export default function getMediaKeySystemAccess(
                                         currentState.mediaKeySystemAccess,
                                         currentState.keySystemOptions);
       if (cachedKeySystemAccess !== null) {
-        log.info("EME: Found cached compatible keySystem", cachedKeySystemAccess);
+        log.info("EME: Found cached compatible keySystem");
         return observableOf({
           type: "reuse-media-key-system-access" as const,
           value: { mediaKeySystemAccess: cachedKeySystemAccess.keySystemAccess,

package/src/core/eme/get_media_keys.ts

@@ -14,15 +14,13 @@
  * limitations under the License.
  */
 
-import {
-  Observable,
-  of as observableOf,
-} from "rxjs";
 import {
   catchError,
   map,
   mergeMap,
-} from "rxjs/operators";
+  Observable,
+  of as observableOf,
+} from "rxjs";
 import {
   ICustomMediaKeys,
   ICustomMediaKeySystemAccess,
@@ -112,7 +110,7 @@ export default function getMediaKeysInfos(
       }
 
       return createMediaKeys(mediaKeySystemAccess).pipe(map((mediaKeys) => {
-        log.info("EME: MediaKeys created with success", mediaKeys);
+        log.info("EME: MediaKeys created with success");
         const loadedSessionsStore = new LoadedSessionsStore(mediaKeys);
         return { mediaKeys,
                  mediaKeySystemAccess,

package/src/core/eme/get_session.ts

@@ -17,13 +17,11 @@
 import {
   concat as observableConcat,
   defer as observableDefer,
+  map,
+  mergeMap,
   Observable,
   of as observableOf,
 } from "rxjs";
-import {
-  map,
-  mergeMap,
-} from "rxjs/operators";
 import { ICustomMediaKeySession } from "../../compat";
 import log from "../../log";
 import cleanOldLoadedSessions, {

package/src/core/eme/init_media_keys.ts

@@ -15,18 +15,17 @@
  */
 
 import {
-  Observable,
-  of as observableOf,
-  ReplaySubject,
-} from "rxjs";
-import {
+  filter,
   mapTo,
   mergeMap,
+  Observable,
+  of as observableOf,
   startWith,
   take,
-} from "rxjs/operators";
+} from "rxjs";
 import log from "../../log";
 import isNullOrUndefined from "../../utils/is_null_or_undefined";
+import createSharedReference from "../../utils/reference";
 import attachMediaKeys, {
   disableMediaKeys,
 } from "./attach_media_keys";
@@ -67,7 +66,7 @@ export default function initMediaKeys(
         initializationDataSystemId = getDrmSystemId(mediaKeySystemAccess.keySystem);
       }
 
-      const attachMediaKeys$ = new ReplaySubject<void>(1);
+      const canAttachMediaKeys = createSharedReference(false);
       const shouldDisableOldMediaKeys =
         mediaElement.mediaKeys !== null &&
         mediaElement.mediaKeys !== undefined &&
@@ -81,7 +80,8 @@ export default function initMediaKeys(
       return disableOldMediaKeys$.pipe(
         mergeMap(() => {
           log.debug("EME: Attaching current MediaKeys");
-          return attachMediaKeys$.pipe(
+          return canAttachMediaKeys.asObservable().pipe(
+            filter(canAttach => canAttach),
             mergeMap(() => {
               const stateToAttatch = { loadedSessionsStore: stores.loadedSessionsStore,
                                        mediaKeySystemAccess,
@@ -98,7 +98,7 @@ export default function initMediaKeys(
                                  mediaKeys,
                                  stores,
                                  options,
-                                 attachMediaKeys$ } })
+                                 canAttachMediaKeys } })
           );
         })
       );