Von Website auf Webcam des Besucher zugreifen

Question

Wie kann ich auf einer Website auf die Webcam des Besucher zugreifen und ihm ein Video davon anzeigen?

Answer 1

Das kannst du mit der getUserMedia() Funktion aus der WebRTC API. Zuerst erstelle ein video Element.

<video id="webcam" autoplay playsinline></video>

Mit Javascript greifst du via API auf die Kamera des Benutzer zu.

<script>
const video = document.getElementById('webcam');

navigator.mediaDevices.getUserMedia({ video: true, audio: false })
  .then(stream => {
    video.srcObject = stream;
  })
  .catch(error => {
    console.error('Zugriff auf Webcam verweigert oder Fehler:', error);
  });
</script>