fix(ceremony): play glitch background on ios (#3032)

unionlabs · Sep 27, 2024 · cce4a43 · cce4a43
2 parents 3e6ccaa + f0df9e4
commit cce4a43
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ceremony/ceremony.nix b/ceremony/ceremony.nix
@@ -55,7 +55,7 @@ _: {
               export VITE_SUPABASE_ANON_KEY="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im90ZmFhbWR4bWdua2pxc29zeHllIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjEzMjA5NDMsImV4cCI6MjAzNjg5Njk0M30.q91NJPFFHKJXnbhbpUYwsB0NmimtD7pGPx6PkbB_A3w"
 
               npm install
-              npm run dev
+              npm run dev -- --host
             '';
           };
         };

diff --git a/ceremony/src/routes/+layout.svelte b/ceremony/src/routes/+layout.svelte
@@ -42,6 +42,13 @@ watch(
     contributor.setUserId(user.session?.user.id)
   }
 )
+
+$effect(() => {
+  if (!showBootSequence) {
+    // @ts-ignore
+    document.getElementById("glitch-video").play()
+  }
+})
 let showBootSequence = $state(true)
 let bootSequenceVideoElement = $state<HTMLVideoElement | null>(null)
 
@@ -72,6 +79,7 @@ const hideBootSequenceVideo = () => (showBootSequence = false)
   </video>
 {:else}
   <video
+    id="glitch-video"
     loop
     muted
     autoplay