▲点击蓝色关注“OA十年”▲
最近做了一个录屏工具，想着分享出来给大家使用。其实我之前做过一个网页版的录屏工具，但发现一个很大的问题：录制摄像头的时候不能离开当前页面，这就很尴尬了。比如我想一边录制自己讲解，一边切换到其他窗口演示操作，这就做不到。
为什么要做桌面端
前几天开始录视频，一开始用AI搜一下发现了个网页版本的，然后我做了个10分钟上站的视频，顺便把这个网站给做了：rec.530.news，然后还更新了摄像头的新功能：https://www.youtube.com/watch?v=ohQO6ZvaSXc，结果后面才意识到通过网页没法实现摄像头离开当开页面还能用，所以想着搞个win上的客户端，也就是exe程序，以前没搞过，试试看呗。
开发过程
说实话，我对开发是一窍不通的。虽然做过网站，但那都是用wordpress做的。这次开发桌面端工具，完全是靠AI的帮助。我使用了cursor这个AI辅助编程工具，从项目搭建、功能开发到最后的打包发布，基本都是在跟AI对话中完成的。
整个过程中我就像一个产品经理，告诉AI我想要什么功能，然后AI就会给出相应的代码和解决方案。比如我说需要录制系统声音，AI就会告诉我需要用到哪些API，怎么处理音频流。虽然我看不懂具体的代码实现，但通过不断的对话和调试，最终还是做出了一个还算满意的版本。
部署方案
工具开发完成后，我选择了Cloudflare的R2和Pages服务来部署。为什么选择这个方案呢？主要有几个原因：
-
R2的价格比较实惠，存储费用和流量费用都很便宜 -
Pages可以免费托管静态网站，而且有CDN加速 -
两个服务都可以绑定自定义域名
具体的部署步骤是这样的：首先在Cloudflare R2创建了一个bucket，将打包好的安装包上传上去。然后创建了一个简单的下载页面，使用cursor帮我写了个简约风格的界面，主要展示下载链接和版本信息。将这个页面部署到Cloudflare Pages上，然后在DNS设置中将download.530.news指向Pages。
遇到的问题
部署过程中也遇到了一些问题。最开始我是想把页面直接放在R2上的，但发现R2虽然可以托管静态文件，但不支持默认文档，也就是说访问域名根路径时不会自动加载index.html。
后来发现可以用Worker来做路由，但想了想还是用Pages更简单一些。Pages本身就是为了托管静态网站设计的，而且有很多便利的功能，比如自动构建、自动部署等。
还有一个问题是域名绑定。我原本想把R2和Pages都绑定到同一个域名上，但发现这样会有冲突。最后的解决方案是把下载页面放在Pages上，然后在页面中通过R2的链接来提供文件下载。
后续计划
这个工具目前还比较简单，但基本功能都已经实现了。后续我打算继续优化一下界面，添加一些实用的小功能，比如录制完自动保存最后一帧作为预览图之类的。如果大家有什么好的建议，也欢迎随时告诉我。
作为一个不懂开发的人，能借助AI做出一个实用的工具，这种感觉还是挺奇妙的。希望这个小工具能帮到需要的朋友，也希望我的经历能给大家一些启发：在AI时代，很多以前需要专业技能才能完成的事情，现在普通人也可以尝试去做了。
end
Dalong
转载请注明：不会写代码？我用AI开发了一个桌面录屏工具 | 亚马逊套利，Amazon套利，Online Arbitrage | OA十年
