@gcorevideo/player 2.1.11 → 2.1.12

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,
@@ -42249,7 +42249,8 @@ class Player {
         if (!this.player?.core.activePlayback) {
             return null;
         }
-        switch (this.player.core.activePlayback.name) {
+        switch (this.player.core.activePlayback
+            .name) {
             case 'dash':
                 return 'dash';
             case 'hls':
@@ -42262,7 +42263,8 @@ class Player {
         return this.bitrateInfo;
     }
     get hd() {
-        return this.player?.core.activePlayback?.isHighDefinitionInUse || false;
+        return (this.player?.core.activePlayback
+            ?.isHighDefinitionInUse || false);
     }
     get playbackType() {
         return this.player?.core.activePlayback?.getPlaybackType();
@@ -42289,11 +42291,15 @@ class Player {
             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 +42308,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,16 +42346,22 @@ 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 });
-            this.tuneInTimerId = null;
-            this.tuneIn();
-        }, 4000);
+        this.tuneInTimerId =
+            globalThis.setTimeout(() => {
+                trace(`${T} tuneInTimer`, {
+                    ready: this.ready,
+                    tunedIn: this.tunedIn,
+                });
+                this.tuneInTimerId = null;
+                this.tuneIn();
+            }, 4000);
     }
     async tuneIn() {
         assert.ok(this.player);
@@ -42383,11 +42397,22 @@ class Player {
                 }
             });
         }
+        player.core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation, }) => {
+            trace(`${T} CORE_SCREEN_ORIENTATION_CHANGED`, { orientation });
+        }, 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 +42431,11 @@ class Player {
             }
             setTimeout(() => this.tuneIn(), 0);
         },
+        onResize: (newSize) => {
+            trace(`${T} CORE_RESIZE`, {
+                newSize,
+            });
+        },
         onPlay: () => {
             try {
                 this.emitter.emit(PlayerEvent.Play);
@@ -42441,10 +42471,16 @@ 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 poster = mainSource?.poster ??
+            this.config.poster;
         const coreOptions = {
             ...this.config.pluginSettings,
             allowUserInteraction: true,
@@ -42458,11 +42494,15 @@ class Player {
             playback: {
                 controls: false,
                 playInline: true,
-                preload: Browser.isiOS ? 'metadata' : 'none',
+                preload: Browser.isiOS
+                    ? 'metadata'
+                    : 'none',
                 mute: this.config.mute,
                 crossOrigin: 'anonymous', // TODO
                 hlsjsConfig: {
-                    debug: this.config.debug === 'all' || this.config.debug === 'hls',
+                    debug: this.config.debug ===
+                        'all' ||
+                        this.config.debug === 'hls',
                 },
             },
             parent: playerElement,
@@ -42507,7 +42547,7 @@ class Player {
                 addHls();
                 break;
         }
-        Object.values(sources).forEach(s => {
+        Object.values(sources).forEach((s) => {
             if (s) {
                 msl.push(s);
             }
@@ -42520,17 +42560,20 @@ class Player {
             }
         }
         function addHls() {
-            if (sources.hls && HlsPlayback.canPlay(sources.hls)) {
+            if (sources.hls &&
+                HlsPlayback.canPlay(sources.hls)) {
                 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;
             }
         }
         function addDash() {
-            if (sources.dash && DashPlayback.canPlay(sources.dash)) {
+            if (sources.dash &&
+                DashPlayback.canPlay(sources.dash)) {
                 msl.push(sources.dash);
                 sources.dash = null;
             }
@@ -42660,12 +42703,12 @@ class SentryTracer {
     }
 }
 
-var version$1 = "2.1.11";
+var version$1 = "2.1.12";
 
 var packages = {
 	"": {
 		name: "@gcorevideo/player",
-		version: "2.1.11",
+		version: "2.1.12",
 		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;AAKnB,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,YAAY,CAAA;AAInB,OAAO,2BAA2B,CAAA;AAIlC,KAAK,kBAAkB,CACrB,CAAC,SAAS,WAAW,IACnB,MAAM,IAAI,CAAA;AAiBd,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,KAAK,GACL,QAAQ,CAAA;AAOZ;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CACb;IAEN,OAAO,CAAC,MAAM,CACG;IAEjB,OAAO,CAAC,OAAO,CAAkB;IAEjC,OAAO,CAAC,MAAM,CACR;IAEN,OAAO,CAAC,KAAK,CAAQ;IAErB,OAAO,CAAC,aAAa,CAEN;IAEf,OAAO,CAAC,OAAO,CAAQ;IAEvB,IAAI,cAAc,IAAI,cAAc,GAAG,IAAI,CAiB1C;IAED,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED,IAAI,EAAE,QAKL;IAED,IAAI,YAAY,IACZ,YAAY,GACZ,SAAS,CAEZ;gBAEW,MAAM,EAAE,YAAY;IAIhC,EAAE,CAAC,CAAC,SAAS,WAAW,EACtB,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAKhC,GAAG,CAAC,CAAC,SAAS,WAAW,EACvB,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAKhC,SAAS,CACP,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;IAK/B,OAAO,CAAC,SAAS;IAUX,IAAI,CACR,aAAa,EAAE,WAAW;IA4C5B,OAAO;IAiBP,KAAK;IAQL,IAAI;IAQJ,MAAM,CAAC,IAAI,EAAE,MAAM;IAQnB,IAAI;IAQJ,MAAM,CAAC,cAAc,CACnB,MAAM,EAAE,YAAY;IAKtB,MAAM,CAAC,gBAAgB,CACrB,MAAM,EAAE,YAAY;IAKtB,OAAO,CAAC,UAAU;YA6BJ,MAAM;IA8EpB,OAAO,CAAC,MAAM,CA2Db;IAED,OAAO,CAAC,gBAAgB;IA8DxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,qBAAqB;CAkF9B"}

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,
@@ -34,7 +34,8 @@ export class Player {
         if (!this.player?.core.activePlayback) {
             return null;
         }
-        switch (this.player.core.activePlayback.name) {
+        switch (this.player.core.activePlayback
+            .name) {
             case 'dash':
                 return 'dash';
             case 'hls':
@@ -47,7 +48,8 @@ export class Player {
         return this.bitrateInfo;
     }
     get hd() {
-        return this.player?.core.activePlayback?.isHighDefinitionInUse || false;
+        return (this.player?.core.activePlayback
+            ?.isHighDefinitionInUse || false);
     }
     get playbackType() {
         return this.player?.core.activePlayback?.getPlaybackType();
@@ -74,11 +76,15 @@ export class Player {
             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 +93,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,16 +131,22 @@ 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 });
-            this.tuneInTimerId = null;
-            this.tuneIn();
-        }, 4000);
+        this.tuneInTimerId =
+            globalThis.setTimeout(() => {
+                trace(`${T} tuneInTimer`, {
+                    ready: this.ready,
+                    tunedIn: this.tunedIn,
+                });
+                this.tuneInTimerId = null;
+                this.tuneIn();
+            }, 4000);
     }
     async tuneIn() {
         assert.ok(this.player);
@@ -168,11 +182,22 @@ export class Player {
                 }
             });
         }
+        player.core.on(ClapprEvents.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation, }) => {
+            trace(`${T} CORE_SCREEN_ORIENTATION_CHANGED`, { orientation });
+        }, 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 +216,11 @@ export class Player {
             }
             setTimeout(() => this.tuneIn(), 0);
         },
+        onResize: (newSize) => {
+            trace(`${T} CORE_RESIZE`, {
+                newSize,
+            });
+        },
         onPlay: () => {
             try {
                 this.emitter.emit(PlayerEvent.Play);
@@ -226,10 +256,16 @@ 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 poster = mainSource?.poster ??
+            this.config.poster;
         const coreOptions = {
             ...this.config.pluginSettings,
             allowUserInteraction: true,
@@ -243,11 +279,15 @@ export class Player {
             playback: {
                 controls: false,
                 playInline: true,
-                preload: Browser.isiOS ? 'metadata' : 'none',
+                preload: Browser.isiOS
+                    ? 'metadata'
+                    : 'none',
                 mute: this.config.mute,
                 crossOrigin: 'anonymous', // TODO
                 hlsjsConfig: {
-                    debug: this.config.debug === 'all' || this.config.debug === 'hls',
+                    debug: this.config.debug ===
+                        'all' ||
+                        this.config.debug === 'hls',
                 },
             },
             parent: playerElement,
@@ -292,7 +332,7 @@ export class Player {
                 addHls();
                 break;
         }
-        Object.values(sources).forEach(s => {
+        Object.values(sources).forEach((s) => {
             if (s) {
                 msl.push(s);
             }
@@ -305,17 +345,20 @@ export class Player {
             }
         }
         function addHls() {
-            if (sources.hls && HlsPlayback.canPlay(sources.hls)) {
+            if (sources.hls &&
+                HlsPlayback.canPlay(sources.hls)) {
                 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;
             }
         }
         function addDash() {
-            if (sources.dash && DashPlayback.canPlay(sources.dash)) {
+            if (sources.dash &&
+                DashPlayback.canPlay(sources.dash)) {
                 msl.push(sources.dash);
                 sources.dash = null;
             }

package/package.json

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