From 92b25a8bacb20a991e0146bcdd332245f8ae7c05 Mon Sep 17 00:00:00 2001
From: Matiss Jurevics <matissjurevics@gmail.com>
Date: Mon, 6 Apr 2026 16:50:00 +0100
Subject: [PATCH] fix(webapp): autoplay client live feed video

---
 WebApp/src/lib/app/controller.js      | 5 ++++-
 WebApp/src/routes/client/+page.svelte | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/WebApp/src/lib/app/controller.js b/WebApp/src/lib/app/controller.js
index 182313f..b6a65b2 100644
--- a/WebApp/src/lib/app/controller.js
+++ b/WebApp/src/lib/app/controller.js
@@ -530,7 +530,10 @@ const attachClientStreamToElement = () => {
 	if (clientVideoElement.srcObject !== stream) {
 		clientVideoElement.srcObject = stream;
 	}
-	void clientVideoElement.play().catch(() => {});
+	clientVideoElement.muted = true;
+	void clientVideoElement.play().catch((error) => {
+		addActivity('Stream', `Autoplay blocked for ${activeStreamSessionId}: ${error?.name || 'play_failed'}`);
+	});
 };
 
 const startCameraPreview = async (cameraInputId = getAppState().selectedCameraInputId) => {
diff --git a/WebApp/src/routes/client/+page.svelte b/WebApp/src/routes/client/+page.svelte
index 41a5bb9..240507a 100644
--- a/WebApp/src/routes/client/+page.svelte
+++ b/WebApp/src/routes/client/+page.svelte
@@ -216,6 +216,8 @@
 					<video
 						id="clientStreamVideo"
 						class="absolute inset-0 h-full w-full object-contain {$appState.clientStreamMode === 'video' ? '' : 'hidden'}"
+						autoplay
+						muted
 						playsinline
 						bind:this={clientVideoElement}
 					></video>