@gcorevideo/player 0.0.5 → 0.2.3

package/src/plugins/hls-playback/HlsPlayback.ts

@@ -16,8 +16,9 @@ import HLSJS, {
   type LevelLoadedData,
   type LevelSwitchingData,
 } from 'hls.js';
-import { PlaybackType } from '../../types';
+
 import { TimePosition } from '../../playback.types.js';
+import { PlaybackType } from '../../types';
 import { TimerId } from '../../utils/types';
 
 const { now, listContainsIgnoreCase } = Utils;
@@ -904,6 +905,9 @@ export default class HlsPlayback extends HTML5Video {
 HlsPlayback.canPlay = function (resource: string, mimeType?: string): boolean {
   const resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || [];
   const isHls = ((resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8') || listContainsIgnoreCase(mimeType, ['application/vnd.apple.mpegurl', 'application/x-mpegURL']));
-
-  return !!(HLSJS.isSupported() && isHls);
+  const isSupported = HLSJS.isSupported();
+  Log.debug(T, 'canPlay', {
+    isSupported, isHls,
+  })
+  return !!(isSupported && isHls);
 };

package/src/types.ts

@@ -7,11 +7,9 @@ export type TransportPreference = MediaTransport | 'auto';
 
 export type PlayerPlugin = {
   new(...args: any[]): unknown;
-  type: 'core' | 'container' | 'playback';
+  type: string; // 'core' | 'container' | 'playback';
 }
 
-// export type PluginName = StdPluginName | string;
-
 export type PlayerConfig = {
   autoPlay?: boolean;
   debug?: PlayerDebugSettings;
@@ -20,7 +18,6 @@ export type PlayerConfig = {
   multisources: StreamMediaSource[];
   mute?: boolean;
   playbackType: PlaybackType;
-  // plugins?: PluginName[];
   pluginSettings?: Record<string, unknown>;
   poster?: string;
   priorityTransport?: TransportPreference;
@@ -79,8 +76,8 @@ export type StreamMediaSourceDto = {
 export type StreamMediaSource = {
   description: string;
   dvr: boolean;
-  hlsCmafUrl?: string;
-  hlsMpegtsUrl?: string;
+  hlsCmafUrl: string | null;
+  hlsMpegtsUrl: string | null;
   id: number;
   live: boolean;
   priorityTransport: TransportPreference;
@@ -98,3 +95,18 @@ export type SrcProjectionType = 'regular' | '360' | 'vr180' | 'vr360tb';
 export type ProjectionType = '360' | '180' | '360_TB';
 
 export type TranslationSettings = Partial<Record<LangTag, Record<TranslationKey, string>>>;
+
+export type BitrateInfo = {
+  height: number;
+  width: number;
+  bitrate: number;
+  level: number;
+};
+
+export enum PlayerEvent {
+  Ready = 'ready',
+  Play = 'play',
+  Pause = 'pause',
+  Stop = 'stop',
+  Ended = 'ended',
+}

package/src/typings/@clappr/core/player.d.ts

@@ -12,13 +12,6 @@ declare module "@clappr/core" {
 
     type PlayerMediaSource = string | PlayerMediaSourceDesc;
 
-    type ExternalTrack = {
-        kind?: "subtitles";
-        src: string;
-        label: string;
-        lang: string;
-    }
-
     type HlsjsConfig = {
         debug?: boolean;
         startLevel?: number;

package/src/typings/@clappr/plugins.d.ts

@@ -0,0 +1,23 @@
+import { Core, UICorePlugin } from "@clappr/core";
+import "@clappr/plugins";
+
+declare module "@clappr/plugins" {
+    declare type MediaControlOptions = {
+        hideMediaControlDelay?: number;
+        chromeless?: boolean;
+        source?: string;
+        sources?: string[];
+        baseUrl?: string;
+        disableKeyboardShortcuts?: boolean;
+        width?: number;
+        height?: number;
+        persistConfig?: boolean; // TODO
+        focusElement?: HTMLElement;
+        hideVolumeBar?: boolean;
+        parentElement?: HTMLElement;
+        mediacontrol?: {
+            buttons: string;
+            seekbar: string;
+        }
+    }
+}

package/src/utils/utils.ts

@@ -36,29 +36,3 @@ export function strtimeToMiliseconds(str: string): number {
 
   return (h + m + s);
 }
-
-// TODO refactor
-export function isFullscreen(el: HTMLElement): boolean {
-  const video = el.nodeName === "video" ? el as HTMLVideoElement : el.querySelector('video');
-  assert.ok(video, 'element must be a video or contain a video element');
-
-  if (Browser.isiOS) {
-    return FullscreenIOS.isFullscreen(video);
-  }
-  return !!(document.fullscreenElement);
-}
-
-export const FullscreenIOS = {
-  isFullscreen: function (el: HTMLVideoElement): boolean {
-    try {
-      if (el.webkitDisplayingFullscreen !== undefined) {
-        return !!(el.webkitDisplayingFullscreen);
-      }
-    } catch (e) {
-      // LogManager.exception(error);
-      reportError(e);
-    }
-
-    return false;
-  }
-};

package/src/version.ts

@@ -0,0 +1,9 @@
+import * as pkg from '../package.json' with { "type": "json" };
+import * as lock from '../package-lock.json' with { "type": "json" };
+
+export function version() {
+  return {
+    gplayer: pkg.version,
+    clappr: lock.packages['node_modules/@clappr/core'].version,
+  }
+}