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();