[发明专利]一种移动端RN页面录屏回放的方法及装置

说明书

本发明提供了一种移动端RN页面录屏回放的方法及装置，该方法包括：获取移动端RN页面的页面基础信息；获取所述RN页面的页面变化信息，所述页面变化信息包括页面变化记录以及所述页面变化记录对应的时间戳；依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录，以实现录屏回放。本发明的方案通过获取移动端RN页面的页面基础信息和页面变化信息，利用页面变化信息中的变化记录和时间戳在页面基础信息的基础上的进行操作还原，可以在不影响用户体验、只使用少量存储空间的前提下，付出较小的成本，完整录制用户的页面操作过程，并在后续的场景中回放还原用户操作。

技术领域

本发明涉及终端技术领域，特别是一种移动端RN页面录屏回放的方法及装置。

背景技术

录屏回放技术在移动端的应用主要是通过记录用户的界面操作，并在后续情景重放、问题定位等场景中，将用户的操作过程回放还原的一种技术。在H5页面中，目前已经有一些技术手段可以实现录屏回放功能，但是在RN(React Native)页面中，还没有比较满意的解决方案。

目前行业内的移动端RN页面录屏回放解决方案为借助手机自带的系统录屏功能，录制用户的操作过程，然后将录制的视频文件保存到服务端，在需要的时候将视频下载播放，该方案主要有以下缺点：1、录制文件体积大，由于使用的是系统录屏功能，虽然录制的清晰度比较高，但是录制的文件体积过大，录制一分钟普通分辨率的视频就超过十几兆，对于企业来说这是无法接受的。用户量越多，使用时间越长，录制的视频越大，需要消耗非常大的带宽和服务器资源，带来巨大的经济成本。2、录屏信息保存困难，由于录制的文件体积巨大，从客户端保存到服务端需要消耗较多流量，这是用户无法接受的。一是会占用用户的上传带宽，二是可能会浪费用户的流量，三是视频文件的保存会需要非常长的时间，无法做到实时保存。3、依赖客户端，由于需要调用系统的录屏功能，涉及隐私权限调用等底层系统能力，对于RN开发来说，还需要依赖客户端技术支持才能实现录屏功能，存在技术依赖，且不同的客户端需要分别实现。上述录屏回放技术，需要依赖客户端的支持，占用较大的存储空间，需要付出较大的成本，且无法做到不影响用户体验，并不适合大规模投入使用，且成本高昂。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的移动端RN页面录屏回放的方法及装置。

根据本发明的第一方面，提供了一种移动端RN页面录屏回放的方法，所述方法包括：

获取移动端RN页面的页面基础信息，所述页面基础信息为移动端执行录屏操作时记录的RN页面数据结构关联的信息；

获取所述RN页面的页面变化信息，所述页面变化信息包括页面变化记录以及所述页面变化记录对应的时间戳；

依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录，以实现录屏回放。

可选地，所述获取移动端RN页面的页面基础信息之前，所述方法还包括：

获取移动端上传至服务端的压缩文件，对所述压缩文件进行解析以得到RN页面的页面基础信息和页面变化信息；

所述压缩文件为所述移动端在设定条件下自动上传至所述服务端或响应于用户操作上传至所述服务端；所述设定条件包括网络环境条件和/或移动端运行环境条件。

可选地，所述页面基础信息为所述移动端对RN页面进行以下处理得到：

获取RN页面的源代码元素结构信息，并将所述源代码元素结构信息转换为JSON数据结构；

提取所述RN页面中的可视元素；

基于所述可视元素和所述JSON数据结构得到移动端RN页面的页面基础信息。

可选地，所述所述页面变化信息为所述移动端对RN页面进行监控操作得到：