fix: pause play on click event

100mslive · Mar 12, 2024 · 2d74a0a · 2d74a0a
1 parent 99513a1
commit 2d74a0a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx b/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
@@ -336,15 +336,23 @@ const HLSView = () => {
     },
     [hlsState?.variants, isLandscape, isMobile, onSeekTo],
   );
-  const onClickHandler = useCallback(() => {
+  const onClickHandler = useCallback(async () => {
+    if (!(isMobile || isLandscape) && hlsState?.variants[0]?.playlist_type !== HLSPlaylistType.DVR) {
+      return;
+    }
     if (!(isMobile || isLandscape)) {
+      if (isPaused) {
+        await hlsPlayer?.play();
+      } else {
+        hlsPlayer.pause();
+      }
       return;
     }
     setControlsVisible(value => !value);
     if (controlsTimerRef.current) {
       clearTimeout(controlsTimerRef.current);
     }
-  }, [isLandscape, isMobile]);
+  }, [hlsState?.variants, isLandscape, isMobile, isPaused]);
   const onHoverHandler = useCallback(
     event => {
       event.preventDefault();