一个 HTML5 录屏器 🖥

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

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

demo 地址 要用电脑打开哦

5670 次点击
所在节点    分享创造
29 条回复
cydian
2020-03-16 18:52:19 +08:00
非常厉害。后期会用到。
希望支持更多快捷的 Api 调用
以及更好的浏览器支持。
cydian
2020-03-16 18:52:31 +08:00
持续关注。
Gladoos
2020-03-16 19:35:27 +08:00
哈哈哈 很好玩
somethin
2020-03-16 22:56:26 +08:00
firefox 68.6.0esr，replay 显示不了
cleveryun
2020-03-16 23:36:54 +08:00
第一反应是刷新了我的认知。。
oct16
2020-03-17 00:54:07 +08:00
@somethin 感谢你的提醒，问题已经修复了
miniliuke
2020-03-17 00:59:29 +08:00
牛 B 了，打开了一扇窗，奇怪的用法又增加了
iMusic
2020-03-17 01:33:25 +08:00
牛逼，我刚开始以为是用`getDisplayMedia`
qq316107934
2020-03-17 02:31:13 +08:00
这东西用来复现 bug 蛮不错的
K1W1
2020-03-17 07:30:56 +08:00
666,网页版按键精灵
allen9527
2020-03-17 09:37:13 +08:00
这是个好玩意哦，持续关注。
chuxiaonan
2020-03-17 10:05:31 +08:00
不错哈哈 跟我们当时小组内探讨录屏方案的时候用到的比较接近
不过提几个点 当时我们遇到的几个比较棘手的问题
1 是对 canvas 的支持不是特别好 尤其是多层级 canvas 互相之间还有压盖的(我们的 case 就是几个全屏 canvas)
2 是对动画的支持也不是特别理想 css 动画 requestAnimationFrame 动画等等 此外 raf 动画时会有时序错乱的问题(不过这个比较诡异 一直不太清楚具体的原因)
component
2020-03-17 10:53:47 +08:00
非常赞！可以用在异常监控录屏上传。
Dillion
2020-03-17 10:57:04 +08:00
移动终端的渲染方式是类似的么？这种功能能在手机上实现么
chengkai
2020-03-17 12:18:46 +08:00
嗯，不错。这和矢量图的原理异曲同工。
codehz
2020-03-17 14:36:11 +08:00
渲染的时候通过 CSS 打上马赛克或模糊处理即可: ??????意思是数据还是记录下来了？
yutou527
2020-03-17 16:24:16 +08:00
不错！
oct16
2020-03-17 16:24:22 +08:00
@chuxiaonan 谢谢分享！
oct16
2020-03-17 16:25:17 +08:00
@codehz 这里只提供一个思路，具体怎么做就看业务需求了
oct16
2020-03-17 16:25:36 +08:00
@Dillion 当然

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

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

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

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

© 2021 V2EX