如何使用Python将OpenCV输出发送到浏览器？

Question

我有一个简单的Python脚本，使用OpenCV读取视频并使用YOLO进行物体检测。我的问题是，如何将输出显示为网站上的实时流。
以下是Python代码，保存到output.avi中。

import cv2
from darkflow.net.build import TFNet
import numpy as np
import time
import pafy

options = {
    'model': 'cfg/tiny-yolo.cfg',
    'load': 'bin/yolov2-tiny.weights',
    'threshold': 0.2,
    'gpu': 0.75
}

tfnet = TFNet(options)
colors = [tuple(255 * np.random.rand(3)) for _ in range(10)]

capture = cv2.VideoCapture()
capture.open("rtmp://888888888888888")

fourcc = cv2.VideoWriter_fourcc(*'XVID')
out = cv2.VideoWriter('output.avi',fourcc, 20.0, (640,480))

#capture = cv2.VideoCapture(url)
capture.set(cv2.CAP_PROP_FRAME_WIDTH, 1920)
capture.set(cv2.CAP_PROP_FRAME_HEIGHT, 1080)

while True:
    stime = time.time()
    ret, frame = capture.read()
    if ret:
        results = tfnet.return_predict(frame)


        for color, result in zip(colors, results):
            if result['label'] == 'person':
                tl = (result['topleft']['x'], result['topleft']['y'])
                br = (result['bottomright']['x'], result['bottomright']['y'])
                label = result['label']
                confidence = result['confidence']
                text = '{}: {:.0f}%'.format(label, confidence * 100)
                frame = cv2.rectangle(frame, tl, br, color, 5)
                frame = cv2.putText(
                    frame, text, tl, cv2.FONT_HERSHEY_COMPLEX, 0.8, (0, 0, 0), 2)
        out.write(frame)
        cv2.imshow('frame', frame)
        print('FPS {:.1f}'.format(1 / (time.time() - stime)))
    if cv2.waitKey(1) & 0xFF == ord('q'):
        break

capture.release()
out.release()
cv2.destroyAllWindows()

- Lee Hannigan

---

您可以使用Gstreamer https://gist.github.com/tetkuz/0c038321d05586841897 或FFMPEG https://www.alkannoide.com/2013/07/04/play-with-ffserver-a-quick-overview/。OpenCV支持这两种工具。FFMPEG需要运行ffserver实例，但不幸的是，ffserver已经被弃用并将很快被删除。因此，我建议您研究一下Gstreamer。 - zindarod

Answer 1

不必将图像写入文件，您可以使用ffmpeg或GStreamer在本地网络上流式传输图像，并使用某些播放器显示流。或者，您可以使用简单的flask服务器和html页面来实现这一点，具体请参见此处：https://blog.miguelgrinberg.com/post/video-streaming-with-flask

- Mehul Jain

---

谢谢，快速浏览该页面似乎正是我想要的。敬礼，李 - Lee Hannigan

我想直接将修改后的视频帧发送到HTML Video标签，而不需要转换为像.jpg这样的图像格式。我该如何实现或是否有其他格式需要转换？ - vinayakumarnk

Answer 2

我有点晚了，但是你可以使用我的VidGear Python库的WebGear，它是一个强大的ASGI视频流API，基于Starlette - 一个轻量级的ASGI框架/工具包。但是这个API仅在testing分支中可用，所以请使用以下命令安装：

要求：仅与Python 3.6+兼容。

git clone https://github.com/abhiTronix/vidgear.git
cd vidgear
git checkout testing
sudo pip3 install .
sudo pip3 uvicorn #additional dependency
cd

 

然后，您可以使用这个完整的Python示例，在网络上任何浏览器上运行地址为http://0.0.0.0:8000/的视频服务器：

#import libs
import uvicorn
from vidgear.gears import WebGear

#various performance tweaks
options = {"frame_size_reduction": 40, "frame_jpeg_quality": 80, "frame_jpeg_optimize": True, "frame_jpeg_progressive": False}

#initialize WebGear app with suitable video file (for e.g `foo.mp4`) 
web = WebGear(source = "foo.mp4", logging = True, **options)

#run this app on Uvicorn server at address http://0.0.0.0:8000/
uvicorn.run(web(), host='0.0.0.0', port=8000)

#close app safely
web.shutdown()

文档

如果仍然出现错误，请在其GitHub存储库中提出问题。

- abhiTronix

Answer 3

使用cv2.imencode将图像编码为jpeg格式，并将其传递给浏览器中的标签。删除cv2.imshow和waitkey会更好，因为它们无法帮助在浏览器中显示，而且会阻止服务器启动。当您按下“q”键后，程序将停止，因此不会有任何输出显示。

相反，创建一个Flask应用程序，具有返回帧的API端点。不要忘记以JPEG格式进行编码，否则它将无法正常工作。

- Prince Kumar