python,gjango框架,web网页,使用cv2,获取和显示摄像头

文章展示了如何结合opencv-python库和浏览器的getUserMediaAPI,在Djangoweb应用中创建一个实时摄像头视频流。通过Django视图函数生成视频帧,并以multipart/x-mixed-replace内容类型返回给前端。
摘要由CSDN通过智能技术生成

准备:

下载安装 opencv-python ,numpy

stupg.html

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>摄像头</title>
   </head>
   <body>
      <h1>Webcam Stream</h1>
      <video id="video" width="640" height="480" autoplay></video>

      <script type="text/javascript">
         var video = document.getElementById('video');

         if (navigator.mediaDevices.getUserMedia) {
            navigator.mediaDevices.getUserMedia({ video: true })
            .then(function (stream) {
               video.srcObject = stream;
            })
            .catch(function (err0r) {
               console.log("Something went wrong!");
            });
         }
      </script>
   </body>
</html>

urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('webcam/', views.webcam_view, name='stupg'),
]

views.py

import cv2
def webcam_feed():
    cap = cv2.VideoCapture(0)
    while True:
        ret, frame = cap.read()

        image = cv2.resize(frame, (640, 480))
        _, buffer = cv2.imencode('.jpg', image)

        frame = buffer.tobytes()
        yield (b'--frame\r\n'
                b'Content-Type: image/jpeg\r\n\r\n' + frame + b'\r\n')

    cap.release()

def webcam_view(request):
    return StreamingHttpResponse(webcam_feed(), content_type="multipart/x-mixed-replace;boundary=frame")

亲测有效

本小白在网上找了好多资源都用不了,甚至一度想框架嵌框架,发现嵌入框架还是不行,无奈去找了写代码的,80!!!,学生党几天的饭钱,果断放弃,柳暗花明又一村啊,看到chitgpt,无聊去试试,居然真的可以!!!真的很棒!!!,以上代码是chitgpt给出来的

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值