From f050c7b37df3e1aed47e8df121b27f65413dc59c Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 30 Jun 2024 12:06:03 -0500
Subject: [PATCH] Use camera name instead of stream_name for jsmpeg players
 (#12219)

---
 web/src/components/player/LivePlayer.tsx | 2 +-
 web/src/components/player/MsePlayer.tsx  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 8ccb1b45f..1343e8aae 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -171,7 +171,7 @@ export default function LivePlayer({
       player = (
         <JSMpegPlayer
           className="flex justify-center overflow-hidden rounded-lg md:rounded-2xl"
-          camera={cameraConfig.live.stream_name}
+          camera={cameraConfig.name}
           width={cameraConfig.detect.width}
           height={cameraConfig.detect.height}
           playbackEnabled={cameraActive || !showStillWithoutActivity}
diff --git a/web/src/components/player/MsePlayer.tsx b/web/src/components/player/MsePlayer.tsx
index c2769cd94..317520f57 100644
--- a/web/src/components/player/MsePlayer.tsx
+++ b/web/src/components/player/MsePlayer.tsx
@@ -384,6 +384,7 @@ function MSEPlayer({
         onPlaying?.();
       }}
       muted={!audioEnabled}
+      onPause={() => videoRef.current?.play()}
       onProgress={() => {
         if ((isSafari || isIOS) && !safariPlaying) {
           setSafariPlaying(true);