diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index fdcea8afc..af1d47f9c 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -249,7 +249,7 @@ export default function LivePlayer({
- {!offline && activeMotion && (
+ {autoLive && !offline && activeMotion && (
)}
{offline && (
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index 34d25660d..508f00fe9 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -93,7 +93,7 @@ export default function LiveDashboardView({
// camera live views
- const [autoLiveView] = usePersistence("autoLiveView");
+ const [autoLiveView] = usePersistence("autoLiveView", true);
const [windowVisible, setWindowVisible] = useState(true);
const visibilityListener = useCallback(() => {
setWindowVisible(document.visibilityState == "visible");
@@ -263,6 +263,7 @@ export default function LiveDashboardView({
}
cameraConfig={camera}
preferredLiveMode={isSafari ? "webrtc" : "mse"}
+ autoLive={autoLiveView}
onClick={() => onSelectCamera(camera.name)}
/>
);