我用 AI 搓出了 FloatCamera，还顺便做了个白板录屏网站

最近沉迷Vibe Coding不能自拔 ！

想和大家分享一下我最近的经历：如何靠着 Vibe Coding（也就是跟 AI 对话，让它帮我写代码），折腾出了两个我自己觉得还挺实用的东西。

这一切的开始，其实是因为别人工具站的不足

最近我刷到了一个博主张咋啦zara高频的分享视频，她的视频是基于自己做的一个白板录屏工具而录制的 excalicord.com。但我在使用他的工具网站的时候，我发现它的摄像头功能有点单一：不能调亮度，也不能换背景。

换做以前，肯定就只能将就着用了。但现在有了 AI，我突然想：如果我把这个需求告诉 AI，我是不也能自己做一个符合我心意的摄像头？

1. 第一个成果：FloatCamera 客户端

这就是我折腾出来的第一个小东西：FloatCamera。

虽然我不怎么会写复杂的底层代码，但靠着 AI 的辅助，我实现了一些我想要的功能：

• AI 自动抠图：不用绿幕也能把背景换掉。
• 参数随便调：亮度、对比度、饱和度，哪里不顺调哪里。
• 形状自由：想要圆的就圆的，想要方的就方的。

做完之后我发现，原来做一个自己想用的工具，并没有想象中那么难。

2. 既然都做了，干脆再做一个网站吧

在折腾 FloatCamera 的过程中，我越玩越顺手，心想：摄像头都做好了，那既然Excalidraw这样的白板工具是开源的，那我做一个白板的录屏工具也不会很难，于是干脆也自己搞一个白板录屏网站！

于是，我基于Excalidraw的开源白板工具，同时参考了张咋啦的网站的一些基础功能，做好了这个录屏白板工具sketchrecord.com 。

我把之前做的 FloatCamera 的功能直接移植到了这个网站里。现在，我录视频或者分享东西时，就直接打开这个网页，白板、录屏、带 AI 换背景的摄像头全都有了。

3. AI 时代，想法比代码更重要

写这篇文章并不是想炫耀我的技术（毕竟全是 AI 帮我写的），我只是觉得这个过程挺神奇的： 作为一个技术小白，只要你有一个**“想要解决某个小烦恼”的想法，再加上 AI 的辅助，你真的能亲手把这个东西“搓”出来。

💡 写在最后：我的小白开发心得

这次开发sketchrecord.com，让我对开发有了全新的理解：

• 不要被“底层”吓住：我以前觉得搞音视频录制必须得懂 C 语言，现在发现，只要你能准确向 AI 描述数据的流向，它就能帮你写出逻辑。

• 对话是核心竞争力：Vibe Coding 并不等于“复制粘贴”，而是一种**“协同进化”**。AI 给的代码跑不通是常态，关键在于你能不能像“训犬”一样，通过不断描述异常现象，引导它找到那个正确的 Bug 所在。

如果你也对这个浮动摄像头、白板录制网站感兴趣，或者想看看我这个小白是怎么写的，代码我已经开源了，欢迎来踩踩：

• 浮动摄像头开源地址：https://github.com/0-shang/float-camera
• 我的白板录制网站：https://sketchrecord.com