[Flask + OpenCV]制作实时视频流播放网页

最新推荐文章于 2024-09-19 22:23:09 发布

JstuCheng

最新推荐文章于 2024-09-19 22:23:09 发布

阅读量6k

点赞数 11

分类专栏： python OpenCV 文章标签： flask

本文链接：https://blog.csdn.net/qq_41979513/article/details/99288128

版权

python 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

OpenCV

3 篇文章 1 订阅

订阅专栏

参考博文： https://blog.miguelgrinberg.com/post/video-streaming-with-flask

新建以下目录

在这里插入图片描述

1、在app中输入以下代码，需要安装opencv

from flask import Flask, render_template, Response
import cv2
 
class VideoCamera(object):
    def __init__(self):
        self.cap = cv2.VideoCapture("rtmp://***************") 
    
    def __del__(self):
        self.cap.release()
    
    def get_frame(self):
        success, image = self.cap.read()
        ret, jpeg = cv2.imencode('.jpg', image)
        return jpeg.tobytes()
 
app = Flask(__name__)
 
@app.route('/') 
def index():
    return render_template('index.html')
 
def gen(camera):
    while True:
        frame = camera.get_frame()
        yield (b'--frame\r\n'
               b'Content-Type: image/jpeg\r\n\r\n' + frame + b'\r\n\r\n')
 
@app.route('/video_feed')
def video_feed():
    return Response(gen(VideoCamera()), mimetype='multipart/x-mixed-replace; boundary=frame')

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=5000)

2、在templates文件夹中，新建index.html填写以下内容

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