senza-sdk 4.3.1-e113d43.0 → 4.3.2-2e967be.0

package/src/implementation/remotePlayer.js

@@ -1,4 +1,5 @@
-import { RemotePlayer as RemotePlayerInterface } from "../interface/remotePlayer";
+// eslint-disable-next-line no-unused-vars
+import { RemotePlayer as RemotePlayerInterface, RemotePlayerError as RemotePlayerErrorInterface, Config } from "../interface/remotePlayer";
 import {
     getFCID,
     isAudioSyncConfigured,
@@ -28,11 +29,7 @@ const cloneDeep = (element) => {
     return JSON.parse(JSON.stringify(element));
 };
 
-// TODO: check that the link below to the error list is working on dashreadme
-/** Error object to be thrown on remotePlayer api failures.
- * [See error list]{@link RemotePlayer#error}
- */
-export class RemotePlayerError extends Error {
+export class RemotePlayerError extends RemotePlayerErrorInterface {
     constructor(code, message) {
         super(message);
         this.code = code;
@@ -64,25 +61,6 @@ function setPlaybackInfo(playbackInfo) {
     }
 }
 
-
-/**
-* @typedef {Object} Config
-* @property {string} preferredAudioLanguage
-* @property {string} preferredSubtitlesLanguage
-* @property {boolean} autoPlay - (Not implemented yet) upon loading start playing automatically
-*/
-
-/**
- * RemotePlayer a singleton class to communicate with remote player
- * @fires timeupdate
- * @fires tracksupdate
- * @fires ended
- * @fires error
- * @fires onloadmodechange
- * @fires seeking (Not implemented yet)
- * @fires seeked (Not implemented yet)
- * @fires loadedmetadata (Not implemented yet)
- */
 class RemotePlayer extends RemotePlayerInterface {
     constructor() {
         super();
@@ -92,7 +70,8 @@ class RemotePlayer extends RemotePlayerInterface {
          */
         this._config = {
             preferredAudioLanguage: "",
-            preferredSubtitlesLanguage: ""
+            preferredSubtitlesLanguage: "",
+            minSuggestedPresentationDelay: 0
         };
         /**
          * @type {string}
@@ -161,50 +140,83 @@ class RemotePlayer extends RemotePlayerInterface {
          * @private
          */
         this._isPlaying = false;
+    }
 
-        /**
-         * @event RemotePlayer#canplay
-         * @description canplay event will be dispatched when the remote player can start play the event
-         * @example
-         * remotePlayer.addEventListener("canplay", () => {
-         *   console.info("remotePlayer canplay");
-         *   remotePlayer.play();
-         * });
-         * */
+    /** @private Initialize the remote player
+     * @param {Object} uiStreamerSettings ui-streamer portion of the settings taken from session info
+     * */
+    async _init(uiStreamerSettings, triggerEvent) {
+        if (!this._systemEventListenersAdded) {
+            this._systemEventListenersAdded = true;
+        }
+        let playerState = {
+            isLoaded: false,
+            playbackUrl: ""
+        };
+        if (window.cefQuery) {
+            const FCID = getFCID();
+            const logger = sdkLogger.withFields({ FCID });
+            const message = {
+                type: "playerState",
+                fcid: FCID
+            };
+            const request = { target: "UI-Streamer", waitForResponse: false, message: JSON.stringify(message) };
+            try {
+                const playerStateStr = await new Promise((resolve, reject) => {
+                    window.cefQuery({
+                        request: JSON.stringify(request),
+                        persistent: false,
+                        onSuccess: (playerState) => {
+                            logger.log("playerState request successfully returned", playerState);
+                            resolve(playerState);
+                        },
+                        onFailure: (code, msg) => {
+                            logger.error(`playerState request failed: ${code} ${msg}`);
+                            reject();
+                        }
+                    });
+                });
+                playerState = JSON.parse(playerStateStr);
+            } catch {
+                logger.error("either failed to get or failed to parse player state");
+            }
+        }
+        this._loadMode = playerState?.isLoaded ? this.LoadMode.LOADED : this.LoadMode.NOT_LOADED;
 
-        /**
-         * @event RemotePlayer#playing
-         * @description playing event will be dispatched when the remote player started playback of the first audio frame. This event can be used to synchronize the local player with the remote player.
-         * @example
-         * remotePlayer.addEventListener("playing", () => {
-         *   console.info("remotePlayer playing");
-         * });
-         * */
+        this._isPlaying = window?.sessionStorage?.getItem("senzaSdk_isPlaying") === "true";
 
-        /**
-         * @event RemotePlayer#loadedmetadata
-         * @description loadedmetadata event will be dispatched when the remote player metadata is loaded
-         * and the audio/video tracks are available
-         * @example
-         * remotePlayer.addEventListener("loadedmetadata", () => {
-         *   console.info("remotePlayer loadedmetadata", remotePlayer.getAudioTracks(), remotePlayer.getTextTracks());
-         * });
-         * */
+        sdkLogger.info(`RemotePlayer initialized with load mode: ${this._loadMode}, senzaSdk_isPlaying: ${this._isPlaying}`);
+        this._loadedUrl = playerState?.playbackUrl || "";
+        // Make sure that the event listeners are registered only once
+        if (!this._isInitialized) {
+            this._addSenzaEventListeners();
+        }
+        this._isInitialized = true;
+        this._remotePlayerConfirmationTimeout = uiStreamerSettings?.remotePlayerConfirmationTimeout ?? DEFAULT_REMOTE_PLAYER_CONFIRMATION_TIMEOUT;
+        this._remotePlayerApiVersion = uiStreamerSettings?.remotePlayerApiVersion || 1;
+        this._multiSeekDelay = uiStreamerSettings?.multiSeekDelay || MULTI_SEEK_DELAY_MSEC;
+
+        sdkLogger.info(`remotePLayer isPlaying=${this._isPlaying}`);
+
+        let playbackMetadata = {};
+        try {
+            playbackMetadata = JSON.parse(triggerEvent?.playbackMetadata || "{}");
+        } catch (e) {
+            sdkLogger.error(`failed to parse playbackMetadata: ${e.message}`);
+        }
+        this._availabilityStartTime = playbackMetadata.availabilityStartTime;
+        this._updateTracks(playbackMetadata);
+    }
+
+    /**
+     * @private Add event listeners for system events
+     */
+    _addSenzaEventListeners() {
         typeof document !== "undefined" && document.addEventListener("hs/remotePlayerEvent", (e) => {
             sdkLogger.info("Got hs/remotePlayerEvent event with detail", JSON.stringify(e?.detail));
             this.dispatchEvent(new Event(e?.detail?.eventName));
         });
 
-        /**
-         *
-         * @event RemotePlayer#timeupdate
-         * @example
-         * remotePlayer.addEventListener("timeupdate", () => {
-         *   console.info("remotePlayer timeupdate", remotePlayer.currentTime);
-         *   localPlayer.getMediaElement().currentTime = remotePlayer.currentTime || 0;
-         * });
-         *
-         */
         typeof document !== "undefined" && document.addEventListener("hs/playbackInfoEvent", () => {
             sdkLogger.info("Got hs/playbackInfoEvent");
             // When attached, the sdk controls the synchronization between the local and remote player.
@@ -218,15 +230,6 @@ class RemotePlayer extends RemotePlayerInterface {
             }
         });
 
-        /**
-         *
-         * @event RemotePlayer#tracksupdate
-         * @example
-         * remotePlayer.addEventListener("tracksupdate", () => {
-         *   console.info("remotePlayer tracksupdate", remotePlayer.getAudioTracks(), remotePlayer.getTextTracks());
-         * });
-         *
-         */
         typeof document !== "undefined" && document.addEventListener("hs/playback", (e) => {
             sdkLogger.info("Got hs/playback event with detail", JSON.stringify(e?.detail));
             this._availabilityStartTime = e?.detail?.availabilityStartTime;
@@ -234,13 +237,6 @@ class RemotePlayer extends RemotePlayerInterface {
             this.dispatchEvent(new Event("tracksupdate"));
         });
 
-        /**
-         * @event RemotePlayer#ended
-         * @example
-         * remotePlayer.addEventListener("ended", () => {
-         *   console.info("remotePlayer ended");
-         * });
-         */
         typeof document !== "undefined" && document.addEventListener("hs/EOS", () => {
             sdkLogger.info("Got hs/EOS event");
             this.dispatchEvent(new Event("ended"));
@@ -273,72 +269,7 @@ class RemotePlayer extends RemotePlayerInterface {
             sdkLogger.info(`Adding ${event.detail} seconds, previousTime=${previousCurrentTime} currentTime=${this._videoElement.currentTime}`);
         });
 
-        /**
-         *
-         * @event RemotePlayer#error
-         * @type {object}
-         * @property {int} detail.errorCode
-         * @property {string} detail.message
-         *
-         * @see Possible error codes:
-         *
-         * | Code      | Domain            | Description                                                                                     |
-         * | :-------- | :---------------- | :-----------------------------------------------------------------------------------------------|
-         * | 23        | Player            | load() failed due to remote player initialization error                                         |
-         * | 98        | Player            | load() failed due to remote player failure to send message to the client                        |
-         * | 99        | Player            | load() failed due to remote player reporting invalid message                                    |
-         * | 1000      | Encrypted content | Failed to create or initialise the CDM                                                          |
-         * | 1001      | Encrypted content | Failed to create a CDM session                                                                  |
-         * | 1002      | Encrypted content | CDM failed to generate a license request                                                        |
-         * | 1003      | Encrypted content | The CDM rejected the license server response                                                    |
-         * | 1004      | Encrypted content | The CDM rejected the license server certificate                                                 |
-         * | 1005      | Encrypted content | All keys in the license have expired                                                            |
-         * | 1006      | Encrypted content | Output device is incompatible with the license requirements (HDCP)                              |
-         * | 1007      | Encrypted content | The device has been revoked                                                                     |
-         * | 1008      | Encrypted content | The device secrets aren't available                                                             |
-         * | 1009      | Encrypted content | Keys are loaded but the KID requested by playback isn't found. The app has likely issued a license for the wrong content or there is a mismatch between the KIDs in the license and the data plane |
-         * | 1010      | Encrypted content | The CDM failed to provision, therefore it is not possible to play encrypted content             |
-         * | 1100      | Encrypted content | The CDM session has already received a license response. The app has likely issued 2, or more, license responses for the same request. The subsequent licenses will be ignored so this error is informational only |
-         * | 1101      | Encrypted content | The license has been rejected since an error was received by the CDM. The app has likely sent a non-200 code to `WriteLicenseResponse` |
-         * | 1102      | Encrypted content | A license response wasn't received from the app within a pre-defined timeout                    |
-         * | 1103      | Encrypted content | The CDM session associated with this license response is in an invalid state. This is an internal Senza platform error |
-         * | 1104      | Encrypted content | The CDM failed to send a license request to the app. This is an internal Senza platform error   |
-         * | 1999      | Encrypted content | An unknown encrypted content error                                                              |
-         * | 2000      | Player            | Content makes reference to no or unsupported key system                                         |
-         * | 3000      | Player            | Unexpected problem with playback, only used if no more specific code in 3xxx range applies      |
-         * | 3001      | Player            | Problem accessing content manifest, only used if no more specific code in 8xxx range applies    |
-         * | 3002      | Player            | Unexpectedly stopped playback                                                                   |
-         * | 3100      | Player            | Problem parsing MP4 content                                                                     |
-         * | 3200      | Player            | Problem with decoder                                                                            |
-         * | 3300      | Player            | DRM keys unavailable, player waited for keys but none arrived                                   |
-         * | 3400      | Player            | Problem accessing segments, only used if no more specific code in 34xx range applies            |
-         * | 3401      | Player            | Problem accessing segments, connection issue or timeout                                         |
-         * | 3402      | Player            | Problem accessing segments, server returned HTTP error code                                     |
-         * | 3403      | Player            | Problem accessing segments, server authentication issue                                         |
-         * | 3404      | Player            | Problem accessing segments, server returned not found                                           |
-         * | 3900-3999 | Player            | Internal player error                                                                           |
-         * | 6000      | Player            | The remote player api call has reached the configurable timeout with no response from the remote player |
-         * | 6001      | Player            | play() was called while the remote player is not loaded                                         |
-         * | 6002      | Player            | load() was called while the application was in state 'background' or 'inTransitionToBackground' |
-         * | 6500      | Player            | remotePlayer api was called before initializing remotePlayer                                    |
-         * | 6501      | Player            | load() was called while previous load/unload was still in progress                              |
-         * | 6502      | Player            | unload() was called while previous unload/load was still in progress                            |
-         * | 8001      | Player            | Error pulling manifest. bad parameters                                                          |
-         * | 8002      | Player            | Error pulling manifest. filters returned no data                                                |
-         * | 8003      | Player            | Error pulling manifest. fetch error                                                             |
-         * | 8004      | Player            | Error pulling manifest. parse error                                                             |
-         * | 8005      | Player            | Error pulling manifest. stale manifest detected                                                 |
-         * | 8006      | Player            | Error updating manifest. internal cache error                                                   |
-         * | 8007      | Player            | Error updating manifest. internal error during backoff                                          |
-         * | 8008      | Player            | Error pulling manifest. sidx parsing error                                                      |
-         * | 8009      | Player            | Error pulling manifest. internal error                                                          |
-         *
-         * @example
-         * remotePlayer.addEventListener("error", (event) => {
-         *   console.error("received remotePlayer error:", event.detail.errorCode, event.detail.message);
-         * });
-         *
-         */
+
         typeof document !== "undefined" && document.addEventListener("hs/ERR", (event) => {
             sdkLogger.info("Got hs/ERR event");
             delete event?.detail?.type; // type is always videoPlaybackEvent, so no need to pass it
@@ -346,58 +277,6 @@ class RemotePlayer extends RemotePlayerInterface {
             this.dispatchEvent(new CustomEvent("error", event));
         });
 
-        /**
-         *
-         * @event RemotePlayer#license-request
-         * @description Fired whenever the platform requires a license to play encrypted content.
-         * The Web App is responsible for passing the (opaque) license request blob to the license server and passing the (opaque) license server response to the CDM by calling the `writeLicenseResponse` method on the event.
-         * @type {LicenseRequestEvent}
-         * @property {object} detail - Object containing ievent data
-         * @property {string} detail.licenseRequest - Base64 coded opaque license request. The app is responsible for decoding the request before sending to the license server. Note that after decoding, the request may still be in Base64 form and this form should be sent to the license server without further decoding
-         * @property {writeLicenseResponse} writeLicenseResponse - Write the license server response to the platform
-         * @example
-         * Whilst the payload structure and access controls are specific to each license server implementation, the Widevine UAT license server requires no authentication and minimal payload formatting and therefore serves as a useful case study that may be adapted.
-         *
-         *   remotePlayer.addEventListener("license-request", async (event) => {
-         *       console.log("Got license-request event");
-         *       const requestBuffer = event?.detail?.licenseRequest;
-         *       const requestBufferStr = String.fromCharCode.apply(null, new Uint8Array(requestBuffer));
-         *       console.log("License Request in base64:", requestBufferStr);
-         *       const decodedLicenseRequest = window.atob(requestBufferStr); // from base 64
-         *       const licenseRequestBytes = Uint8Array.from(decodedLicenseRequest, (l) => l.charCodeAt(0));
-         *       // call Google API
-         *       const res = await getLicenseFromServer(licenseRequestBytes.buffer);
-         *       console.log("Writing response to platform ", res.code, res.responseBody);
-         *       event.writeLicenseResponse(res.code, res.responseBody);
-         *   });
-
-         *   async function getLicenseFromServer(licenseRequest) {
-         *       console.log("Requesting License from Widevine server");
-         *       const response = await fetch("https://proxy.uat.widevine.com/proxy", {
-         *           "method": "POST",
-         *           "body": licenseRequest,
-         *           "headers" : {
-         *               "Content-Type": "application/octet-stream"
-         *           }
-         *       });
-         *       const code = response.status;
-         *       if (code !== 200) {
-         *           console.error("failed to to get response from widevine:", code);
-         *           const responseBody = await response.text();
-         *           console.error(responseBody);
-         *           return {code, responseBody};
-         *       }
-         *       const responseBody = await response.arrayBuffer();
-         *       console.info("Got response: ");
-         *       return {code, responseBody};
-         *   }
-         **/
-        /**
-         * @function writeLicenseResponse
-         * @param {number} statusCode - License server HTTP response code, e.g. 200, 401, etc. Must be 200 to indicate a successful license exchange.
-         * @param {string} response - License server response as opaque binary data in an ArrayBuffer.
-         *
-         * */
         typeof document !== "undefined" && document.addEventListener("hs/getLicense", (event) => {
             sdkLogger.info("Got hs/getLicense event");
             const getLicenseEventData = event?.detail;
@@ -417,79 +296,6 @@ class RemotePlayer extends RemotePlayerInterface {
         });
     }
 
-    /**
-     * @typedef {Object} LoadMode
-     * @property {string} NOT_LOADED
-     * @property {string} LOADING
-     * @property {string} LOADED
-     * @property {string} UNLOADING
-     */
-    LoadMode = Object.freeze({
-        NOT_LOADED: "notLoaded",
-        LOADING: "loading",
-        LOADED: "loaded",
-        UNLOADING: "unloading"
-    });
-
-    /** @private Initialize the remote player
-     * @param {Object} uiStreamerSettings ui-streamer portion of the settings taken from session info
-     * */
-    async _init(uiStreamerSettings, triggerEvent) {
-        let playerState = {
-            isLoaded: false,
-            playbackUrl: ""
-        };
-        if (window.cefQuery) {
-            const FCID = getFCID();
-            const logger = sdkLogger.withFields({ FCID });
-            const message = {
-                type: "playerState",
-                fcid: FCID
-            };
-            const request = { target: "UI-Streamer", waitForResponse: false, message: JSON.stringify(message) };
-            try {
-                const playerStateStr = await new Promise((resolve, reject) => {
-                    window.cefQuery({
-                        request: JSON.stringify(request),
-                        persistent: false,
-                        onSuccess: (playerState) => {
-                            logger.log("playerState request successfully returned", playerState);
-                            resolve(playerState);
-                        },
-                        onFailure: (code, msg) => {
-                            logger.error(`playerState request failed: ${code} ${msg}`);
-                            reject();
-                        }
-                    });
-                });
-                playerState = JSON.parse(playerStateStr);
-            } catch {
-                logger.error("either failed to get or failed to parse player state");
-            }
-        }
-        this._loadMode = playerState?.isLoaded ? this.LoadMode.LOADED : this.LoadMode.NOT_LOADED;
-
-        this._isPlaying = window?.sessionStorage?.getItem("senzaSdk_isPlaying") === "true";
-
-        sdkLogger.info(`RemotePlayer initialized with load mode: ${this._loadMode}, senzaSdk_isPlaying: ${this._isPlaying}`);
-        this._loadedUrl = playerState?.playbackUrl || "";
-        this._isInitialized = true;
-        this._remotePlayerConfirmationTimeout = uiStreamerSettings?.remotePlayerConfirmationTimeout ?? DEFAULT_REMOTE_PLAYER_CONFIRMATION_TIMEOUT;
-        this._remotePlayerApiVersion = uiStreamerSettings?.remotePlayerApiVersion || 1;
-        this._multiSeekDelay = uiStreamerSettings?.multiSeekDelay || MULTI_SEEK_DELAY_MSEC;
-
-        sdkLogger.info(`remotePLayer isPlaying=${this._isPlaying}`);
-
-        let playbackMetadata = {};
-        try {
-            playbackMetadata = JSON.parse(triggerEvent?.playbackMetadata || "{}");
-        } catch (e) {
-            sdkLogger.error(`failed to parse playbackMetadata: ${e.message}`);
-        }
-        this._availabilityStartTime = playbackMetadata.availabilityStartTime;
-        this._updateTracks(playbackMetadata);
-    }
-
     /** @private update audio and text tracks
      * @param {Object} playbackMetadata playback metadata that comes along the hs/playback event or trigger event
      * */
@@ -525,10 +331,10 @@ class RemotePlayer extends RemotePlayerInterface {
 
     /** setting values for properties in the player configuration using an object.
      * If the config does not support a property this is a no-op.
-     * @param {Object} props the object with all the different properties to change
+     * @param {Config} props the object with all the different properties to change.
      * @example
      * remotePlayer.configure({ preferredAudioLanguage: 'en-US' })
-     *
+     * remotePlayer.configure({ minSuggestedPresentationDelay: 6 })
      * */
     configure(props) {
         Object.entries(props).forEach(([key, value]) => {
@@ -897,6 +703,9 @@ class RemotePlayer extends RemotePlayerInterface {
                 this._updateSeekListeners(video);
             }
             this._videoElement = video;
+
+            // Emit a custom event to notify about the attachment of the video element
+            this.dispatchEvent(new Event("videoelementattached"));
         }
     }
 
@@ -912,7 +721,7 @@ class RemotePlayer extends RemotePlayerInterface {
     /** Tell the remote player to load the given URL.
      * @param {string} url url to load
      * @param {number} [position] start position in seconds (if not provided, start from beginning (VOD) or current time (LTV))
-     * @returns {Promise}
+    * @returns {Promise}
      * @throws {RemotePlayerError} error object contains code & msg
      *
      * */
@@ -977,6 +786,11 @@ class RemotePlayer extends RemotePlayerInterface {
                     message.action = "load";
                     message.audioLanguage = audioLanguage;
                     message.subtitlesLanguage = subtitlesLanguage;
+                    if (this.getConfiguration().minSuggestedPresentationDelay > 0) {
+                        message.cloudPlayerParams = {
+                            "mspd": this.getConfiguration().minSuggestedPresentationDelay
+                        };
+                    }
                 } else {
                     message.type = "setPlayableUri";
                 }