Веб-страница хоста HTML запрашивает доступ к локальному устройству камеры ⇐ Html

[Anonymous]

Я создал и разместил файловое приложение HTML, которому требуется доступ к локальной камере, которое извлекает кадры изображения и отправляет их на другой сервер. Я разработал простой JavaScript, который позволяет это сделать и который без проблем работает локально. Однако когда я развертываю это приложение в Интернете на службе хостинга и пытаюсь получить доступ к этой веб-странице, оно больше не обращается к камере. Что-то, что имеет смысл из соображений безопасности.
Есть ли способ превратить мой JavaScript в запрос к пользователю получить доступ к функциям камеры с веб-страницы? Каковы потенциальные проблемы безопасности, с которыми мне нужно справиться в моем приложении?
Для справки, мой файл JavaScript выглядит следующим образом:

Код: Выделить всё

 / --- 2️⃣ Start Webcam Stream ---
async function startVideo() {
try {
videoStream = await navigator.mediaDevices.getUserMedia({ video: true });
video.srcObject = videoStream;

connectWebSocket();

// Wait for the socket to open before starting to send to
socket.addEventListener("open", () => startSendingFrames());
} catch (err) {
console.error("Error accessing webcam:", err);
emotionBox.textContent = "⚠️ Cannot access webcam";
}
}

// --- 3️⃣ Stop Webcam Stream ---
function stopVideo() {
if (videoStream) {
videoStream.getTracks().forEach(track => track.stop());
video.srcObject = null;
videoStream = null;
}

// Stop frame sending
if (sendInterval) clearInterval(sendInterval);

// Send stop message to server
if (socket && socket.readyState === WebSocket.OPEN) {
socket.send("STOP_STREAM");
}

// Close socket after a short delay (to allow message to be sent)
setTimeout(() => {
if (socket) socket.close();
}, 100);

emotionBox.textContent = "🛑 Stream stopped";

Что нужно сделать, чтобы потребовать или лучше запросить доступ к камере пользователя?

Подробнее здесь: https://stackoverflow.com/questions/798 ... cal-device