数据处理方法、客户端、服务端、计算设备及存储介质技术

本发明专利技术公开了一种数据处理方法、客户端、服务端、计算设备及存储介质。方法包括:客户端响应于页面录制触发指令，获取并存储初始采样时刻对应的所有DOM节点的节点数据；以及针对于任一非初始采样时刻，识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点，并存储该非初始采样时刻对应的差异DOM节点的节点数据；将存储的各个采样时刻对应的节点数据发送至服务端，以供服务端根据各个采样时刻对应的节点数据生成各个采样时刻对应的图片文件，并根据图片文件生成录制视频。采用本方案，能够由客户端自身完成网页录制，简化用户操作；并且本方案存储的是各个采样时刻相对于上一采样时刻的差异DOM节点的节点数据，从而节约客户端的存储资源。户端的存储资源。户端的存储资源。

【技术实现步骤摘要】
数据处理方法、客户端、服务端、计算设备及存储介质


[0001]本专利技术涉及数据处理
，具体涉及一种数据处理方法、客户端、服务端、计算设备及存储介质。

技术介绍

[0002]随着科技及社会的不断发展，各类互联网产品的出现极大丰富了人们的工作与生活。许多互联网产品通常会为用户提供网络页面(简称网页)，用户在使用网页过程中通常会有网页录屏需求。例如，在证据留存、问题记录等场景下需进行网页录屏。
[0003]然而，专利技术人在实施过程中发现，现有技术中存在如下缺陷：现有技术通常需要额外的录屏应用来进行网页录屏，从而增加用户的使用成本；而且现有技术中客户端需要存储大量的录制数据，增加了客户端的存储压力以及存储成本。

技术实现思路

[0004]鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的数据处理方法、客户端、服务端、计算设备及存储介质。
[0005]根据本专利技术的第一方面，提供了一种数据处理方法，包括：
[0006]响应于页面录制触发指令，获取初始采样时刻对应的所有DOM节点的节点数据，并存储初始采样时刻对应的所有DOM节点的节点数据；
[0007]针对于任一非初始采样时刻，获取该非初始采样时刻对应的所有DOM节点的节点数据，并将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对，以识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点，并存储该非初始采样时刻对应的差异DOM节点的节点数据；
[0008]将存储的各个采样时刻对应的节点数据发送至服务端，以供所述服务端根据所述各个采样时刻对应的节点数据生成各个采样时刻对应的图片文件，并根据所述图片文件生成录制视频。
[0009]在一种可选的实施方式中，所述将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对进一步包括：
[0010]按照DOM节点层级从高到低的顺序，分别将处于相同层级的该非初始采样时刻的DOM节点的节点数据与上一采样时刻的DOM节点的节点数据进行比对。
[0011]在一种可选的实施方式中，所述将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对，以识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点进一步包括：
[0012]针对于任一层级，确定该非初始采样时刻对应的处于该层级的DOM节点，并从所述该层级的DOM节点中确定出待比对DOM节点；
[0013]将该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据进行比对；
[0014]若该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据均不匹配，则将待比对DOM节点以及待比对DOM节点的子孙DOM节点作为差异DOM节点，并不再对所述子孙DOM节点进行比对。
[0015]在一种可选的实施方式中，所述方法还包括：向所述服务端发送录制视频查看请求，并接收所述服务端发送的录制视频。
[0016]在一种可选的实施方式中，所述方法还包括：若监测到用户页面录制操作，生成所述页面录制触发指令；
[0017]或者，若检测到用户进入预设场景，生成所述页面录制触发指令。
[0018]根据本专利技术的第二方面，提供了一种数据处理方法，包括：
[0019]接收客户端发送的各个采样时刻对应的节点数据；其中，所述各个采样时刻对应的节点数据包括初始采样时刻对应的所有DOM节点的节点数据，以及各个非初始采样时刻相对于上一采样时刻的差异DOM节点的节点数据；
[0020]针对于任一采样时刻，生成该采样时刻对应的图片文件；
[0021]根据各个采样时刻对应的图片文件生成录制视频。
[0022]根据本专利技术的第三方面，提供了一种客户端，包括：
[0023]获取模块，用于响应于页面录制触发指令，获取初始采样时刻对应的所有DOM节点的节点数据；以及针对于任一非初始采样时刻，获取该非初始采样时刻对应的所有DOM节点的节点数据；
[0024]识别模块，用于针对于任一非初始采样时刻，将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对，以识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点；
[0025]存储模块，用于存储初始采样时刻对应的所有DOM节点的节点数据；以及存储非初始采样时刻对应的差异DOM节点的节点数据；
[0026]发送模块，用于将存储的各个采样时刻对应的节点数据发送至服务端，以供所述服务端根据所述各个采样时刻对应的节点数据生成各个采样时刻对应的图片文件，并根据所述图片文件生成录制视频。
[0027]在一种可选的实施方式中，所述识别模块进一步用于：按照DOM节点层级从高到低的顺序，分别将处于相同层级的该非初始采样时刻的DOM节点的节点数据与上一采样时刻的DOM节点的节点数据进行比对。
[0028]在一种可选的实施方式中，所述识别模块进一步用于：针对于任一层级，确定该非初始采样时刻对应的处于该层级的DOM节点，并从所述该层级的DOM节点中确定出待比对DOM节点；将该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据进行比对；若该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据均不匹配，则将待比对DOM节点以及待比对DOM节点的子孙DOM节点作为差异DOM节点，并不再对所述子孙DOM节点进行比对。
[0029]在一种可选的实施方式中，所述发送模块进一步用于：向所述服务端发送录制视频查看请求；
[0030]所述客户端还包括：接收模块，用于接收所述服务端发送的录制视频。
[0031]在一种可选的实施方式中，所述客户端还包括：指令生成模块，用于若监测到用户页面录制操作，生成所述页面录制触发指令；或者，若检测到用户进入预设场景，生成所述页面录制触发指令。
[0032]根据本专利技术的第四方面，提供了一种服务端，包括：
[0033]接收模块，用于接收客户端发送的各个采样时刻对应的节点数据；其中，所述各个采样时刻对应的节点数据包括初始采样时刻对应的所有DOM节点的节点数据，以及各个非初始采样时刻相对于上一采样时刻的差异DOM节点的节点数据；
[0034]图片生成模块，用于针对于任一采样时刻，生成该采样时刻对应的图片文件；
[0035]视频生成模块，用于根据各个采样时刻对应的图片文件生成录制视频。
[0036]根据本专利技术的第五方面，提供了一种计算设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
[0037]所述存储器用于存放本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：响应于页面录制触发指令，获取初始采样时刻对应的所有DOM节点的节点数据，并存储初始采样时刻对应的所有DOM节点的节点数据；针对于任一非初始采样时刻，获取该非初始采样时刻对应的所有DOM节点的节点数据，并将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对，以识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点，并存储该非初始采样时刻对应的差异DOM节点的节点数据；将存储的各个采样时刻对应的节点数据发送至服务端，以供所述服务端根据所述各个采样时刻对应的节点数据生成各个采样时刻对应的图片文件，并根据所述图片文件生成录制视频。2.根据权利要求1所述的方法，其特征在于，所述将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对进一步包括：按照DOM节点层级从高到低的顺序，分别将处于相同层级的该非初始采样时刻的DOM节点的节点数据与上一采样时刻的DOM节点的节点数据进行比对。3.根据权利要求2所述的方法，其特征在于，所述将该非初始采样时刻对应的所有DOM节点的节点数据与上一采样时刻对应的所有DOM节点的节点数据进行比对，以识别出该非初始采样时刻相对于上一采样时刻的差异DOM节点进一步包括：针对于任一层级，确定该非初始采样时刻对应的处于该层级的DOM节点，并从所述该层级的DOM节点中确定出待比对DOM节点；将该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据进行比对；若该非初始采样时刻对应的待比对DOM节点的节点数据与上一采样时刻对应的处于该层级的各个DOM节点的节点数据均不匹配，则将待比对DOM节点以及待比对DOM节点的子孙DOM节点作为差异DOM节点，并不再对所述子孙DOM节点进行比对。4.根据权利要求1
‑
3中任一项所述的方法，其特征在于，所述方法还包括：向所述服务端发送录制视频查看请求，并接收所述服务端发送的录制视频。5.根据权利要求1
‑
3中任一项所述的方法，其特征在于，所述方法还包括：若监测到用户页面录制操作，生成所述页面录制触发指令；或者，若检测到用户进入预...

【专利技术属性】
技术研发人员：刘东阁，
申请(专利权)人：中化资本数字科技有限公司，
类型：发明
国别省市：