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

文章目录

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

单摄像头推网页

需求:

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

index.html

<html>
  <head>
    <title>Video Streaming Demonstrationtitle>
  head>
  <body>
    <h1>Video Streaming Demonstrationh1>
    <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()

显示界面
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)_第1张图片

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

你可能感兴趣的:(#,flask,flask,前端,python)