rrweb-io/rrweb:嵌入在瀏覽器中的錄影機
這是一款瀏覽器的操作錄影機,可以錄製你瀏覽器裡面的所有操作,不用另外尋找或開啟錄屏軟體。rrweb是“記錄和重放Web中操作”的開源庫包,這是一種用於記錄和重放使用者在瀏覽器中操作動作的工具。
目前,rrweb已經解決了錄製和重放中的許多難題,但是在版本1.0釋出之前,資料結構仍然可能會被更改。所以請小心在生產環境中使用rrweb。
rrweb主要由3部分組成:
- rrweb-snapshot,包括快照和重建功能。快照用於將DOM及其狀態轉換為具有唯一識別符號的可序列化資料結構; 重建功能是將快照重建為相應的DOM。
- rrweb,包括兩個功能:記錄和重播。記錄功能用於記錄DOM中的所有動作變化; 重放是根據相應的時間戳逐個重放記錄下的動作變化。
- rrweb-player是 rrweb的一個玩家使用者介面,可以隨時提供基於GUI的功能,如暫停,快進,拖放等功能。
可用於介面測試,遊戲錄製以及會議 培訓現場重放等。
這是 表單錄製重複DEMO,俄羅斯方塊演示!
相關文章
- JS在瀏覽器中的執行機制JS瀏覽器
- "幹掉"手機用 UC 瀏覽器瀏覽 Web 網站,UC 瀏覽器強制在頁面底部嵌入噁心 iframe 廣告瀏覽器Web網站
- Directx遊戲中嵌入IE瀏覽器實現過程遊戲瀏覽器
- Rtsp轉Flv在瀏覽器中播放瀏覽器
- 在瀏覽器中執行vscode -DEV瀏覽器VSCodedev
- JavaScript在瀏覽器環境中的非同步JavaScript瀏覽器非同步
- 關於微軟 Edge 瀏覽器的 Tracking Prevention 特性在 Angular 應用中的影響微軟瀏覽器Angular
- 原生ES-Module在瀏覽器中的嘗試瀏覽器
- js 在瀏覽器中的event loop事件佇列JS瀏覽器OOP事件佇列
- TensorFlow.js:讓你在瀏覽器中也能玩轉機器學習JS瀏覽器機器學習
- 【譯】瀏覽器如何工作:在現代web瀏覽器場景的之下瀏覽器Web
- 瀏覽器/nodeJS中的EventLoop瀏覽器NodeJSOOP
- 瀏覽器中的Event Loop瀏覽器OOP
- 360瀏覽器在電腦中開啟網頁無痕瀏覽的設定方法瀏覽器網頁
- 在 Windows 11 中解除安裝 Edge 瀏覽器Windows瀏覽器
- Ooui:在瀏覽器中執行.NET應用UI瀏覽器
- 瀏覽器渲染機制瀏覽器
- 使用瀏覽器錄製螢幕瀏覽器
- 瀏覽器的快取機制瀏覽器快取
- 瀏覽器的事件環機制瀏覽器事件
- 瀏覽器中的機器學習:使用預訓練模型瀏覽器機器學習模型
- emoji在瀏覽器中是如何傳遞給伺服器的瀏覽器伺服器
- 在瀏覽器裡使用SAPGUI瀏覽器GUI
- 瀏覽器中的事件迴圈瀏覽器事件
- 設定Windows主機的瀏覽器為wls2的預設瀏覽器Windows瀏覽器
- 為什麼vue列印的物件在瀏覽器中顯示...Vue物件瀏覽器
- 瀏覽器快取機制瀏覽器快取
- 瀏覽器相關機制瀏覽器
- 【瀏覽器】(內附面試題)瀏覽器中堆疊記憶體的底層處理機制瀏覽器面試題記憶體
- 【瀏覽器】瀏覽器基本工作原理瀏覽器
- 手機瀏覽器通過Scheme跳轉APP,相容各種手機瀏覽器瀏覽器SchemeAPP
- VS Code在瀏覽器預覽HTML頁面瀏覽器HTML
- [譯] 瀏覽器中的 ECMAScript 模組瀏覽器
- 【譯】Go和WebAssembly:在瀏覽器中執行Go程式GoWeb瀏覽器
- 在瀏覽器中啟用kali-desktop——基於docker瀏覽器Docker
- 必須明白的瀏覽器渲染機制瀏覽器
- 從 Chrome 看瀏覽器的渲染機制Chrome瀏覽器
- 瀏覽器頁面渲染機制瀏覽器