[发明专利]一种基于web的分离式前端图像渲染方法

权利要求书

1.一种基于web的分离式前端图像渲染方法，其特征在于，用于让客户端根据web服务器输出的渲染元素以及摄像头采集的视频数据渲染结合成所述客户端所要显示的前端图像，所述渲染元素由算法服务器基于所述视频数据处理生成并发送给所述web服务器，所述基于web的分离式前端图像渲染方法包括如下步骤：

步骤S1，所述算法服务器在发送所述渲染元素前对该渲染元素进行标准化操作；

步骤S2，所述算法服务器向所述摄像头发送请求并记录该请求与所述摄像头的响应的时间间隔作为算法侧响应间隔，基于该算法侧响应间隔计算得到算法侧视频数据到达时延t₁；

步骤S3，记录所述视频数据通过所述算法服务器与所述web服务器的处理并发送到所述客户端中每步执行的时间戳，基于该时间戳分别计算所述算法服务器的算法执行时间t₂、所述算法服务器与所述web服务器间的算法结果传输时间t₃、所述web服务器的服务器处理时间t₄以及所述web服务器与所述客户端间的渲染传输时间t₅；

步骤S4，所述客户端向所述摄像头发送请求并记录该请求与所述摄像头的响应的时间间隔作为客户侧响应间隔，基于该客户侧响应间隔计算得到客户侧视频数据到达时延t₆；

步骤S5，所述客户端对所述摄像头传输的视频数据进行解析，并根据t₁、t₂、t₃、t₄、t₅以及t₆计算所述渲染元素与所述视频数据到达的时间差，基于该时间差获取与所述渲染元素对应帧的所述视频数据并在显示界面上做逐帧渲染展示，

其中，所述步骤S3包括以下子步骤：

步骤S3-1，记录所述视频数据到达算法服务器的时间戳，并记录算法执行完毕且所述算法服务器发送算法结果时的时间戳，从而计算所述算法执行时间t₂；

步骤S3-2，记录所述web服务器收到所述算法结果的时间戳，从而计算所述算法结果传输时间t₃；

步骤S3-3，记录所述web服务器向所述客户端发送所述渲染元素的时间戳，从而计算所述服务器处理时间t₄；

步骤S3-4，记录所述客户端接收到所述渲染元素的时间戳，从而计算所述的渲染传输时间t₅。

2.根据权利要求1所述的基于web的分离式前端图像渲染方法，其特征在于：

其中，所述步骤S1包括以下子步骤：

步骤S1-1，为所有需要在所述显示界面上绘制的元素定义对应的数据结构；

步骤S1-2，将所述元素的坐标位置归一化，将x坐标除以所述视频数据的图像宽度作为归一化x坐标，将y坐标除以所述视频数据的图像高度作为归一化y坐标；

步骤S1-3，将所述元素的大小归一化得到所述渲染元素，对所述元素的大小进行归一化时宽和高相关的数值都为相对于所述视频数据的图像宽和高的比例值。

3.根据权利要求1所述的基于web的分离式前端图像渲染方法，其特征在于：

其中，所述时间差的计算方式为：Δt＝t₁+t₂+t₃+t₄+t₅-t₆，

所述算法服务器向所述摄像头发送的请求以及所述客户端向所述摄像头发送的请求都为多次，所述算法侧视频数据到达时延t₁以及客户侧视频数据到达时延t₆为基于多次所述请求得到的平均时延，

所述算法执行时间t₂、所述算法结果传输时间t₃、所述服务器处理时间t₄以及所述渲染传输时间t₅为通过多次所述步骤S3计算修正得到的相对稳定的数值。

4.根据权利要求1所述的基于web的分离式前端图像渲染方法，其特征在于：

其中，所述逐帧渲染为非精确对齐式渲染，所述客户端在基于该时间差获取与所述渲染元素对应帧的所述视频数据时，根据所述时间差以及所述视频数据的帧数通过近似准确计算得到相应的帧数差，从而获取与所述渲染元素对应帧的所述视频数据。