@gcorevideo/player 2.19.10 → 2.19.12

package/dist/index.js

@@ -12594,14 +12594,13 @@ class DashPlayback extends HTML5Video {
         this._dash = dash;
         this._dash.initialize();
         if (this.options.dash) {
-            // TODO use $.extend
-            const settings = $.extend({}, this.options.dash, {
+            const settings = $.extend(true, {
                 streaming: {
                     text: {
                         defaultEnabled: false,
                     },
                 },
-            });
+            }, this.options.dash);
             this._dash.updateSettings(settings);
         }
         this._dash.attachView(this.el);
@@ -42426,8 +42425,6 @@ class Player {
     player = null;
     ready = false;
     rootNode = null;
-    tuneInTimerId = null;
-    tunedIn = false;
     constructor(config) {
         this.setConfig(config);
         // TODO decide whether the order of playback modules might vary,
@@ -42520,11 +42517,6 @@ class Player {
             this.player = null;
         }
         this.ready = false;
-        this.tunedIn = false;
-        if (this.tuneInTimerId) {
-            clearTimeout(this.tuneInTimerId);
-            this.tuneInTimerId = null;
-        }
     }
     /**
      * Current playback (time since the beginning of the stream), if appropriate.
@@ -42683,36 +42675,16 @@ class Player {
         assert.ok(!this.player, 'Player already initialized');
         const player = new Player$1(coreOptions);
         this.player = player;
-        // TODO checks if the whole thing is necessary
-        this.tuneInTimerId = globalThis.setTimeout(() => {
-            trace(`${T$a} tuneInTimer`, {
-                ready: this.ready,
-                tunedIn: this.tunedIn,
-            });
-            this.tuneInTimerId = null;
-            this.tuneIn();
-        }, 4000);
+        this.bindCoreListeners();
     }
     async tuneIn() {
         assert.ok(this.player);
-        trace(`${T$a} tuneIn`, {
-            ready: this.ready,
-            tunedIn: this.tunedIn,
-        });
-        if (this.tunedIn) {
-            return;
-        }
-        this.tunedIn = true;
-        const player = this.player;
-        this.bindContainerEventListeners(player);
-        player.core.on(Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindContainerEventListeners(player), null);
-        this.bindSizeManagementListeners(player);
+        this.bindContainerEventListeners();
+        this.player.core.on(Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindContainerEventListeners(), null);
         if (this.config.autoPlay) {
+            trace(`${T$a} autoPlay`);
             setTimeout(() => {
-                trace(`${T$a} autoPlay`, {
-                    playback: this.player?.core.activePlayback.name,
-                });
-                player.play({
+                this.player?.play({
                     autoPlay: true,
                 });
             }, 0);
@@ -42742,11 +42714,6 @@ class Player {
                 return;
             }
             this.ready = true;
-            if (this.tuneInTimerId) {
-                clearTimeout(this.tuneInTimerId);
-                this.tuneInTimerId = null;
-            }
-            // TODO ensure that CORE_ACTIVE_CONTAINER_CHANGED does not get caught before onReady
             setTimeout(() => this.tuneIn(), 0);
         },
         onPlay: () => {
@@ -42779,15 +42746,11 @@ class Player {
             sources,
         });
         this.rootNode = rootNode;
-        const coreOptions = $.extend(true, this.config, {
+        const coreOptions = $.extend(true, {
             allowUserInteraction: true,
-            autoPlay: false,
-            dash: this.config.dash,
-            debug: this.config.debug || 'none',
+            debug: 'none',
             events: this.events,
             height: rootNode.clientHeight,
-            loop: this.config.loop,
-            mute: this.config.mute,
             playback: {
                 controls: false,
                 playInline: true,
@@ -42799,12 +42762,12 @@ class Player {
                 },
             },
             parent: rootNode,
-            playbackType: this.config.playbackType,
             width: rootNode.clientWidth,
             source: source ? source.source : undefined,
             mimeType: source ? source.mimeType : undefined,
+        }, this.config, {
+            autoPlay: false, // TODO write a test to check it's reset to false
             sources,
-            strings: this.config.strings,
         });
         return coreOptions;
     }
@@ -42816,23 +42779,27 @@ class Player {
         // TODO ensure unsupported sources are filtered out
         this.config.sources.map((s) => wrapSource(s)), this.config.priorityTransport);
     }
-    bindContainerEventListeners(player) {
-        if (Browser.isiOS && player.core.activePlayback) {
-            player.core.activePlayback.$el.on('webkitendfullscreen', () => {
+    bindContainerEventListeners() {
+        const activePlayback = this.player?.core.activePlayback;
+        const activeContainer = this.player?.core.activeContainer;
+        if (Browser.isiOS && activePlayback) {
+            // TODO check out
+            activePlayback.$el.on('webkitendfullscreen', () => {
                 try {
-                    player.core.handleFullscreenChange();
+                    activeContainer?.handleFullscreenChange();
                 }
                 catch (e) {
                     reportError(e);
                 }
             });
         }
-        player.core.activeContainer.on(Events$1.CONTAINER_VOLUME, (volume) => {
+        activeContainer?.on(Events$1.CONTAINER_VOLUME, (volume) => {
             this.safeTriggerEvent(PlayerEvent.VolumeUpdate, volume);
         }, null);
     }
-    bindSizeManagementListeners(player) {
-        player.core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
+    bindCoreListeners() {
+        const core = this.player?.core;
+        core?.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
             trace(`${T$a} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 orientation,
                 rootNode: {
@@ -42841,20 +42808,20 @@ class Player {
                 },
             });
             if (Browser.isiOS && this.rootNode) {
-                player.core.resize({
+                core?.resize({
                     width: this.rootNode.clientWidth,
                     height: this.rootNode.clientHeight,
                 });
             }
         }, null);
-        player.core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
+        core?.on(Events$1.CORE_RESIZE, ({ width, height }) => {
             trace(`${T$a} on CORE_RESIZE`, {
                 width,
                 height,
             });
             this.safeTriggerEvent(PlayerEvent.Resize, { width, height });
         }, null);
-        player.core.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
+        core?.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
             trace(`${T$a} CORE_FULLSCREEN`, {
                 isFullscreen,
             });
@@ -42863,7 +42830,7 @@ class Player {
     }
 }
 
-var version$1 = "2.19.10";
+var version$1 = "2.19.12";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -47810,7 +47777,7 @@ class MediaControl extends UICorePlugin {
     $volumeBarScrubber = null;
     $volumeContainer = null;
     $volumeIcon = null;
-    template = tmpl(mediaControlHTML);
+    static template = tmpl(mediaControlHTML);
     get name() {
         return 'media_control';
     }
@@ -48596,9 +48563,6 @@ class MediaControl extends UICorePlugin {
     parseColors() {
         const design = this.options.design || {};
         let variables = [];
-        if (!tmpl) {
-            return;
-        }
         // TODO camel case
         if (design.background_color) {
             variables = variables.concat([
@@ -48641,7 +48605,7 @@ class MediaControl extends UICorePlugin {
     }
     render() {
         const timeout = this.options.hideMediaControlDelay || 2000;
-        const html = this.template({ settings: this.settings ?? {} });
+        const html = MediaControl.template({ settings: this.settings ?? {} });
         this.$el.html(html);
         // const style = Styler.getStyleFor(mediaControlStyle, { baseUrl: this.options.baseUrl });
         // this.$el.append(style[0]);
@@ -51208,7 +51172,6 @@ class SourceController extends CorePlugin {
         else {
             this.sync = noSync;
         }
-        // TODO bind to CORE_ACTIVE_CONTAINER_CHANGED
         this.bindContainerEventListeners();
         if (this.active) {
             this.core.activeContainer?.getPlugin('poster_custom')?.disable();

package/dist/player.d.ts

@@ -661,7 +661,7 @@ export declare class MediaControl extends UICorePlugin {
     private $volumeBarScrubber;
     private $volumeContainer;
     private $volumeIcon;
-    private readonly template;
+    private static readonly template;
     get name(): string;
     get supportedVersion(): {
         min: string;