基于zenoh的简单视频查看系统设计

zenoh 包含了灵活以及高效的数据传输能力，同时还支持数据的geo 分片持久化，基于zenoh 内置的一些插件我们就可以快速的

实现一个视频查看系统

参考图

简单说明：我们通过程序对于视频设备的数据进行捕捉，之后通过zenoh 进行数据写入（put操作），对于zenoh router 我们配置存储插件，可以写入到本地，当然也可以写入到远端中（时延可能会高一些，比较适合历史数据回放处理），对于需要进行数据查看的我们可以直接使用zenoh 的webserver 插件，此插件通过multipart/x-mixed-replace content type 可以实现视频数据的实时查看（我们只需要一个html 的image 标签就可以了）

参考代码

视频捕捉

import imutils
import time
import cv2
import zenoh
from imutils.video import VideoStream
conf	= zenoh.Config.from_json5("""
							   {"mode":	"client","connect":{"endpoints":["tcp/127.0.0.1:7447"]}}
							   """)
jpeg_opts = [int(cv2.IMWRITE_JPEG_QUALITY), 100]
time.sleep(1.0)
z = zenoh.open(conf)
vs = VideoStream(src=0).start()
while True:
    raw = vs.read()
    if raw is not None:
        frame = imutils.resize(raw, width=960, height=540)
        _, jpeg = cv2.imencode('.jpg', frame, jpeg_opts)
        print("Sending frame")
        z.put("video/capture/demo", jpeg.tobytes(),encoding=zenoh.Encoding.IMAGE_JPEG)
    else:
        print("Frame is None")
    time.sleep(0.2)

视频查看(直接使用webserver查看，此html文件可以放到存储中也可以通过rest插件的put 操作，可以直接访问)

<!DOCTYPE html>
<html>
    <body>
        <div>
            <input id="img_src" type="text" size="100"
            value="/video/capture/demo?_method=SUB" onchange="document.getElementById('img').src = document.getElementById('img_src').value">
        </div>
        <div>
            <img id="img" src="/video/capture/demo?_method=SUB" />
        </div>
    </body>
</html>

说明

以上是一个简单说明，实际上官方也有相关的示例，目前zenoh 的webserver plugin 缺少安全能力，实际上我们可以基于订阅，或者自定义扩展此实现，就可以实现灵活的安全控制，对于数据的处理我们可以集成多个router 实现灵活的组网，但是注意不同视频分辨率对于带宽的要求是不一样的，实际使用上注意带宽的影响（如果router 之间带宽比较小，会影响整个zenoh 环境的稳定性）