Sync default backgound video across roommates

ed-asriyan · Feb 4, 2025 · f23ce84 · f23ce84
1 parent 613e3bb
commit f23ce84
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/components/video-player/index.svelte b/src/components/video-player/index.svelte
@@ -58,9 +58,8 @@
         clearInterval(watchMinuteAnalyticsTimeInterval);
     });
 
-    const getRandomDefaultVideo = function (): string {
-        return defaultVideos[Math.floor(Math.random() * defaultVideos.length)];
-    };
+    let urlUpdatedAt = $derived(room?.url?.updatedAt);
+    let defaultVideo = $derived(defaultVideos[Math.round($urlUpdatedAt % defaultVideos.length)]);
 
     let currentVideoTime = 0;
     let saveCurrentTime = true;
@@ -141,8 +140,18 @@
                     {/if}
                 {/await}
             {:else}
-                {#if defaultVideos}
-                    <VideoPlayerVidstack source={normalizeSource(getRandomDefaultVideo())} muted={true}/>
+                {#if defaultVideo}
+                    <VideoPlayerVidstack
+                        source={normalizeSource(defaultVideo)}
+                        bind:paused={$paused}
+                        bind:currentTime={$currentTime}
+                        bind:muted={muted}
+                        on:seeked={onSeeked}
+                        on:seeking={onSeeking}
+                        on:pause={onPause}
+                        on:play={onPlay}
+                        on:timeupdate={onTimeUpdate}
+                    />
                 {/if}
             {/if}
         {/if}

diff --git a/src/stores/room/bound-timed-store.ts b/src/stores/room/bound-timed-store.ts
@@ -13,7 +13,7 @@ export class BoundTimedStore<T> implements Writable<T> {
     readonly updatedAt: Readable<number>;
 
     constructor (ref: DatabaseReference, defaultValue: T, tolerance: number = 0) {
-        const defauleRaw = { value: defaultValue, updatedAt: 0 };
+        const defauleRaw = { value: defaultValue, updatedAt: now() };
         this.remote = new BoundStore(ref, defauleRaw);
         this.store = writable<TimedValue<T>>(defauleRaw, set => {
             return this.remote.subscribe(newValue => {