Merge pull request #886 from CodeCrowCorp/dev

Fix: autoplay unmuted videos
CodeCrowCorp · Jan 26, 2024 · df36a9c · df36a9c
2 parents 6f5e882 + 4defc7d
commit df36a9c
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/lib/components/Channel/Stream/VideoItem.svelte b/src/lib/components/Channel/Stream/VideoItem.svelte
@@ -179,7 +179,6 @@
 						webrtcWhep = new WHEPClient(video.webRTCPlayback.url, webrtc_video_element)
 						webrtcWhep.addEventListener(`isScreenLive`, (ev: any) => {
 							isScreenLive = ev.detail
-							webrtc_video_element.play()
 						})
 						webrtcWhep.addEventListener(`localAudioSpeakingValue`, (ev: any) => {
 							speakingValue = ev.detail
@@ -360,9 +359,20 @@
 				<audio bind:this={audio_element} autoplay class="rounded-md w-0 h-0" />
 				<canvas bind:this={webrtc_canvas_element} class="rounded-md w-full h-full hidden" />
 			{:else}
-				<video bind:this={webrtc_video_element} class="rounded-md w-full h-full" autoplay />
+				<iframe
+					src="https://olafwempe.com/mp3/silence/silence.mp3"
+					allow="autoplay"
+					id="audio"
+					style="display:none" />
+				<video
+					bind:this={webrtc_video_element}
+					class="rounded-md w-full h-full {video.isConnected && video.trackType === 'webrtc'
+						? ''
+						: 'hidden'}"
+					autoplay
+					controls />
 			{/if}
-			<div class="absolute left-2 bottom-2 rounded-md dropdown {iframeUrl ? 'mb-16' : ''}">
+			<div class="absolute left-2 bottom-2 rounded-md dropdown {video.isConnected ? 'mb-16' : ''}">
 				<label
 					tabindex="0"
 					class="{coloredRole.textColor} bg-base-100 btn btn-sm normal-case flex gap-1 {speakingValue >