Я работаю над использованием веб-камеры для захвата изображений каждые 10 секунд без отображения веб-камеры.Это работает, но есть две основные проблемы, с которыми мы сталкиваемся и будем признательны за любую помощь.
- Чтобы отключить потоковое представление веб-камеры, Мне пришлось установить видимость на скрытую ,Я ищу более эффективный способ, так как на самом деле это не делает работу.
- Мне нужно быть в состоянии определить, активна ли веб-камера или установлена с интервалом каждые 10 секунд, прежде чем снимать новое изображение.Это необходимо, чтобы избежать этой ошибки: «Ошибка Webcam.js: веб-камера еще не загружена».
Я пробовал "navigator.getUserMedia", но он не работал.Затем я обнаружил плагин (http://www.xarg.org/project/jquery-webcam-plugin/), который проверяет, есть ли на ноутбуке веб-камера, но еще никто не может определить, активен ли поток веб-камеры или загружен в данный момент.
Мой код:
<!DOCTYPE html>
<html lang="en">
<head>
<title>WebCam Test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>
</head>
<body>
<!--I need to disable the webcam from displaying on the frontend-->
<div id="webcam" style="visibility: hidden"></div>
<script type="text/javascript">
$(function() {
Webcam.set({
width: 600,
height: 460,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.attach( '#webcam' );
setInterval(function()
{
// On every interval, I need to detect if the Webcam is still active before trying to capture an image.
// Because if the webcam is not active or if I disabled it from the beginning, its leads to this recurrent error: "webcam.js error: webcam is not loaded"
captureWebCam();
}, 10000);
function captureWebCam() {
Webcam.snap( function(data_uri) {
Webcam.upload( data_uri, 'store_image.php', function(code, text) {
//Uploaded Successfully
} );
} );
}
});
</script>
</body>
</html>