@gcorevideo/player 0.0.4 → 0.1.0

package/lib/Player.d.ts

@@ -9,6 +9,13 @@ export declare enum PlayerEvent {
     Ended = "ended"
 }
 type PlayerEventHandler<T extends PlayerEvent> = () => void;
+export type PlaybackModule = 'dash' | 'hls' | 'native';
+type BitrateInfo = {
+    height: number;
+    width: number;
+    bitrate: number;
+    level: number;
+};
 /**
  * @beta
  */
@@ -21,6 +28,10 @@ export declare class Player {
     private tuneInEntered;
     private supportedMediaTransports;
     private config;
+    private bitrateInfo;
+    get playbackModule(): PlaybackModule | null;
+    get bitrate(): BitrateInfo | null;
+    get hd(): any;
     get playing(): boolean;
     get ready(): boolean;
     constructor(config: PlayerConfig);
@@ -45,6 +56,7 @@ export declare class Player {
     private getAvailableTransportsPreference;
     private checkMediaTransportsSupport;
     private processMultisources;
+    private bindBitrateChangeHandler;
 }
 export {};
 //# sourceMappingURL=Player.d.ts.map

package/lib/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AAWA,OAAO,2BAA2B,CAAC;AAQnC,OAAO,KAAK,EACV,YAAY,EAEb,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,YAAY,EAGb,MAAM,YAAY,CAAC;AAEpB,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAID,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,MAAM,IAAI,CAAC;AAY5D;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,OAAO,CAAmB;IAElC,OAAO,CAAC,MAAM,CAA6B;IAE3C,OAAO,CAAC,aAAa,CAAkC;IAEvD,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,KAAK,CAA8C;IAE3D,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,wBAAwB,CAAwB;IAExD,OAAO,CAAC,MAAM,CAAe;IAE7B,IAAI,OAAO,YAEV;IAED,IAAI,KAAK,YAER;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;IAI7D,IAAI,CAAC,aAAa,EAAE,WAAW;IA6BrC,OAAO;IAQP,KAAK;IAKL,IAAI;IAKJ,MAAM,CAAC,IAAI,EAAE,MAAM;IAKnB,IAAI;IAKJ,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY;IAI1C,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;YA0BJ,MAAM;IA4BpB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,MAAM,CA8CZ;IAEF,OAAO,CAAC,gBAAgB;IAsCxB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,gCAAgC;IAaxC,OAAO,CAAC,2BAA2B;IAWnC,OAAO,CAAC,mBAAmB;CAM5B"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AAYA,OAAO,2BAA2B,CAAC;AAQnC,OAAO,KAAK,EACV,YAAY,EAEb,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,YAAY,EAGb,MAAM,YAAY,CAAC;AAKpB,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAID,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,MAAM,IAAI,CAAC;AAU5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AASvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAID;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,OAAO,CAAmB;IAElC,OAAO,CAAC,MAAM,CAA6B;IAE3C,OAAO,CAAC,aAAa,CAAkC;IAEvD,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,KAAK,CAA8C;IAE3D,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,wBAAwB,CAAwB;IAExD,OAAO,CAAC,MAAM,CAAe;IAE7B,OAAO,CAAC,WAAW,CAA4B;IAE/C,IAAI,cAAc,IAAI,cAAc,GAAG,IAAI,CAY1C;IAED,IAAI,OAAO,IAAI,WAAW,GAAG,IAAI,CAEhC;IAED,IAAI,EAAE,QAEL;IAED,IAAI,OAAO,YAEV;IAED,IAAI,KAAK,YAER;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;IAI7D,IAAI,CAAC,aAAa,EAAE,WAAW;IA4BrC,OAAO;IAQP,KAAK;IAKL,IAAI;IAKJ,MAAM,CAAC,IAAI,EAAE,MAAM;IAKnB,IAAI;IAKJ,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY;IAI1C,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;YA0BJ,MAAM;IAwCpB,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,MAAM,CA6CZ;IAEF,OAAO,CAAC,gBAAgB;IAsCxB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,gCAAgC;IAaxC,OAAO,CAAC,2BAA2B;IAWnC,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,wBAAwB;CAOjC"}

package/lib/Player.js

@@ -1,9 +1,11 @@
-import { Browser, Log, Player as PlayerClappr, $, Loader, } from '@clappr/core';
+import { Browser, Events as ClapprEvents, Log, Player as PlayerClappr, $, Loader, } from '@clappr/core';
 import assert from 'assert';
 import Hls from 'hls.js';
 import EventLite from "event-lite";
 import '../assets/style/main.scss'; // TODO check if needed
 import { reportError, trace } from "./trace/index.js";
+import DashPlayback from './plugins/dash-playback/DashPlayback.js';
+import HlsPlayback from './plugins/hls-playback/HlsPlayback.js';
 export var PlayerEvent;
 (function (PlayerEvent) {
     PlayerEvent["Ready"] = "ready";
@@ -30,6 +32,26 @@ export class Player {
     tuneInEntered = false;
     supportedMediaTransports = [];
     config;
+    bitrateInfo = null;
+    get playbackModule() {
+        if (!this.player?.core.activePlayback) {
+            return null;
+        }
+        switch (this.player.core.activePlayback.name) {
+            case 'dash':
+                return 'dash';
+            case 'hls':
+                return 'hls';
+            default:
+                return 'native';
+        }
+    }
+    get bitrate() {
+        return this.bitrateInfo;
+    }
+    get hd() {
+        return this.player?.core.activePlayback?.isHighDefinitionInUse || false;
+    }
     get playing() {
         return this.player ? this.player.isPlaying() : false;
     }
@@ -62,7 +84,6 @@ export class Player {
                 container: Object.values(container),
                 playback: Loader.registeredPlaybacks,
             };
-            console.log('plugins', coreOpts.plugins);
             return this.initPlayer(coreOpts);
         });
     }
@@ -126,6 +147,19 @@ export class Player {
         }
         this.tuneInEntered = true;
         const player = this.player;
+        try {
+            this.emitter.emit(PlayerEvent.Ready);
+        }
+        catch (e) {
+            reportError(e);
+        }
+        if (player.core.activeContainer) {
+            this.bindBitrateChangeHandler();
+        }
+        player.core.on(ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, () => {
+            trace(`${T} onActiveContainerChanged`);
+            this.bindBitrateChangeHandler();
+        }, null);
         if (Browser.isiOS &&
             player.core.activePlayback) {
             player.core.activePlayback.$el.on('webkitendfullscreen', () => {
@@ -139,7 +173,9 @@ export class Player {
         }
     }
     configurePlugins() {
-        if (!Browser.isiOS && this.config.multisources.some((el) => el.sourceDash)) {
+        // TODO remove !isiOS?
+        const useDash = !Browser.isiOS && this.config.multisources.some((el) => el.sourceDash && DashPlayback.canPlay(el.sourceDash));
+        if (useDash) {
             this.scheduleLoad(async () => {
                 const module = await import('./plugins/dash-playback/DashPlayback.js');
                 Loader.registerPlayback(module.default);
@@ -147,7 +183,8 @@ export class Player {
         }
         // TODO remove !isiOS?
         // if (!Browser.isiOS && this.config.multisources.some((el) => el.hls_mpegts_url)) {
-        if (this.config.multisources.some((el) => el.hlsMpegtsUrl || el.hlsCmafUrl || el.source.endsWith('.m3u8'))) {
+        const useHls = this.config.multisources.some((el) => HlsPlayback.canPlay(el.hlsCmafUrl || el.hlsMpegtsUrl || el.source));
+        if (useHls) {
             this.scheduleLoad(async () => {
                 const module = await import('./plugins/hls-playback/HlsPlayback.js');
                 Loader.registerPlayback(module.default);
@@ -156,22 +193,20 @@ export class Player {
     }
     events = {
         onReady: () => {
+            trace(`${T} onReady`, { clapprReady: this.clapprReady, player: !!this.player, core: !!this.player?.core, activeContainer: !!this.player?.core.activeContainer });
             if (this.clapprReady) {
                 return;
             }
             this.clapprReady = true;
+            // TODO figure out what's for
             if (this.timer) {
                 clearTimeout(this.timer);
                 this.timer = null;
             }
-            trace(`${T} onReady`);
+            // trace(`${T} onReady`, {
+            //   activeContainer: !!this.player?.core.activeContainer,
+            // });
             setTimeout(() => this.tuneIn(), 0);
-            try {
-                this.emitter.emit(PlayerEvent.Ready);
-            }
-            catch (e) {
-                reportError(e);
-            }
         },
         onPlay: () => {
             try {
@@ -301,6 +336,13 @@ export class Player {
             source: this.selectMediaTransport(ms, transport),
         })).filter((el) => !!el.source);
     }
+    bindBitrateChangeHandler() {
+        trace(`${T} bindBitrateChangeHandler`, { activePlayback: !!this.player?.core.activePlayback });
+        this.player?.core.activeContainer.on(ClapprEvents.CONTAINER_BITRATE, (bitrate) => {
+            trace(`${T} onPlaybackBitrate`, { bitrate });
+            this.bitrateInfo = bitrate;
+        });
+    }
 }
 function unwrapSource(s) {
     if (!s) {

package/lib/plugins/dash-playback/DashPlayback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashPlayback.d.ts","sourceRoot":"","sources":["../../../src/plugins/dash-playback/DashPlayback.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashPlayback.d.ts","sourceRoot":"","sources":["../../../src/plugins/dash-playback/DashPlayback.ts"],"names":[],"mappings":"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"}

package/lib/plugins/dash-playback/DashPlayback.js

@@ -193,13 +193,10 @@ export default class DashPlayback extends HTML5Video {
             });
         });
         this._dash.on(DASHJS.MediaPlayer.events.METRIC_ADDED, (e) => {
-            // console.log(`${T} onMetricAdded`, e);
-            // TODO
             // Listen for the first manifest request in order to update player UI
             if (e.metric === 'DVRInfo') { // TODO fix typings
                 assert.ok(this._dash, 'An instance of dashjs MediaPlayer is required to get metrics');
                 const dvrInfo = this._dash.getDashMetrics().getCurrentDVRInfo('video');
-                // trace(`${T} onMetricAdded DVRInfo`, {metric: e.metric, dvrInfo});
                 if (dvrInfo) {
                     // Extract time info
                     this.manifestInfo = dvrInfo.manifestInfo;
@@ -647,12 +644,12 @@ export default class DashPlayback extends HTML5Video {
     }
 }
 DashPlayback.canPlay = function (resource, mimeType) {
-    console.log(`${T} canPlay resource:%s mimeType:%s`, resource, mimeType);
+    trace(`${T} canPlay resource:%s mimeType:%s`, { resource, mimeType });
     const resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || [];
     const isDash = ((resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'mpd') ||
         mimeType === 'application/dash+xml' || mimeType === 'video/mp4');
     const ctor = window.MediaSource || ('WebKitMediaSource' in window ? window.WebKitMediaSource : undefined);
-    const isSupportByBrowser = typeof ctor === 'function';
-    console.log(`${T} canPlay isSupportByBrowser:%s isDash:%s`, isSupportByBrowser, isDash);
-    return !!(isSupportByBrowser && isDash);
+    const hasBrowserSupport = typeof ctor === 'function';
+    trace(`${T} canPlay isSupportByBrowser:%s isDash:%s`, { isSupportByBrowser: hasBrowserSupport, isDash });
+    return !!(hasBrowserSupport && isDash);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",
@@ -32,26 +32,20 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
-    "@types/can-autoplay": "^3.0.5",
     "@types/node": "^22.10.1",
-    "@types/ua-parser-js": "^0.7.39",
     "assert": "^2.1.0",
     "rollup": "^4.27.4",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-sass": "^1.14.0",
-    "rollup-plugin-scss": "^4.0.1",
     "rollup-plugin-string": "^3.0.0",
     "sass": "^1.83.0",
     "typescript": "^5.7.2"
   },
   "dependencies": {
     "@clappr/core": "^0.11.3",
-    "@clappr/plugins": "^0.8.3",
-    "@sentry/browser": "^8.41.0",
-    "can-autoplay": "^3.0.2",
+    "@sentry/types": "^8.47.0",
     "dashjs": "^4.7.4",
     "event-lite": "^1.0.0",
-    "hls.js": "^1.5.17",
-    "ua-parser-js": "^2.0.0"
+    "hls.js": "^1.5.17"
   }
 }

package/src/Player.ts

@@ -1,5 +1,6 @@
 import {
   Browser,
+  Events as ClapprEvents,
   Log,
   Player as PlayerClappr,
   $,
@@ -28,6 +29,9 @@ import {
   MediaTransport,
   TransportPreference,
 } from "./types.js";
+import DashPlayback from './plugins/dash-playback/DashPlayback.js';
+import HlsPlayback from './plugins/hls-playback/HlsPlayback.js';
+import Playback from '@clappr/core/types/base/playback/playback';
 
 export enum PlayerEvent {
   Ready = 'ready',
@@ -49,6 +53,22 @@ const DEFAULT_OPTIONS: Partial<PlayerConfig> = {
   loop: false,
 }
 
+export type PlaybackModule = 'dash' | 'hls' | 'native';
+
+// TODO drop
+// export type PlaybackInfo = {
+//   bitrate: number;
+//   hd: boolean;
+//   latency: number;
+// }
+
+type BitrateInfo = {
+  height: number;
+  width: number;
+  bitrate: number;
+  level: number;
+}
+
 type PluginOptions = Record<string, unknown>;
 
 /**
@@ -71,6 +91,30 @@ export class Player {
 
   private config: PlayerConfig;
 
+  private bitrateInfo: BitrateInfo | null = null;
+
+  get playbackModule(): PlaybackModule | null {
+    if (!this.player?.core.activePlayback) {
+      return null;
+    }
+    switch (this.player.core.activePlayback.name) {
+      case 'dash':
+        return 'dash';
+      case 'hls':
+        return 'hls';
+      default:
+        return 'native';
+    }
+  }
+
+  get bitrate(): BitrateInfo | null {
+    return this.bitrateInfo;
+  }
+
+  get hd() {
+    return this.player?.core.activePlayback?.isHighDefinitionInUse || false;
+  }
+
   get playing() {
     return this.player ? this.player.isPlaying() : false;
   }
@@ -117,7 +161,6 @@ export class Player {
         container: Object.values(container),
         playback: Loader.registeredPlaybacks,
       } as CorePluginOptions;
-      console.log('plugins', coreOpts.plugins);
       return this.initPlayer(coreOpts);
     });
   }
@@ -195,6 +238,18 @@ export class Player {
     }
     this.tuneInEntered = true;
     const player = this.player;
+    try {
+      this.emitter.emit(PlayerEvent.Ready);
+    } catch (e) {
+      reportError(e);
+    }
+    if (player.core.activeContainer) {
+      this.bindBitrateChangeHandler();
+    }
+    player.core.on(ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, () => {
+      trace(`${T} onActiveContainerChanged`);
+      this.bindBitrateChangeHandler();
+    }, null);
     if (
       Browser.isiOS &&
       player.core.activePlayback
@@ -213,7 +268,11 @@ export class Player {
   }
 
   private configurePlugins() {
-    if (!Browser.isiOS && this.config.multisources.some((el) => el.sourceDash)) {
+    // TODO remove !isiOS?
+    const useDash = !Browser.isiOS && this.config.multisources.some(
+      (el) => el.sourceDash && DashPlayback.canPlay(el.sourceDash)
+    );
+    if (useDash) {
       this.scheduleLoad(async () => {
         const module = await import('./plugins/dash-playback/DashPlayback.js');
         Loader.registerPlayback(module.default);
@@ -221,7 +280,10 @@ export class Player {
     }
     // TODO remove !isiOS?
     // if (!Browser.isiOS && this.config.multisources.some((el) => el.hls_mpegts_url)) {
-    if (this.config.multisources.some((el) => el.hlsMpegtsUrl || el.hlsCmafUrl || el.source.endsWith('.m3u8'))) {
+    const useHls = this.config.multisources.some(
+      (el) => HlsPlayback.canPlay(el.hlsCmafUrl || el.hlsMpegtsUrl || el.source)
+    );
+    if (useHls) {
       this.scheduleLoad(async () => {
         const module = await import('./plugins/hls-playback/HlsPlayback.js');
         Loader.registerPlayback(module.default);
@@ -231,21 +293,20 @@ export class Player {
 
   private events: CorePlayerEvents = {
     onReady: () => {
+      trace(`${T} onReady`, { clapprReady: this.clapprReady, player: !!this.player, core: !!this.player?.core, activeContainer: !!this.player?.core.activeContainer });
       if (this.clapprReady) {
         return;
       }
       this.clapprReady = true;
+      // TODO figure out what's for
       if (this.timer) {
         clearTimeout(this.timer);
         this.timer = null;
       }
-      trace(`${T} onReady`);
+      // trace(`${T} onReady`, {
+      //   activeContainer: !!this.player?.core.activeContainer,
+      // });
       setTimeout(() => this.tuneIn(), 0);
-      try {
-        this.emitter.emit(PlayerEvent.Ready);
-      } catch (e) {
-        reportError(e);
-      }
     },
     onPlay: () => {
       try {
@@ -380,6 +441,14 @@ export class Player {
       source: this.selectMediaTransport(ms, transport),
     })).filter((el): el is StreamMediaSource => !!el.source);
   }
+
+  private bindBitrateChangeHandler() {
+    trace(`${T} bindBitrateChangeHandler`, { activePlayback: !!this.player?.core.activePlayback });
+    this.player?.core.activeContainer.on(ClapprEvents.CONTAINER_BITRATE, (bitrate: BitrateInfo) => {
+      trace(`${T} onPlaybackBitrate`, { bitrate });
+      this.bitrateInfo = bitrate;
+    });
+  }
 }
 
 function unwrapSource(s: PlayerMediaSource | undefined): string | undefined {

package/src/plugins/dash-playback/DashPlayback.ts

@@ -279,13 +279,10 @@ export default class DashPlayback extends HTML5Video {
     });
 
     this._dash.on(DASHJS.MediaPlayer.events.METRIC_ADDED, (e: DashMetricEvent) => {
-      // console.log(`${T} onMetricAdded`, e);
-      // TODO
       // Listen for the first manifest request in order to update player UI
       if ((e.metric as string) === 'DVRInfo') { // TODO fix typings
         assert.ok(this._dash, 'An instance of dashjs MediaPlayer is required to get metrics');
         const dvrInfo = this._dash.getDashMetrics().getCurrentDVRInfo('video');
-        // trace(`${T} onMetricAdded DVRInfo`, {metric: e.metric, dvrInfo});
         if (dvrInfo) {
           // Extract time info
           this.manifestInfo = dvrInfo.manifestInfo;
@@ -797,12 +794,12 @@ export default class DashPlayback extends HTML5Video {
 }
 
 DashPlayback.canPlay = function (resource, mimeType) {
-  console.log(`${T} canPlay resource:%s mimeType:%s`, resource, mimeType);
+  trace(`${T} canPlay resource:%s mimeType:%s`, {resource, mimeType});
   const resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || [];
   const isDash = ((resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'mpd') ||
     mimeType === 'application/dash+xml' || mimeType === 'video/mp4');
   const ctor = window.MediaSource || ('WebKitMediaSource' in window ? window.WebKitMediaSource : undefined);
-  const isSupportByBrowser = typeof ctor === 'function';
-  console.log(`${T} canPlay isSupportByBrowser:%s isDash:%s`, isSupportByBrowser, isDash);
-  return !!(isSupportByBrowser && isDash);
+  const hasBrowserSupport = typeof ctor === 'function';
+  trace(`${T} canPlay isSupportByBrowser:%s isDash:%s`, {isSupportByBrowser: hasBrowserSupport, isDash});
+  return !!(hasBrowserSupport && isDash);
 };