两年前写过一篇文章利用现代浏览器所提供的强大 API 录制,回放并保存任意 web 界面中的用户操作实现了浏览器操作的录制、保存、回放、管理等功能。不过之前的实现是基于rrweb这个项目,限于浏览器本身对于API
以及rrweb
的限制并不能完美录制 (比如webgl
) 所有操作。
作为周末项目没想到也收获了上百的star
,期间还有很多人私信使用中的问题。正好今年过年因为疫情留守没回去家,所以把整个项目进行了重构,使用了更强大的API
以及更完善的文档。核心API
是MediaDevices.getDisplayMedia(),虽然状态是Working Draft
,但是各大主流浏览器早就对其进行了实现(Chrome 72 2019-1 , Firefox 66 2019-3 , Safari 13 2019-9)。
开始之前还是求一波
star
:项目地址