rrweb-io/rrweb:嵌入在瀏覽器中的錄影機
這是一款瀏覽器的操作錄影機,可以錄製你瀏覽器裡面的所有操作,不用另外尋找或開啟錄屏軟體。rrweb是“記錄和重放Web中操作”的開源庫包,這是一種用於記錄和重放使用者在瀏覽器中操作動作的工具。
目前,rrweb已經解決了錄製和重放中的許多難題,但是在版本1.0釋出之前,資料結構仍然可能會被更改。所以請小心在生產環境中使用rrweb。
rrweb主要由3部分組成:
- rrweb-snapshot,包括快照和重建功能。快照用於將DOM及其狀態轉換為具有唯一識別符號的可序列化資料結構; 重建功能是將快照重建為相應的DOM。
- rrweb,包括兩個功能:記錄和重播。記錄功能用於記錄DOM中的所有動作變化; 重放是根據相應的時間戳逐個重放記錄下的動作變化。
- rrweb-player是 rrweb的一個玩家使用者介面,可以隨時提供基於GUI的功能,如暫停,快進,拖放等功能。
可用於介面測試,遊戲錄製以及會議 培訓現場重放等。
這是 表單錄製重複DEMO,俄羅斯方塊演示!
相關文章
- 使用 CefSharp 在 C# App 中嵌入 Chrome 瀏覽器C#APPChrome瀏覽器
- JS在瀏覽器中的執行機制JS瀏覽器
- WebRTC在瀏覽器中的演示Web瀏覽器
- "幹掉"手機用 UC 瀏覽器瀏覽 Web 網站,UC 瀏覽器強制在頁面底部嵌入噁心 iframe 廣告瀏覽器Web網站
- Directx遊戲中嵌入IE瀏覽器實現過程遊戲瀏覽器
- 瀏覽器中的事件迴圈機制瀏覽器事件
- 判斷是否在微信瀏覽器中瀏覽器
- 在搜狗瀏覽器中啟用WebGL瀏覽器Web
- JavaScript在瀏覽器環境中的非同步JavaScript瀏覽器非同步
- 當在瀏覽器輸入URL回車後,瀏覽器到底做了什麼?瀏覽器渲染機制又是怎樣的?瀏覽器
- 關於微軟 Edge 瀏覽器的 Tracking Prevention 特性在 Angular 應用中的影響微軟瀏覽器Angular
- ANTLR:在瀏覽器中玩語法解析瀏覽器
- Rtsp轉Flv在瀏覽器中播放瀏覽器
- 在 .NET 中開發基於 Chrome 核心的瀏覽器-建立一個簡單瀏覽器Chrome瀏覽器
- js 在瀏覽器中的event loop事件佇列JS瀏覽器OOP事件佇列
- 原生ES-Module在瀏覽器中的嘗試瀏覽器
- 理解瀏覽器的歷史記錄瀏覽器
- 瀏覽器歷史記錄的返回瀏覽器
- 瀏覽器中的Event Loop瀏覽器OOP
- 在瀏覽器中執行vscode -DEV瀏覽器VSCodedev
- Ooui:在瀏覽器中執行.NET應用UI瀏覽器
- 怎樣在Google瀏覽器中避免WebRTC漏洞Go瀏覽器Web
- 在 Windows 11 中解除安裝 Edge 瀏覽器Windows瀏覽器
- 瀏覽器渲染機制瀏覽器
- 【譯】瀏覽器如何工作:在現代web瀏覽器場景的之下瀏覽器Web
- 360瀏覽器在電腦中開啟網頁無痕瀏覽的設定方法瀏覽器網頁
- emoji在瀏覽器中是如何傳遞給伺服器的瀏覽器伺服器
- 瀏覽器的快取機制瀏覽器快取
- 瀏覽器的事件環機制瀏覽器事件
- 使用瀏覽器錄製螢幕瀏覽器
- 瀏覽器-怎麼在谷歌瀏覽器中安裝.crx副檔名的離線Chrome外掛?瀏覽器谷歌Chrome
- 在瀏覽器裡使用SAPGUI瀏覽器GUI
- 【瀏覽器】(內附面試題)瀏覽器中堆疊記憶體的底層處理機制瀏覽器面試題記憶體
- 瀏覽器中的事件迴圈瀏覽器事件
- 瀏覽器/nodeJS中的EventLoop瀏覽器NodeJSOOP
- [譯] 瀏覽器中的 ECMAScript 模組瀏覽器
- 在Chrome瀏覽器中儲存的密碼有多安全?Chrome瀏覽器密碼
- 為什麼vue列印的物件在瀏覽器中顯示...Vue物件瀏覽器