如何在HTML页面的视频流上进行一些图像处理

时间:2018-07-19 16:54:45

标签: python django image-processing html5-video

我有一个python项目,其中从网络摄像头获取视频流,并对其进行进一步的图像处理,我想使用Django将这个项目转换为一个网络应用程序。

为此,由于有了这样有用的链接Accessing Your Webcam in HTML,我可以访问我的网络摄像头视频流,但我真正需要的是将视频流馈送到我的项目中,并在HTML页面中显示输出流。

我将不胜感激。

1 个答案:

答案 0 :(得分:0)

我找到了一种将视频流从后端(烧瓶)发送到前端(html)的解决方案。

您应该访问此有用的链接:Video Streaming with Flask

但是总的来说,您可以看到代码的打击。您需要一个响应,该响应采用诸如 gen()之类的功能作为输入。而 gen()会产生流图像。

from flask import Flask, render_template, Response
from camera import Camera

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')

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

if __name__ == '__main__':
    app.run(host='0.0.0.0', debug=True)