opencv 如何在HTML和JavaScript的帮助下从浏览器访问Python(Django)网络摄像头?

qkf9rpyu  于 8个月前  发布在  Java
关注(0)|答案(2)|浏览(90)

我试图创建一个网络应用程序,我需要从网络摄像头获取视频输入到JavaScript或HTML,并将其传递给Python(Django),在那里我可以使用OpenCV与每一帧。

2q5ifsrm

2q5ifsrm1#

您可以使用WebRTC API从摄像机捕获或流式传输视频。您可以在https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API上查看此文档。
还有这个Python https://github.com/aiortc/aiortc的WebRTC实现
希望链接有用。

iyfjxgzm

iyfjxgzm2#

要访问Django模板中的相机,您需要使用JavaScript沿着HTML来捕获相机提要。下面是我是如何做到的:

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" 
    crossorigin="anonymous">
    
<div class="container">
        <div class="row justify-content-center">
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <video id="camerafeed" autoplay controls=""></video>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script>
        navigator.mediaDevices.getUserMedia({ video: true })
            .then(function (stream) {
                document.getElementById('camerafeed').srcObject = stream;
            })
            .catch(function (error) {
                console.log('Camera access error:', error);
            });
    </script>

相关问题