[Javascript] 操作錄製: rrweb

日期：

rrweb

https://github.com/rrweb-io/rrweb


rrweb doc

https://github.com/rrweb-io/rrweb/blob/master/README.zh_CN.md


前端錄製重播系統初體驗

https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651576190&idx=2&sn=83fdb615e97e22eeaa71d1abb24df32a&chksm=802500bfb75289a92419c6bef123b3acb14410034bce3fedcb3be1442273ec2ee2a0f8054d77&scene=27#wechat_redirect


rrweb：打開 web 頁面錄製與重播的黑盒子

https://zhuanlan.zhihu.com/p/60639266


神策數據王磊：如何用 JS 實現頁面錄製與重播

https://mp.weixin.qq.com/s?__biz=MzI5MjM3OTA0MA==&mid=2247506423&idx=1&sn=751b2df3ff796cddbee2e1ca2685ee6a


rrweb 是 'record and replay the web' 的簡寫，旨在利用現代流覽器所提供的強大 API 錄製並重播任意 web 介面中的使用者操作。目前 rrweb 已經解決了許多錄製與重播中的難點問題，但在 1.0 版本 release 之前資料結構仍有可能發生變化，請謹慎用於生產環境中。rrweb 主要由 3 部分組成：

1. rrweb-snapshot，包含 snapshot 和 rebuild 兩個功能。snapshot 用於將 DOM 及其狀態轉化為可序列化的資料結構並添加唯一標識；rebuild 則是將 snapshot 記錄的資料結構重建為對應的 DOM。

2. rrweb，包含 record 和 replay 兩個功能。record 用於記錄 DOM 中的所有變更（mutation）；replay 則是將記錄的變更按照對應的時間一一重放。

3. rrweb-player，為 rrweb 提供一套 UI 控制項，提供基於 GUI 的暫停、快進、拖拽至任意時間點播放等功能。



#rrweb, 錄製, 重播


留言

張貼留言