[發(fā)明專利]一種頁面操作錄制方法、裝置、介質(zhì)和設備

有效

• 申請?zhí)枺?/td>: 202111265847.9
• 申請日: 2021-10-28
• 公開（公告）號: CN113946256B
• 公開（公告）日: 2022-11-18
• 發(fā)明（設計）人: 張昊;安曉江;胡伯良
• 申請（專利權(quán)）人: 北京海泰方圓科技股份有限公司
• 主分類號: G06F11/34
• 分類號: G06F11/34
• 代理公司: 北京同達信恒知識產(chǎn)權(quán)代理有限公司 11291
• 代理人: 萬曉君

本公開涉及一種頁面操作錄制方法、裝置、介質(zhì)和設備。根據(jù)本公開提供的方案，在使用開源框架rrweb錄制瀏覽器標簽頁面操作的基礎上，重寫了rrweb中的snapshot方法，改進獲取序列化快照的操作，在獲取序列化快照的同時，還獲取頁面標識，以標識獲取的序列化快照對應的標簽頁面。從而在一次頁面操作錄制過程中，可以監(jiān)聽處于瀏覽器焦點的標簽頁面變化，針對變化的處于瀏覽器焦點的標簽頁面不斷獲取序列化快照，延長頁面操作錄制的生命周期，保證頁面操作錄制的完整性。

技術領域

本公開涉及通信技術領域，特別涉及一種頁面操作錄制方法、裝置、介質(zhì)和設備。

背景技術

現(xiàn)有的瀏覽器標簽(tab)頁面操作錄制技術，包括以下三種：命令行工具(FFmpeg)技術，網(wǎng)頁即時通信(webRTC)技術和第三方瀏覽器擴展技術。

FFmpeg技術的基本原理是依據(jù)設定的幀率，調(diào)用系統(tǒng)應用程序接口(API) 得到當前的畫面并截圖為視頻幀，再用FFmpeg編碼成視頻。

webRTC技術即web即時通信技術，其底層也是通過FFmpeg進行音視頻的編碼。其通過瀏覽器調(diào)用系統(tǒng)API獲取媒體流，再將獲取到的媒體流使用FFmpeg編碼成音視頻。

第三方瀏覽器擴展技術實現(xiàn)的頁面操作錄制與FFmpeg技術、webRTC技術大同小異，其通過調(diào)用系統(tǒng)API進行瀏覽器擴展，完成頁面操作屏幕錄制及存儲操作。

使用上述技術錄制頁面操作，存在存儲高分辨率且時長較長的頁面操作視頻需要占用大量的存儲空間，會造成存儲空間不足的問題。

為了減少存儲空間的占用，可以使用重播回放組件(rrweb)，通過記錄當前訪問tab頁面的文檔對象模型(DOM)變化，實現(xiàn)頁面操作錄制。

使用rrweb錄制頁面操作的基本流程為：先記錄當前訪問頁面的初始DOM 狀態(tài)或者某個特定時刻的DOM狀態(tài)，獲得初始全量快照。后續(xù)收集該頁面不同時間點的DOM變化作為一個增量快照。在初始全量快照的基礎上，通過操作行為解析不斷獲得DOM變化數(shù)據(jù)，構(gòu)建后續(xù)的增量快照，從而有效減少大量數(shù)據(jù)的存儲。

但使用rrweb框架進行瀏覽器tab頁面操作的錄制，目前只能針對單個tab 頁面進行頁面操作錄制，無法保證錄制的完整性。

發(fā)明內(nèi)容

本公開實施例提供一種頁面操作錄制方法、裝置、介質(zhì)和設備，用于解決頁面操作錄制不完整的問題。

第一方面，本公開提供了一種頁面操作錄制方法，所述方法包括：

接收頁面操作錄制啟動請求；

若接收到頁面操作錄制啟動請求，監(jiān)聽標簽頁面切換請求；

若未監(jiān)聽到標簽頁面切換請求，獲取第一頁面文檔對象模型的初始全量快照，所述第一頁面文檔對象模型每次發(fā)生變化對應的增量快照，以及所述第一頁面的標識；

其中，所述第一頁面為所述頁面操作錄制啟動請求對應的處于瀏覽器焦點的標簽頁面。

可選的，所述方法還包括：

若監(jiān)聽到標簽頁面切換請求，將獲取的第二頁面文檔對象模型的初始全量快照、增量快照以及所述第二頁面的標識轉(zhuǎn)換為指定格式的重播數(shù)據(jù)，按照轉(zhuǎn)換得到重播數(shù)據(jù)的順序保存該重播數(shù)據(jù)；并，

獲取第三頁面文檔對象模型的初始全量快照，所述第三頁面文檔對象模型每次發(fā)生變化對應的增量快照，以及所述第三頁面的標識；

其中，所述第二頁面為切換前處于瀏覽器焦點的標簽頁面，所述第三頁面為切換后處于瀏覽器焦點的標簽頁面。

可選的，所述方法還包括：

監(jiān)聽頁面操作錄制結(jié)束請求；