@scarlett-player/embed 0.4.0 → 0.4.1

package/dist/embed.video.js

@@ -144,6 +144,9 @@ function setupVideoEventHandlers(video, api) {
     video.addEventListener(event, handler);
     handlers.push({ event, handler });
   };
+  addHandler("play", () => {
+    api.setState("paused", false);
+  });
   addHandler("playing", () => {
     api.setState("playing", true);
     api.setState("paused", false);
@@ -608,6 +611,20 @@ function createHLSPlugin(config) {
           if (!isNaN(levelIndex) && levelIndex >= 0 && levelIndex < hls.levels.length) {
             hls.nextLevel = levelIndex;
             api?.logger.debug(`Quality: queued switch to level ${levelIndex}`);
+            const targetLevel = hls.levels[levelIndex];
+            if (targetLevel) {
+              const label = formatLevel(targetLevel);
+              api?.setState("currentQuality", {
+                id: `level-${levelIndex}`,
+                label: `${label}...`,
+                // Ellipsis indicates switching in progress
+                width: targetLevel.width,
+                height: targetLevel.height,
+                bitrate: targetLevel.bitrate,
+                active: false
+                // Not yet active
+              });
+            }
           }
         }
       });
@@ -1351,12 +1368,11 @@ var PlayButton = class {
     const video = getVideo(this.api.container);
     if (!video) return;
     const ended = this.api.getState("ended");
-    const playing = this.api.getState("playing");
     if (ended) {
       video.currentTime = 0;
       video.play().catch(() => {
       });
-    } else if (playing) {
+    } else if (!video.paused) {
       video.pause();
     } else {
       video.play().catch(() => {
@@ -2171,8 +2187,9 @@ function uiPlugin(config = {}) {
       if (containerStyle.position === "static") {
         container.style.position = "relative";
       }
+      const isPlaying = api.getState("playing");
       gradient = document.createElement("div");
-      gradient.className = "sp-gradient sp-gradient--visible";
+      gradient.className = isPlaying ? "sp-gradient" : "sp-gradient sp-gradient--visible";
       container.appendChild(gradient);
       bufferingIndicator = document.createElement("div");
       bufferingIndicator.className = "sp-buffering";
@@ -2181,9 +2198,11 @@ function uiPlugin(config = {}) {
       container.appendChild(bufferingIndicator);
       progressBar = new ProgressBar(api);
       container.appendChild(progressBar.render());
-      progressBar.show();
+      if (!isPlaying) {
+        progressBar.show();
+      }
       controlBar = document.createElement("div");
-      controlBar.className = "sp-controls sp-controls--visible";
+      controlBar.className = isPlaying ? "sp-controls sp-controls--hidden" : "sp-controls sp-controls--visible";
       controlBar.setAttribute("role", "toolbar");
       controlBar.setAttribute("aria-label", "Video controls");
       for (const slot of layout) {
@@ -2206,6 +2225,11 @@ function uiPlugin(config = {}) {
       if (!container.hasAttribute("tabindex")) {
         container.setAttribute("tabindex", "0");
       }
+      controlsVisible = !isPlaying;
+      api.setState("controlsVisible", controlsVisible);
+      if (isPlaying) {
+        resetHideTimer();
+      }
       api.logger.debug("UI controls plugin initialized");
     },
     async destroy() {