fix: play pause hls stream on click

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