Hide seekbar

superstreamerapp · Dec 10, 2024 · c8f7c6d · c8f7c6d
1 parent bfd4a8d
commit c8f7c6d
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 24 deletions.
diff --git a/fixtures/media-chrome/index.html b/fixtures/media-chrome/index.html
@@ -13,6 +13,10 @@
         aspect-ratio: 16 / 9;
         background: #000;
       }
+
+      media-controller[interstitial="1"] media-time-range {
+        display: none;
+      }
     </style>
   </head>
   <body>
@@ -34,7 +38,7 @@
     <media-controller>
       <superstreamer-video  
         slot="media"
-        src="https://stitcher.superstreamer.xyz/session/fdb3f69b-e418-4753-9a6a-4d51e20f14ca/master.m3u8">
+        src="https://stitcher.superstreamer.xyz/session/6c127f2a-ca33-4eca-aff2-29ab3c3aac7c/master.m3u8">
       </superstreamer-video>
       <media-loading-indicator slot="centered-chrome" noautohide></media-loading-indicator>
       <media-rendition-menu hidden anchor="auto"></media-rendition-menu>

diff --git a/fixtures/media-chrome/superstreamer-video-element.js b/fixtures/media-chrome/superstreamer-video-element.js
@@ -97,6 +97,13 @@ class SuperstreamerVideoElement extends MediaTracksMixin(
     this.#player.on(Events.STARTED, () => {
       this.#readyState = 3;
     });
+
+    this.#player.on(Events.ASSET_CHANGE, () => {
+      const controller = this.closest("media-controller");
+      if (controller) {
+        controller.setAttribute("interstitial", this.#player.asset ? "1" : "0");
+      }
+    });
   }
 
   get src() {

diff --git a/packages/player/src/hls-player.ts b/packages/player/src/hls-player.ts
@@ -258,10 +258,6 @@ export class HlsPlayer {
     return getState(this.state_, "volume");
   }
 
-  get cuepoints() {
-    return getState(this.state_, "cuepoints");
-  }
-
   private createHls_() {
     const hls = new Hls();
 
@@ -331,15 +327,6 @@ export class HlsPlayer {
       this.updateSubtitleTracks_();
     });
 
-    listen(Hls.Events.INTERSTITIALS_UPDATED, (_, data) => {
-      const cuepoints: number[] = [];
-      // @ts-expect-error Will do this later
-      data.schedule.forEach((item) => {
-        // TODO: Make each item with a proper timeline tag.
-      });
-      this.state_?.setCuepoints(cuepoints);
-    });
-
     return hls;
   }
 

diff --git a/packages/player/src/state.ts b/packages/player/src/state.ts
@@ -33,7 +33,6 @@ interface StateProperties {
   audioTracks: AudioTrack[];
   subtitleTracks: SubtitleTrack[];
   volume: number;
-  cuepoints: number[];
   seeking: boolean;
 }
 
@@ -49,7 +48,6 @@ const noState: StateProperties = {
   audioTracks: [],
   subtitleTracks: [],
   volume: 1,
-  cuepoints: [],
   seeking: false,
 };
 
@@ -150,11 +148,6 @@ export class State implements StateProperties {
     this.emit_(Events.VOLUME_CHANGE);
   }
 
-  setCuepoints(cuepoints: number[]) {
-    this.cuepoints = cuepoints;
-    this.emit_(Events.CUEPOINTS_CHANGE);
-  }
-
   setSeeking(seeking: boolean) {
     if (seeking === this.seeking) {
       return;
@@ -219,7 +212,6 @@ export class State implements StateProperties {
   audioTracks = noState.audioTracks;
   subtitleTracks = noState.subtitleTracks;
   volume = noState.volume;
-  cuepoints = noState.cuepoints;
   seeking = noState.seeking;
 }
 

diff --git a/packages/player/src/types.ts b/packages/player/src/types.ts
@@ -14,7 +14,6 @@ export enum Events {
   AUTO_QUALITY_CHANGE = "autoQualityChange",
   ASSET_CHANGE = "assetChange",
   ASSET_TIME_CHANGE = "assetTimeChange",
-  CUEPOINTS_CHANGE = "cuepointsChange",
   SEEKING_CHANGE = "seekingChange",
 }
 
@@ -30,7 +29,6 @@ export type HlsPlayerEventMap = {
   [Events.AUTO_QUALITY_CHANGE]: () => void;
   [Events.ASSET_CHANGE]: () => void;
   [Events.ASSET_TIME_CHANGE]: () => void;
-  [Events.CUEPOINTS_CHANGE]: () => void;
   [Events.SEEKING_CHANGE]: () => void;
 } & {
   "*": (event: Events) => void;