黑马程序员技术交流社区

标题: flask+python 实时视频流输出到前台 [打印本页]

作者: 专注的一批 时间: 2020-8-12 11:32
标题: flask+python 实时视频流输出到前台
问题描述：

1。调用摄像头获取视频流

2。将视频流处理并传递给浏览器

3。不是录制后处理，而是边录制边处理，边传递

4。 flash后台进行处理，而不是在前端处理

问题解决：

方法来源：外汇实时点差https://www.fx61.com/spreads.html

server.py

from flask import Flask, render_template, Response
import cv2

class VideoCamera(object):
def __init__(self):
      # 通过opencv获取实时视频流
      self.video = cv2.VideoCapture(0)

def __del__(self):
      self.video.release()

def get_frame(self):
      success, image = self.video.read()
      # 在这里处理视频帧
      cv2.putText(image, "hello",(10, 30), cv2.FONT_HERSHEY_SIMPLEX, 0.8,(0, 255, 0))
      # 因为opencv读取的图片并非jpeg格式，因此要用motion JPEG模式需要先将图片转码成jpg格式图片
      ret, jpeg = cv2.imencode('.jpg', image)
      return jpeg.tobytes()

app = Flask(__name__,static_folder='./static')

@app.route('/')  # 主页
def index():
# jinja2模板，具体格式保存在index.html文件中
return render_template('index.html')

def gen(camera):
while True:
      frame = camera.get_frame()
      # 使用generator函数输出视频流，每次请求输出的content类型是image/jpeg
      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', debug=True, port=5000)
index.html

<html>
  <head>
<title>Video Streaming Demonstration</title>
  </head>
  <body>
<h1>Video Streaming Demonstration</h1>
<img src="{{ url_for('video_feed') }}">
  </body>
</html>
运行：python server.py
然后就可以在浏览器中看到处理后的视频流了。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2