Мне нужно потоковое видео, а ниже этого потокового видео я должен отображать изображения, которые динамически изменяются в зависимости от сценария, в том же файле HTML.
stream.py
#!/usr/bin/env python
from flask import Flask, render_template, Response
import cv2
import sys
import numpy
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
def get_frame():
camera_port=0
camera=cv2.VideoCapture(camera_port) #this makes a web cam object
while True:
retval, im = camera.read()
imgencode=cv2.imencode('.jpg',im)[1]
stringData=imgencode.tostring()
yield (b'--frame\r\n'
b'Content-Type: text/plain\r\n\r\n'+stringData+b'\r\n')
del(camera)
@app.route('/calc')
def calc():
return Response(get_frame(),mimetype='multipart/x-mixed-replace; boundary=frame')
if __name__ == '__main__':
app.run(host='localhost', debug=True, threaded=True)
index.html Это мой шаблон рендеринга.Который динамически идет по пути calc
<html>
<head>
<title>Video Streaming Demonstration</title>
</head>
<body>
<h1>Video Streaming Demonstration</h1>
<img src="{{ url_for('calc') }}">
</body>
</html>
Теперь, помимо отображения видео, я хочу отображать изображения, которые меняются после определенного периода времени, в том же HTML.Тогда как это сделать?