Toegang tot webcam en microfoon

Crowl.media.js

Mert de media-class kan je de webcam en microfoon van het toestel starten, opnames maken en downloaden.

Camera

  • startWebcamProcess: camera initailiseren
  • startRecording: opname starten (zonder audio)
  • stopRecording: opname stoppen
  • toggleWebcamProcess: webcam pauzeren (ook tijdens opname) en herstarten
  • stopWebcamProcess: webcam verwijderen
        //Initialiseer media: als parameter geef je de id mee van het HTML-element dat als camera en microfoon gaat dienen.
        const media = new Media('cam', 'mic');
        // Schakel debugmodus in
        media.updateDebug(true);

        // Start de webcam
        startcam.addEventListener("click", function() {
            media.startWebcamProcess();
        });

        //opname starten
        record.addEventListener("click", function() {
            media.startRecording();
        });

        //webcam pauzeren en weer inschakelen
        pcam.addEventListener("click", function() {
            media.toggleWebcamProcess();
        });

        //Webcam verwijderen uit de pagina
        remcam.addEventListener("click", function() {
            media.stopWebcamProcess();
        });
        
        //opname stoppen
        stopcam.addEventListener("click", function() {
            media.stopRecording();
        });

Microfoon 

  • startMicrophoneProcess: microfoon initailiseren
  • startMicrophoneRecording: opname starten
  • stop MicrophoneRecording: opname stoppen
  • toggle MicrophoneProcess: microfoon pauzeren (ook tijdens opname) en herstarten
  • stop MicrophoneProcess: microfoon verwijderen
        startmic.addEventListener("click", function() {
            media.startMicrophoneProcess();
            media.toggleDownload(true);
        });
        recordmic.addEventListener("click", function() {
            media.startMicrophoneRecording();
        });

        pmic.addEventListener("click", function() {
            media.toggleMicrophoneProcess();
        });

        //stopWebcamProcess
        remmic.addEventListener("click", function() {
            media.stopMicrophoneProcess();
        });

        stopmic.addEventListener("click", function() {
            media.stopMicrophoneRecording();

        });

        geta.addEventListener("click", function() {
            var b = media.getAudioBlob();
            console.log(b);
        });

Schakelen tussen blob en download 

Standaard maakt de Media-class een downloadlink aan wanneer de opname wordt stopgezet. Je kan er echter voor kiezen om die link niet zichtbaar te maken en te kiezen voor de video- of audioblob. 

media.toggleDownload(true);

Vervolgens kan je de audio- of videoblob opvragen.

var a = media.getAudioBlob();

//of

var v = media.getVideoBlob();
Volgende pagina