Видеопоток с веб-камеры для захвата фотографий не работает ⇐ Php

[Anonymous]

Я пытаюсь получить доступ к веб-камере и отобразить видеопоток для съемки фотографий. Я получаю согласие на доступ к камере, то есть всплывающее сообщение, и когда я разрешаю доступ, загорается индикатор передней камеры, но на веб-странице ничего не видно, а кнопка захвата фотографии также не работает. Я много искал, но ничего не нашел.
Ниже приведен его код:
app.js
document.addEventListener("DOMContentLoaded", function() {
const video = document.getElementById('video');
const canvas = document.getElementById('canvas');
const captureButton = document.getElementById('capture');
const photoData = document.getElementById('photo_data');

// Get access to the camera
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
console.log("Camera stream obtained");
video.srcObject = stream;
video.play();
}).catch(function(error) {
console.log("Error accessing camera: " + error);
alert("Could not access the camera. Please check permissions.");
});
} else {
alert("getUserMedia is not supported by your browser.");
}

// Capture photo
captureButton.addEventListener("click", function() {
const context = canvas.getContext('2d');
context.drawImage(video, 0, 0, 320, 240);
const dataURL = canvas.toDataURL('image/png');
photoData.value = dataURL;
canvas.style.display = 'block';
});
});

function submitForm() {
const photoData = document.getElementById('photo_data').value;
if (!photoData) {
alert("Please capture a photo before submitting the form.");
return false;
}
return true; // Ensures the form is submitted
}


это мой файл .php, из которого я получаю доступ к функции веб-камеры




Visitor Form





Visitor Form


Photo


Capture Photo








i tried a lot and searched different articles but couldn't find anything.Kindly guide me.

error screenshot- [1]: https://i.sstatic.net/3KnB14Bl.png


Подробнее здесь: https://stackoverflow.com/questions/791 ... ot-working