DigitalInfinity/NAI_Photobox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed max width of image

Browse Source
This commit is contained in:
Alexander Gabriel 2026-06-08 21:24:33 +02:00
parent 765c154c0e
commit a47e1eb104
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/views/livewire/camera-capture.blade.php
View File

@ -2,7 +2,7 @@
x-data="{ lightbox: null }" x-data="{ lightbox: null }"
x-on:keydown.escape.window="lightbox = null"> x-on:keydown.escape.window="lightbox = null">
<div class="relative w-full max-w-2xl"> <div class="relative w-full max-w-7xl">
<video id="video" autoplay playsinline <video id="video" autoplay playsinline
class="w-full rounded-2xl shadow-2xl bg-gray-900 aspect-video object-cover" style="transform: scaleX(-1);"></video> class="w-full rounded-2xl shadow-2xl bg-gray-900 aspect-video object-cover" style="transform: scaleX(-1);"></video>
@ -95,7 +95,7 @@
async function startCamera() { async function startCamera() {
try { try {
const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 640, height: 480 }, audio: false }); const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
video.srcObject = stream; video.srcObject = stream;
} catch { } catch {
$wire.set('status', 'Camera access denied or unavailable.'); $wire.set('status', 'Camera access denied or unavailable.');
@ -129,9 +129,9 @@
triggerFlash(); triggerFlash();
canvas.width = 640; canvas.width = video.videoWidth;
canvas.height = 480; canvas.height = video.videoHeight;
canvas.getContext('2d').drawImage(video, 0, 0, 640, 480); canvas.getContext('2d').drawImage(video, 0, 0);
const imageData = canvas.toDataURL('image/jpeg', 0.9); const imageData = canvas.toDataURL('image/jpeg', 0.9);
await $wire.capture(imageData); await $wire.capture(imageData);