Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)

最新推荐文章于 2024-07-15 14:16:17 发布

ZZY_dl

最新推荐文章于 2024-07-15 14:16:17 发布

阅读量2.8k

点赞数 8

分类专栏： # flask 文章标签： flask 前端 python

本文链接：https://blog.csdn.net/m0_51004308/article/details/122440065

版权

flask 专栏收录该内容

6 篇文章 3 订阅

订阅专栏

文章目录

单摄像头推网页
多摄像头推网页(同一界面显示)

单摄像头推网页

需求：

电脑摄像头
index.html
app.py
Pycharm平台

index.html

<html>
  <head>
    <title>Video Streaming Demonstration</title>
  </head>
  <body>
    <h1>Video Streaming Demonstration</h1>
    <img src="{{ url_for('video_feed') }}" height="500">
  </body>
</html>

app.py

import cv2
from flask import Flask, render_template, Response

app = Flask(__name__)


@app.route('/')
def index():
    return render_template('index.html')


def gen():
    vid = cv2.VideoCapture(0)
    while True:
        return_value, frame = vid.read()
        image = cv2.imencode('.jpg', frame)[1].tobytes()
        yield (b'--frame\r\n'
               b'Content-Type: image/jpeg\r\n\r\n' + image + b'\r\n')


@app.route('/video_feed')
def video_feed():
    return Response(gen(), mimetype='multipart/x-mixed-replace; boundary=frame')


if __name__ == '__main__':
    app.run()

显示界面
在这里插入图片描述

多摄像头推网页(同一界面显示)

ZZY_dl

关注

8
点赞
踩
32

收藏

觉得还不错? 一键收藏
打赏
11
评论
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)

文章目录单摄像头推网页多摄像头推网页(同一界面显示)单摄像头推网页需求：电脑摄像头index.htmlapp.pyPycharm平台index.html<html> <head> <title>Video Streaming Demonstration</title> </head> <body> <h1>Video Streaming Demonstration</h1
复制链接

扫一扫