@gcorevideo/player 2.1.11 → 2.1.13

package/dist/index.js

@@ -42221,7 +42221,7 @@ HlsPlayback.canPlay = function (resource, mimeType) {
     return !!(hasSupport && isHls);
 };
 
-const T = "GPlayer";
+const T = 'GPlayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     mute: false,
@@ -42285,15 +42285,18 @@ class Player {
     async init(playerElement) {
         assert.ok(!this.player, 'Player already initialized');
         assert.ok(playerElement, 'Player container element is required');
-        if (this.config.debug === 'all' ||
-            this.config.debug === 'clappr') {
+        if (this.config.debug === 'all' || this.config.debug === 'clappr') {
             Log.setLevel(0);
         }
-        trace(`${T} init`, { config: this.config });
+        trace(`${T} init`, {
+            config: this.config,
+        });
         this.configurePlaybacks();
         const coreOpts = this.buildCoreOptions(playerElement);
-        const { core, container, } = Loader.registeredPlugins;
-        trace(`${T} init`, { registeredPlaybacks: Loader.registeredPlaybacks.map(p => p.name) });
+        const { core, container } = Loader.registeredPlugins;
+        trace(`${T} init`, {
+            registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.name),
+        });
         coreOpts.plugins = {
             core: Object.values(core),
             container: Object.values(container),
@@ -42302,7 +42305,9 @@ class Player {
         return this.initPlayer(coreOpts);
     }
     destroy() {
-        trace(`${T} destroy`, { player: !!this.player });
+        trace(`${T} destroy`, {
+            player: !!this.player,
+        });
         if (this.player) {
             this.player.destroy();
             this.player = null;
@@ -42338,13 +42343,18 @@ class Player {
         Loader.unregisterPlugin(plugin);
     }
     initPlayer(coreOptions) {
-        trace(`${T} initPlayer`, { coreOptions });
+        trace(`${T} initPlayer`, {
+            coreOptions,
+        });
         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} tuneInTimer`, { ready: this.ready, tunedIn: this.tunedIn });
+            trace(`${T} tuneInTimer`, {
+                ready: this.ready,
+                tunedIn: this.tunedIn,
+            });
             this.tuneInTimerId = null;
             this.tuneIn();
         }, 4000);
@@ -42372,8 +42382,7 @@ class Player {
         player.core.on(Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => {
             this.bindBitrateChangeHandler();
         }, null);
-        if (Browser.isiOS &&
-            player.core.activePlayback) {
+        if (Browser.isiOS && player.core.activePlayback) {
             player.core.activePlayback.$el.on('webkitendfullscreen', () => {
                 try {
                     player.core.handleFullscreenChange();
@@ -42383,11 +42392,26 @@ class Player {
                 }
             });
         }
+        player.core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
+            trace(`${T} CORE_SCREEN_ORIENTATION_CHANGED`, { orientation });
+        }, null);
+        player.core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
+            trace(`${T} CORE_RESIZE`, {
+                width,
+                height,
+            });
+        }, null);
         if (this.config.autoPlay) {
             setTimeout(() => {
-                trace(`${T} autoPlay`, { player: !!this.player, container: !!this.player?.core.activeContainer, playback: this.player?.core.activePlayback.name });
+                trace(`${T} autoPlay`, {
+                    player: !!this.player,
+                    container: !!this.player?.core.activeContainer,
+                    playback: this.player?.core.activePlayback.name,
+                });
                 assert(this.player);
-                this.player.play({ autoPlay: true });
+                this.player.play({
+                    autoPlay: true,
+                });
             }, 0);
         }
     }
@@ -42406,6 +42430,11 @@ class Player {
             }
             setTimeout(() => this.tuneIn(), 0);
         },
+        onResize: (newSize) => {
+            trace(`${T} CORE_RESIZE`, {
+                newSize,
+            });
+        },
         onPlay: () => {
             try {
                 this.emitter.emit(PlayerEvent.Play);
@@ -42441,8 +42470,12 @@ class Player {
     };
     buildCoreOptions(playerElement) {
         const multisources = this.config.multisources;
-        const mainSource = this.config.playbackType === 'live' ? multisources.find(ms => ms.live !== false) : multisources[0];
-        const mediaSources = mainSource ? this.buildMediaSourcesList(mainSource) : [];
+        const mainSource = this.config.playbackType === 'live'
+            ? multisources.find((ms) => ms.live !== false)
+            : multisources[0];
+        const mediaSources = mainSource
+            ? this.buildMediaSourcesList(mainSource)
+            : [];
         // const mainSourceUrl = mediaSources[0];
         const poster = mainSource?.poster ?? this.config.poster;
         const coreOptions = {
@@ -42507,7 +42540,7 @@ class Player {
                 addHls();
                 break;
         }
-        Object.values(sources).forEach(s => {
+        Object.values(sources).forEach((s) => {
             if (s) {
                 msl.push(s);
             }
@@ -42524,7 +42557,8 @@ class Player {
                 msl.push(sources.hls);
                 sources.hls = null;
             }
-            if (sources.master?.endsWith('.m3u8') && HlsPlayback.canPlay(sources.master)) {
+            if (sources.master?.endsWith('.m3u8') &&
+                HlsPlayback.canPlay(sources.master)) {
                 msl.push(sources.master);
                 sources.master = null;
             }
@@ -42660,12 +42694,12 @@ class SentryTracer {
     }
 }
 
-var version$1 = "2.1.11";
+var version$1 = "2.1.13";
 
 var packages = {
 	"": {
 		name: "@gcorevideo/player",
-		version: "2.1.11",
+		version: "2.1.13",
 		license: "Apache-2.0",
 		dependencies: {
 			"@clappr/core": "^0.11.3",

package/lib/Player.d.ts

@@ -1,5 +1,5 @@
-import type { BitrateInfo, PlaybackType, PlayerPlugin } from "./types.js";
-import { PlayerConfig, PlayerEvent } from "./types.js";
+import type { BitrateInfo, PlaybackType, PlayerPlugin } from './types.js';
+import { PlayerConfig, PlayerEvent } from './types.js';
 import '../assets/style/main.scss';
 type PlayerEventHandler<T extends PlayerEvent> = () => void;
 export type PlaybackModule = 'dash' | 'hls' | 'native';

package/lib/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EAEb,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,YAAY,CAAC;AAIpB,OAAO,2BAA2B,CAAC;AAInC,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,MAAM,IAAI,CAAC;AAiB5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAIvD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAA4B;IAE/C,OAAO,CAAC,MAAM,CAAiC;IAE/C,OAAO,CAAC,OAAO,CAAmB;IAElC,OAAO,CAAC,MAAM,CAA6B;IAE3C,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,aAAa,CAA8C;IAEnE,OAAO,CAAC,OAAO,CAAS;IAExB,IAAI,cAAc,IAAI,cAAc,GAAG,IAAI,CAY1C;IAED,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED,IAAI,EAAE,QAEL;IAED,IAAI,YAAY,IAAI,YAAY,GAAG,SAAS,CAE3C;gBAGC,MAAM,EAAE,YAAY;IAKtB,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAIlE,GAAG,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAInE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;IAIvC,OAAO,CAAC,SAAS;IAIX,IAAI,CAAC,aAAa,EAAE,WAAW;IA2BrC,OAAO;IAeP,KAAK;IAKL,IAAI;IAKJ,MAAM,CAAC,IAAI,EAAE,MAAM;IAKnB,IAAI;IAKJ,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY;IAI1C,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY;IAI5C,OAAO,CAAC,UAAU;YAkBJ,MAAM;IA8CpB,OAAO,CAAC,MAAM,CA2CZ;IAEF,OAAO,CAAC,gBAAgB;IAsCxB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,qBAAqB;CAuD9B"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EAEb,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAItD,OAAO,2BAA2B,CAAA;AAIlC,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,MAAM,IAAI,CAAA;AAiB3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;AAItD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAA2B;IAE9C,OAAO,CAAC,MAAM,CAAgC;IAE9C,OAAO,CAAC,OAAO,CAAkB;IAEjC,OAAO,CAAC,MAAM,CAA4B;IAE1C,OAAO,CAAC,KAAK,CAAQ;IAErB,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,OAAO,CAAQ;IAEvB,IAAI,cAAc,IAAI,cAAc,GAAG,IAAI,CAY1C;IAED,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED,IAAI,EAAE,QAEL;IAED,IAAI,YAAY,IAAI,YAAY,GAAG,SAAS,CAE3C;gBAEW,MAAM,EAAE,YAAY;IAIhC,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAIlE,GAAG,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAInE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;IAIvC,OAAO,CAAC,SAAS;IAIX,IAAI,CAAC,aAAa,EAAE,WAAW;IAyBrC,OAAO;IAiBP,KAAK;IAKL,IAAI;IAKJ,MAAM,CAAC,IAAI,EAAE,MAAM;IAKnB,IAAI;IAKJ,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY;IAI1C,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY;IAI5C,OAAO,CAAC,UAAU;YAqBJ,MAAM;IAmEpB,OAAO,CAAC,MAAM,CAgDb;IAED,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,qBAAqB;CA2D9B"}

package/lib/Player.js

@@ -1,12 +1,12 @@
 import { Browser, Events as ClapprEvents, Log, Player as PlayerClappr, $, Loader, } from '@clappr/core';
 import assert from 'assert';
-import EventLite from "event-lite";
-import { reportError, trace } from "./trace/index.js";
-import { PlayerEvent, } from "./types.js";
+import EventLite from 'event-lite';
+import { reportError, trace } from './trace/index.js';
+import { PlayerEvent } from './types.js';
 import DashPlayback from './plugins/dash-playback/DashPlayback.js';
 import HlsPlayback from './plugins/hls-playback/HlsPlayback.js';
 import '../assets/style/main.scss'; // TODO check if needed
-const T = "GPlayer";
+const T = 'GPlayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     mute: false,
@@ -70,15 +70,18 @@ export class Player {
     async init(playerElement) {
         assert.ok(!this.player, 'Player already initialized');
         assert.ok(playerElement, 'Player container element is required');
-        if (this.config.debug === 'all' ||
-            this.config.debug === 'clappr') {
+        if (this.config.debug === 'all' || this.config.debug === 'clappr') {
             Log.setLevel(0);
         }
-        trace(`${T} init`, { config: this.config });
+        trace(`${T} init`, {
+            config: this.config,
+        });
         this.configurePlaybacks();
         const coreOpts = this.buildCoreOptions(playerElement);
-        const { core, container, } = Loader.registeredPlugins;
-        trace(`${T} init`, { registeredPlaybacks: Loader.registeredPlaybacks.map(p => p.name) });
+        const { core, container } = Loader.registeredPlugins;
+        trace(`${T} init`, {
+            registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.name),
+        });
         coreOpts.plugins = {
             core: Object.values(core),
             container: Object.values(container),
@@ -87,7 +90,9 @@ export class Player {
         return this.initPlayer(coreOpts);
     }
     destroy() {
-        trace(`${T} destroy`, { player: !!this.player });
+        trace(`${T} destroy`, {
+            player: !!this.player,
+        });
         if (this.player) {
             this.player.destroy();
             this.player = null;
@@ -123,13 +128,18 @@ export class Player {
         Loader.unregisterPlugin(plugin);
     }
     initPlayer(coreOptions) {
-        trace(`${T} initPlayer`, { coreOptions });
+        trace(`${T} initPlayer`, {
+            coreOptions,
+        });
         assert.ok(!this.player, 'Player already initialized');
         const player = new PlayerClappr(coreOptions);
         this.player = player;
         // TODO checks if the whole thing is necessary
         this.tuneInTimerId = globalThis.setTimeout(() => {
-            trace(`${T} tuneInTimer`, { ready: this.ready, tunedIn: this.tunedIn });
+            trace(`${T} tuneInTimer`, {
+                ready: this.ready,
+                tunedIn: this.tunedIn,
+            });
             this.tuneInTimerId = null;
             this.tuneIn();
         }, 4000);
@@ -157,8 +167,7 @@ export class Player {
         player.core.on(ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, () => {
             this.bindBitrateChangeHandler();
         }, null);
-        if (Browser.isiOS &&
-            player.core.activePlayback) {
+        if (Browser.isiOS && player.core.activePlayback) {
             player.core.activePlayback.$el.on('webkitendfullscreen', () => {
                 try {
                     player.core.handleFullscreenChange();
@@ -168,11 +177,26 @@ export class Player {
                 }
             });
         }
+        player.core.on(ClapprEvents.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
+            trace(`${T} CORE_SCREEN_ORIENTATION_CHANGED`, { orientation });
+        }, null);
+        player.core.on(ClapprEvents.CORE_RESIZE, ({ width, height }) => {
+            trace(`${T} CORE_RESIZE`, {
+                width,
+                height,
+            });
+        }, null);
         if (this.config.autoPlay) {
             setTimeout(() => {
-                trace(`${T} autoPlay`, { player: !!this.player, container: !!this.player?.core.activeContainer, playback: this.player?.core.activePlayback.name });
+                trace(`${T} autoPlay`, {
+                    player: !!this.player,
+                    container: !!this.player?.core.activeContainer,
+                    playback: this.player?.core.activePlayback.name,
+                });
                 assert(this.player);
-                this.player.play({ autoPlay: true });
+                this.player.play({
+                    autoPlay: true,
+                });
             }, 0);
         }
     }
@@ -191,6 +215,11 @@ export class Player {
             }
             setTimeout(() => this.tuneIn(), 0);
         },
+        onResize: (newSize) => {
+            trace(`${T} CORE_RESIZE`, {
+                newSize,
+            });
+        },
         onPlay: () => {
             try {
                 this.emitter.emit(PlayerEvent.Play);
@@ -226,8 +255,12 @@ export class Player {
     };
     buildCoreOptions(playerElement) {
         const multisources = this.config.multisources;
-        const mainSource = this.config.playbackType === 'live' ? multisources.find(ms => ms.live !== false) : multisources[0];
-        const mediaSources = mainSource ? this.buildMediaSourcesList(mainSource) : [];
+        const mainSource = this.config.playbackType === 'live'
+            ? multisources.find((ms) => ms.live !== false)
+            : multisources[0];
+        const mediaSources = mainSource
+            ? this.buildMediaSourcesList(mainSource)
+            : [];
         // const mainSourceUrl = mediaSources[0];
         const poster = mainSource?.poster ?? this.config.poster;
         const coreOptions = {
@@ -292,7 +325,7 @@ export class Player {
                 addHls();
                 break;
         }
-        Object.values(sources).forEach(s => {
+        Object.values(sources).forEach((s) => {
             if (s) {
                 msl.push(s);
             }
@@ -309,7 +342,8 @@ export class Player {
                 msl.push(sources.hls);
                 sources.hls = null;
             }
-            if (sources.master?.endsWith('.m3u8') && HlsPlayback.canPlay(sources.master)) {
+            if (sources.master?.endsWith('.m3u8') &&
+                HlsPlayback.canPlay(sources.master)) {
                 msl.push(sources.master);
                 sources.master = null;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.1.11",
+  "version": "2.1.13",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",