Explorer & Editor

📁 Folder Navigator

Position: Root / faith / vpnp1 / network / clients / studio

Folders

📁 socialmedia

📁 uploads

Files

📄 record.html

📄 script.js

📄 upload.php

📝 File Editor

Editing: script.js

// Get HTML elements
const webcamVideo = document.getElementById('webcamVideo');
const startButton = document.getElementById('startButton');
const recordButton = document.getElementById('recordButton');
const stopButton = document.getElementById('stopButton');
const videoNameInput = document.getElementById('videoNameInput');
const uploadStatus = document.getElementById('uploadStatus');

let mediaRecorder;
let recordedChunks = [];

startButton.addEventListener('click', async () => {
    try {
        // Request access to camera and microphone
        const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
        webcamVideo.srcObject = stream;
        recordButton.disabled = false;
        startButton.disabled = true;
    } catch (err) {
        console.error('Error accessing media devices:', err);
        alert('Could not access camera/mic. Please ensure permissions are granted.');
    }
});

recordButton.addEventListener('click', () => {
    recordedChunks = [];
    // Use MediaRecorder API
    mediaRecorder = new MediaRecorder(webcamVideo.srcObject, { mimeType: 'video/webm' });
    mediaRecorder.ondataavailable = (event) => {
        if (event.data.size > 0) {
            recordedChunks.push(event.data);
        }
    };
    mediaRecorder.onstop = () => {
        const blob = new Blob(recordedChunks, { type: 'video/webm' });
        uploadVideo(blob);
    };
    mediaRecorder.start();
    recordButton.disabled = true;
    stopButton.disabled = false;
    uploadStatus.textContent = 'Recording started...';
});

stopButton.addEventListener('click', () => {
    mediaRecorder.stop();
    recordButton.disabled = false;
    stopButton.disabled = true;
    uploadStatus.textContent = 'Recording stopped. Uploading...';
});