一个 HTML5 录屏器 🖥

[oct16]

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

demo 地址 要用电脑打开哦

[cydian]

非常厉害。后期会用到。
希望支持更多快捷的 Api 调用
以及更好的浏览器支持。

[cydian]

持续关注。

[Gladoos]

哈哈哈 很好玩

[somethin]

firefox 68.6.0esr，replay 显示不了

[cleveryun]

第一反应是刷新了我的认知。。

[oct16]

@somethin 感谢你的提醒，问题已经修复了

[miniliuke]

牛 B 了，打开了一扇窗，奇怪的用法又增加了

[MzM2ODkx]

牛逼，我刚开始以为是用`getDisplayMedia`

[qq316107934]

这东西用来复现 bug 蛮不错的

[K1W1]

666,网页版按键精灵

[allen9527]

这是个好玩意哦，持续关注。

[chuxiaonan]

不错哈哈 跟我们当时小组内探讨录屏方案的时候用到的比较接近
不过提几个点 当时我们遇到的几个比较棘手的问题
1 是对 canvas 的支持不是特别好 尤其是多层级 canvas 互相之间还有压盖的(我们的 case 就是几个全屏 canvas)
2 是对动画的支持也不是特别理想 css 动画 requestAnimationFrame 动画等等 此外 raf 动画时会有时序错乱的问题(不过这个比较诡异 一直不太清楚具体的原因)

[component]

非常赞！可以用在异常监控录屏上传。

[Dillion]

移动终端的渲染方式是类似的么？这种功能能在手机上实现么

[chengkai]

嗯，不错。这和矢量图的原理异曲同工。

[codehz]

渲染的时候通过 CSS 打上马赛克或模糊处理即可: ??????意思是数据还是记录下来了？

[yutou527]

不错！

[oct16]

@chuxiaonan 谢谢分享！

[oct16]

@codehz 这里只提供一个思路，具体怎么做就看业务需求了

[oct16]

@Dillion 当然