国标GB28181视频平台LiteCVR视频快照增加设备和通道信息功能开发过程

近期，我们对LiteCVR视频调阅的播放页面进行了详细的优化，其中新增了设备和通道信息的快照图片获取功能。今天，我将与大家分享这一优化的代码实现过程。

 在以下代码中，我们新增了一个名为record-file-name的属性：

html

<video src="video.mp4" record-file-name="xxxxx"></video>

当调用播放接口后，我们会为recordFileName属性赋予相应的值，如下所示：

javascript

const videoElement = document.querySelector('video');

const recordFileName = "xxxxx";

videoElement.setAttribute('record-file-name', recordFileName);

通过以上代码实现，我们成功地将recordFileName赋值给了record-file-name属性。这样，在演示测试界面中，您可以看到如下所示的界面：

通过这一优化，我们的LiteCVR视频调阅播放页面变得更加完善，使用者可以方便地查看与设备和通道相关的快照图片信息。

RTMP流媒体服务器LiteCVR通过其卓越的数据接入、处理和分发能力，满足了不断扩大和发展的安防市场需求。同时，该服务器具备兼容性强、灵活拓展度高、安装部署简便等特点。适用于智慧工地、智慧校园、智慧社区、智慧楼宇等多个场景。更多资料可以到www.litemedia.cn了解。