From 4d0597382266a0be14a3affdc535a44c67826aa5 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Fri, 5 Apr 2024 01:35:10 +1300
Subject: [PATCH] Minor improvements

---
 materialious/src/lib/Player.svelte            |  3 ++-
 .../src/routes/watch/[slug]/+page.svelte      | 22 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte
index 2077c71d..c20385bd 100644
--- a/materialious/src/lib/Player.svelte
+++ b/materialious/src/lib/Player.svelte
@@ -25,6 +25,7 @@
 	export let audioMode = false;
 	export let playlistVideos: PlaylistPageVideo[] | null = null;
 	export let player: MediaPlayerElement;
+	export let isSyncing: boolean = false;
 
 	let src: PlayerSrc = [];
 	let categoryBeingSkipped = '';
@@ -225,7 +226,7 @@
 
 <media-player
 	bind:this={player}
-	autoPlay={$playerAutoPlay}
+	autoPlay={$playerAutoPlay && !isSyncing}
 	loop={$playerAlwaysLoop}
 	title={data.video.title}
 	streamType={data.video.hlsUrl ? 'live' : 'on-demand'}
diff --git a/materialious/src/routes/watch/[slug]/+page.svelte b/materialious/src/routes/watch/[slug]/+page.svelte
index ff793149..4c201044 100644
--- a/materialious/src/routes/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/watch/[slug]/+page.svelte
@@ -78,6 +78,18 @@
 			] as PlayerEvent[]);
 		});
 
+		player.addEventListener('play', () => {
+			conn.send([
+				{
+					type: 'play'
+				},
+				{
+					type: 'seek',
+					time: player.currentTime
+				}
+			] as PlayerEvent[]);
+		});
+
 		player.addEventListener('waiting', () => {
 			conn.send([
 				{
@@ -194,7 +206,15 @@
 	<div class="grid">
 		<div class="s12 m12 l10">
 			{#key data.video.videoId}
-				<Player {data} {audioMode} {playlistVideos} bind:seekTo bind:currentTime bind:player />
+				<Player
+					{data}
+					{audioMode}
+					{playlistVideos}
+					isSyncing={!peer}
+					bind:seekTo
+					bind:currentTime
+					bind:player
+				/>
 			{/key}
 
 			<h5>{data.video.title}</h5>