Chrome lässt die gehostete HTTP-Site nicht auf Kamera und Mikrofon zugreifen

Question

Ich verwende react-webcam, um ein Selfie für eine Anwendung zu erfassen. Auf localhost funktioniert die react-webcam einwandfrei, während auf dem HTTP gehosteten Webserver der Kamerazugriff standardmäßig auf Chrome verweigert wird. Gibt es Workarounds für den Zugriff auf die Webcam oder andere npm-Plugins, die den Zweck erfüllen?

HINWEIS: Von HTTPS unterstützte Websites dürfen auf das Kamera-Mikrofon & zugreifen. Hier bleibt mir nur die HTTP-Auswahl.

Answer 1

Die reagieren-Webcam verwendet die getUserMedia API die specification Zustände:

Wenn auf einem unsicheren Ursprungs [mixed-content], werden User Agents ermutigt über die Nutzung von navigator.mediaDevices.getUserMedia, Navigator zu warnen. getUserMedia, und alle Präfix-Varianten in ihren Entwicklertools, Fehlerprotokollen usw. Es ist ausdrücklich erlaubt für Benutzeragenten, diese APIs vollständig zu entfernen, wenn sie auf einem unsicheren Ursprung sind, solange sie alle auf einmal entfernen (z. B. sie sollte nicht nur die Prefix-Version auf unsicheren Ursprüngen verfügbar lassen).

Chrome ab Version 47 implementiert dieser Sicherheitspolitik (Source):

mit Chrome Ab 47 sind getUserMedia() nur Anfragen von sicherer Herkunft erlaubt: HTTPS oder localhost.

So können Sie nicht auf Mikrofon oder Kamera ohne eine sichere Verbindung zugreifen.