一个 HTML5 录屏器 🖥

2020-03-16 18:05:53 +08:00
 oct16

花了两个周末写的小玩具,感觉挺有意思的,大家来试玩一下吧

demo 地址 要用电脑打开哦

5928 次点击
所在节点    分享创造
29 条回复
Tink
2020-03-17 16:33:47 +08:00
这个很像阿里的那个 XReplay
fancy111
2020-03-17 16:35:04 +08:00
实际上用处不太大。H5 本身是有录屏功能的。
另外你这个无法录到鼠标点击,双击,选取文字等,漏掉不少信息。鼠标速度快的时候会掉帧。
oct16
2020-03-17 20:56:23 +08:00
@Tink 是的,借鉴了他们的一些思路
ITJoker
2020-03-17 23:12:47 +08:00
奇怪的用法,学习了学习了
polarbearn
2020-03-18 15:34:35 +08:00
这个可以录像回放,还有声音 scrimba.com/p/pXKqta/cQ3QVcr
github.com/rrweb-io/rrweb
aryu
2020-03-19 14:38:15 +08:00
@rolitter scrimba 是一个 ad-hoc 的实现,如果录制的目标是编辑器这样的场景的话,就可以设计出更高效的快照和 op-log 数据结构。
aryu
2020-03-19 14:45:54 +08:00
楼主如果有兴趣把玩具做成生产可用的话,rrweb 非常欢迎贡献者的加入,我们也有计划在 4 月份迭代出一个包含了很多新功能的版本~

同时开源了 rrweb 的团队也在招聘中,在日常工作中也都是同样有挑战性和创造性的内容,有兴趣的同学欢迎发简历 eWFuemhlbkBzbWFydHguY29t
Exia
2020-03-19 21:10:21 +08:00
这个很赞,多谢楼主的分享,受益匪浅。
patz
2020-12-14 19:52:57 +08:00
不错不错, 另外推荐一款 mac 的录屏神器, 白菜录屏了解一下 https://www.bakchoi.com

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/653338

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX