@livepeer-frameworks/player-wc 0.1.2 → 0.1.4

package/src/controllers/player-controller-host.ts

@@ -54,7 +54,7 @@ export interface PlayerControllerHostState {
     isAuto?: boolean;
     active?: boolean;
   }>;
-  textTracks: Array<{ id: string; label: string; language?: string; active: boolean }>;
+  textTracks: Array<{ id: string; label: string; lang?: string; active: boolean }>;
   streamInfo: StreamInfo | null;
   toast: { message: string; timestamp: number } | null;
 }
@@ -185,6 +185,7 @@ export class PlayerControllerHost implements ReactiveController {
       isLoopEnabled: c.isLoopEnabled(),
       subtitlesEnabled: c.isSubtitlesEnabled(),
       qualities: c.getQualities(),
+      textTracks: c.getTextTracks(),
       streamInfo: c.getStreamInfo(),
     });
   }
@@ -215,7 +216,18 @@ export class PlayerControllerHost implements ReactiveController {
 
     u.push(
       controller.on("timeUpdate", ({ currentTime, duration }) => {
-        this.update({ currentTime, duration });
+        const next: Partial<PlayerControllerHostState> = {
+          currentTime,
+          duration,
+          shouldShowControls: controller.shouldShowControls(),
+        };
+        if (this.s.qualities.length === 0) {
+          const qualities = controller.getQualities();
+          if (qualities.length > 0) {
+            next.qualities = qualities;
+          }
+        }
+        this.update(next);
         this.dispatchEvent("fw-time-update", { currentTime, duration });
       })
     );
@@ -248,8 +260,10 @@ export class PlayerControllerHost implements ReactiveController {
           currentPlayerInfo: controller.getCurrentPlayerInfo(),
           currentSourceInfo: controller.getCurrentSourceInfo(),
           qualities: controller.getQualities(),
+          textTracks: controller.getTextTracks(),
         });
         this.dispatchEvent("fw-ready", { videoElement });
+        this.syncState();
 
         const handleVideoEvent = () => {
           if (this.controller?.shouldSuppressVideoEvents?.()) return;
@@ -274,7 +288,9 @@ export class PlayerControllerHost implements ReactiveController {
           currentPlayerInfo: controller.getCurrentPlayerInfo(),
           currentSourceInfo: { url: source.url, type: source.type },
           qualities: controller.getQualities(),
+          textTracks: controller.getTextTracks(),
         });
+        this.syncState();
       })
     );
 
@@ -334,7 +350,7 @@ export class PlayerControllerHost implements ReactiveController {
 
     u.push(
       controller.on("captionsChange", ({ enabled }) => {
-        this.update({ subtitlesEnabled: enabled });
+        this.update({ subtitlesEnabled: enabled, textTracks: controller.getTextTracks() });
       })
     );
 
@@ -428,18 +444,51 @@ export class PlayerControllerHost implements ReactiveController {
   selectQuality(id: string) {
     this.controller?.selectQuality(id);
   }
+  getTextTracks() {
+    return this.controller?.getTextTracks() ?? [];
+  }
+  selectTextTrack(id: string | null) {
+    this.controller?.selectTextTrack(id);
+  }
+  setPlaybackRate(rate: number) {
+    this.controller?.setPlaybackRate(rate);
+  }
+  getSeekableStart() {
+    return this.controller?.getSeekableStart() ?? 0;
+  }
+  getLiveEdge() {
+    return this.controller?.getLiveEdge() ?? 0;
+  }
+  canSeekStream() {
+    return this.controller?.canSeekStream() ?? false;
+  }
+  getBufferedRanges() {
+    return this.controller?.getBufferedRanges() ?? null;
+  }
+  async getStats() {
+    return this.controller?.getStats();
+  }
 
   handleMouseEnter() {
     this.controller?.handleMouseEnter();
+    this.update({ isHovering: true, shouldShowControls: true });
   }
   handleMouseLeave() {
     this.controller?.handleMouseLeave();
+    this.update({
+      isHovering: false,
+      shouldShowControls: this.controller?.shouldShowControls() ?? false,
+    });
   }
   handleMouseMove() {
     this.controller?.handleMouseMove();
+    if (this.controller) {
+      this.update({ shouldShowControls: this.controller.shouldShowControls() });
+    }
   }
   handleTouchStart() {
     this.controller?.handleTouchStart();
+    this.update({ shouldShowControls: true });
   }
 
   async setDevModeOptions(options: {

package/src/define.ts

@@ -9,6 +9,10 @@ import { FwVolumeControl } from "./components/fw-volume-control.js";
 import { FwSettingsMenu } from "./components/fw-settings-menu.js";
 import { FwIdleScreen } from "./components/fw-idle-screen.js";
 import { FwLoadingSpinner } from "./components/fw-loading-spinner.js";
+import { FwLoadingScreen } from "./components/fw-loading-screen.js";
+import { FwStreamStateOverlay } from "./components/fw-stream-state-overlay.js";
+import { FwThumbnailOverlay } from "./components/fw-thumbnail-overlay.js";
+import { FwDvdLogo } from "./components/fw-dvd-logo.js";
 import { FwTitleOverlay } from "./components/fw-title-overlay.js";
 import { FwErrorOverlay } from "./components/fw-error-overlay.js";
 import { FwToast } from "./components/fw-toast.js";
@@ -32,6 +36,10 @@ safeDefine("fw-volume-control", FwVolumeControl);
 safeDefine("fw-settings-menu", FwSettingsMenu);
 safeDefine("fw-idle-screen", FwIdleScreen);
 safeDefine("fw-loading-spinner", FwLoadingSpinner);
+safeDefine("fw-loading-screen", FwLoadingScreen);
+safeDefine("fw-stream-state-overlay", FwStreamStateOverlay);
+safeDefine("fw-thumbnail-overlay", FwThumbnailOverlay);
+safeDefine("fw-dvd-logo", FwDvdLogo);
 safeDefine("fw-title-overlay", FwTitleOverlay);
 safeDefine("fw-error-overlay", FwErrorOverlay);
 safeDefine("fw-toast", FwToast);

package/src/iife-entry.ts

@@ -8,4 +8,8 @@
  */
 import "./define.js";
 export { FwPlayer } from "./components/fw-player.js";
+export { FwLoadingScreen } from "./components/fw-loading-screen.js";
+export { FwIdleScreen } from "./components/fw-idle-screen.js";
+export { FwStreamStateOverlay } from "./components/fw-stream-state-overlay.js";
+export { FwThumbnailOverlay } from "./components/fw-thumbnail-overlay.js";
 export { PlayerControllerHost } from "./controllers/player-controller-host.js";

package/src/index.ts

@@ -16,6 +16,10 @@ export { FwVolumeControl } from "./components/fw-volume-control.js";
 export { FwSettingsMenu } from "./components/fw-settings-menu.js";
 export { FwIdleScreen } from "./components/fw-idle-screen.js";
 export { FwLoadingSpinner } from "./components/fw-loading-spinner.js";
+export { FwLoadingScreen } from "./components/fw-loading-screen.js";
+export { FwStreamStateOverlay } from "./components/fw-stream-state-overlay.js";
+export { FwThumbnailOverlay } from "./components/fw-thumbnail-overlay.js";
+export { FwDvdLogo } from "./components/fw-dvd-logo.js";
 export { FwTitleOverlay } from "./components/fw-title-overlay.js";
 export { FwErrorOverlay } from "./components/fw-error-overlay.js";
 export { FwToast } from "./components/fw-toast.js";