如何在HTML和Javascript的帮助下，从浏览器中使用python(Django)访问我的网络摄像头

Question

我正在尝试创建一个网络应用程序，我需要将网络摄像头的视频输入转换为Javascript或HTML，并将其传递给Python(Django(，在那里我可以对每一帧使用OpenCV。

Answer 1

您可以使用WebRTC API从相机捕获或流式传输视频。您可以在上面查看此文档https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API.

还有这个针对Python的WebRTC实现https://github.com/aiortc/aiortc

我希望这些链接有用。

Answer 2

要访问Django模板中的摄像头，您需要使用JavaScript和HTML来捕获摄像头提要。我是这样做的：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/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>