这是一个创建于 642 天前的主题，其中的信息可能已经有所发展或是发生改变。
这个项目的名字叫做 Pug Recorder ，它是一个 WebRTC 录制 CSS3 动画的实现。它可以您轻松地录制一个具有多个元素的动画，这个动画可以在网页上播放，还可以将录制的动画保存为视频格式。
在这个项目中，使用 WebRTC 和 Canvas 来捕获用户的屏幕，使用 CSS3 动画来实现录制的效果。
 |
1
werifu 2023-03-24 15:27:47 +08:00
感觉挺好玩的
变形的动效也好酷炫，喜欢 |
 |
3
yukinotech 2023-03-24 17:58:59 +08:00
有点意思
|
 |
4
mclxly 2023-03-24 20:50:00 +08:00
我以前也做过类似的，但是分辨率不够好、文字有锯齿。你这个看起来不错，有时间试试～
|
 |
5
retrocode 2023-03-24 20:58:52 +08:00
不是用的 pug 吗 我看源码没有用到呀
|
 |
6
Albacore OP @yukinotech 感谢支持
|
 |
9
suke119 2023-03-25 09:49:21 +08:00
准确的来说你只是用到了 Web API 去实现录制功能，WebRTC 是一个综合技术，基本前提是满足双方的实时通信；然后就是浏览器的 Web API 实现的录制功能对于视频时没得元数据的，这也就是录制完成后没得总的时间，要等加载一会才会出现；所以你需要手动去控制这个 metadata 或者利用第三方的组件配合加上元数据得到的录制视频才是完整的视频。
|
Select Language