WebRTC - getUserMedia

'use strict';

// In diesem Abschnitt werden alle zu Streamenden MediaObjekte geschrieben (video, audio). In diesem Fall nur Video
// const Deklaration ist die Vergabe einer lokalen Konsante, dieser Wert ist lokal nicht veränderbar
const mediaStreamConstraints = {
  video: true,
};

const localVideo = document.getElementById('OGstream');

// Der eigene Stream, der im Video wiedergegeben wird
// let Deklaration bedeuted sowas ähnliches wie const, sie ist nur in Blöcken gültig
let localStream;

// Diese Funktion dient nur dazu, dass die Variable MediaStream, die vorher übergeben wird als src Quelle für den VideoTag gespeichert wird
function gotLocalMediaStream(mediaStream) {
  localStream = mediaStream;
  localVideo.srcObject = localStream;
}

// Diese Funktion zeigt einen Error in der Konsole an, falls irgendetwas nicht richtig funktioniert hat
function handleLocalMediaStreamError(error) {
  console.log('navigator.getUserMedia error: ', error);
}

// Der MediaStream wird hier initialisiert
navigator.mediaDevices.getUserMedia(mediaStreamConstraints)
  .then(gotLocalMediaStream).catch(handleLocalMediaStreamError);