花了两个周末写的小玩具,感觉挺有意思的,大家来试玩一下吧
demo 地址 要用电脑打开哦
1
cydian 2020-03-16 18:52:19 +08:00
非常厉害。后期会用到。
希望支持更多快捷的 Api 调用 以及更好的浏览器支持。 |
2
cydian 2020-03-16 18:52:31 +08:00
持续关注。
|
3
Gladoos 2020-03-16 19:35:27 +08:00
哈哈哈 很好玩
|
4
somethin 2020-03-16 22:56:26 +08:00
firefox 68.6.0esr,replay 显示不了
|
5
cleveryun 2020-03-16 23:36:54 +08:00
第一反应是刷新了我的认知。。
|
7
miniliuke 2020-03-17 00:59:29 +08:00
牛 B 了,打开了一扇窗,奇怪的用法又增加了
|
8
iMusic 2020-03-17 01:33:25 +08:00
牛逼,我刚开始以为是用`getDisplayMedia`
|
9
qq316107934 2020-03-17 02:31:13 +08:00 via Android
这东西用来复现 bug 蛮不错的
|
10
K1W1 2020-03-17 07:30:56 +08:00 via Android
666,网页版按键精灵
|
11
allen9527 2020-03-17 09:37:13 +08:00
这是个好玩意哦,持续关注。
|
12
chuxiaonan 2020-03-17 10:05:31 +08:00
不错哈哈 跟我们当时小组内探讨录屏方案的时候用到的比较接近
不过提几个点 当时我们遇到的几个比较棘手的问题 1 是对 canvas 的支持不是特别好 尤其是多层级 canvas 互相之间还有压盖的(我们的 case 就是几个全屏 canvas) 2 是对动画的支持也不是特别理想 css 动画 requestAnimationFrame 动画等等 此外 raf 动画时会有时序错乱的问题(不过这个比较诡异 一直不太清楚具体的原因) |
13
component 2020-03-17 10:53:47 +08:00
非常赞!可以用在异常监控录屏上传。
|
14
Dillion 2020-03-17 10:57:04 +08:00 via Android
移动终端的渲染方式是类似的么?这种功能能在手机上实现么
|
15
chengkai 2020-03-17 12:18:46 +08:00
嗯,不错。这和矢量图的原理异曲同工。
|
16
codehz 2020-03-17 14:36:11 +08:00
渲染的时候通过 CSS 打上马赛克或模糊处理即可: ??????意思是数据还是记录下来了?
|
17
yutou527 2020-03-17 16:24:16 +08:00
不错!
|
18
oct16 OP @chuxiaonan 谢谢分享!
|
21
Tink 2020-03-17 16:33:47 +08:00
这个很像阿里的那个 XReplay
|
22
fancy111 2020-03-17 16:35:04 +08:00
实际上用处不太大。H5 本身是有录屏功能的。
另外你这个无法录到鼠标点击,双击,选取文字等,漏掉不少信息。鼠标速度快的时候会掉帧。 |
24
ITJoker 2020-03-17 23:12:47 +08:00
奇怪的用法,学习了学习了
|
25
polarbearn 2020-03-18 15:34:35 +08:00
|
26
aryu 2020-03-19 14:38:15 +08:00 1
@rolitter scrimba 是一个 ad-hoc 的实现,如果录制的目标是编辑器这样的场景的话,就可以设计出更高效的快照和 op-log 数据结构。
|
27
aryu 2020-03-19 14:45:54 +08:00
楼主如果有兴趣把玩具做成生产可用的话,rrweb 非常欢迎贡献者的加入,我们也有计划在 4 月份迭代出一个包含了很多新功能的版本~
同时开源了 rrweb 的团队也在招聘中,在日常工作中也都是同样有挑战性和创造性的内容,有兴趣的同学欢迎发简历 eWFuemhlbkBzbWFydHguY29t |
28
Exia 2020-03-19 21:10:21 +08:00
这个很赞,多谢楼主的分享,受益匪浅。
|
29
patz 2020-12-14 19:52:57 +08:00
不错不错, 另外推荐一款 mac 的录屏神器, 白菜录屏了解一下 https://www.bakchoi.com
|