feat: fix ios camera preview bug

NuttyShrimp · Apr 22, 2024 · 4859cb9 · 4859cb9
1 parent d5005cb
commit 4859cb9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/Camera.vue b/components/Camera.vue
@@ -55,6 +55,9 @@ const loadCamera = (deviceId: ConstrainDOMString) => {
         return;
       };
       video.value.srcObject = stream
+      video.value.onloadedmetadata = function (e) {
+        cameraView.play()
+      }
 
       window.localStorage.setItem(deviceStorageToken, deviceId.toString())
     })
@@ -202,7 +205,7 @@ defineExpose({
 <template>
   <div class="not-prose">
 
-    <video v-if="deviceId" ref="video" class="w-full object-contain" autoplay />
+    <video v-if="deviceId" ref="video" class="w-full object-contain" autoplay muted playsinline />
     <div v-else>
       <USkeleton class="w-[95vw] h-[85svh]" />
     </div>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -33,6 +33,7 @@ export default defineNuxtConfig({
       name: 'SnapHold',
       short_name: 'SnapHold',
       theme_color: '#ffffff',
+      display: "standalone",
       icons: [
         {
           src: 'pwa-192x192.png',