Question

我正在使用网络摄像头每10秒捕获一次图像，而实际上并未显示网络摄像头。它可以工作，但是有2个主要问题正在处理，将不胜感激。

为了禁用网络摄像头流式传输视图，我必须将可见性设置为“隐藏” 。我正在寻找一种更有效的方法，因为这实际上无法完成工作。
我需要能够在捕捉新图片之前检测网络摄像头是否仍处于活动状态或每隔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>

jQuery摄像头定期捕获而没有显示摄像头

0 个答案: