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

images as big as possible

Browse Source
This commit is contained in:
Alexander Gabriel 2026-06-28 15:51:14 +00:00
parent a4a36087e4
commit 5e716f24bd
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,7 @@
<div class="mt-6 w-full max-w-xs"> <div class="mt-6 w-full max-w-xs">
<select wire:model="photoprofileId" <select wire:model="photoprofileId"
class="w-full rounded-full bg-white/10 text-white border border-white/20 px-5 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-white/40 appearance-none text-center"> class="w-full rounded-full bg-black/50 text-white border border-white/20 px-5 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-white/40 appearance-none text-center">
@foreach ($photoprofiles as $id => $name) @foreach ($photoprofiles as $id => $name)
<option value="{{ $id }}">{{ $name }}</option> <option value="{{ $id }}">{{ $name }}</option>
@endforeach @endforeach
@ -104,7 +104,10 @@
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: { width: { ideal: 4096 }, height: { ideal: 2160 } },
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.');
@ -138,9 +141,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, video.videoWidth, video.videoHeight);
const imageData = canvas.toDataURL('image/jpeg', 0.9); const imageData = canvas.toDataURL('image/jpeg', 0.9);
await $wire.capture(imageData); await $wire.capture(imageData);