import { startCamera, grabFrame } from './camera.js';

const app = document.querySelector('#app');
app.innerHTML = `
  <video id="v" style="width:100%"></video>
  <button id="b" style="min-height:56px;width:100%">Bild aufnehmen</button>
  <pre id="out"></pre>
`;

const video = document.querySelector('#v');
const out = document.querySelector('#out');

startCamera(video)
  .then(() => { out.textContent = 'Kamera laeuft'; })
  .catch((error) => { out.textContent = `Kamera nicht verfuegbar: ${error.message}`; });

document.querySelector('#b').addEventListener('click', () => {
  const frame = grabFrame(video);
  out.textContent = `Bild: ${frame.width}x${frame.height}`;
});