我用「氛围编程」一个周末做出了播客剪辑工具 App

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

最近「Vibe Coding（氛围编程）」到处都是。有人说它能让一个人单干做出价值十亿美元的公司。

我本来是怀疑的。

与其争论炒作，不如做个小实验：我能不能只用一个周末，靠氛围编程做出一个真实可用的产品？

结果就是 PodClip：一款可以在 Spotify 上截取、整理播客精彩片段的 Web 应用。

大概只花了 5 小时，Replit 自动生成了绝大部分代码 —— 从前端界面、数据库到登录认证。事实上，我整理思路、写这篇文章的时间，可能比开发 App 本身还长。

下面是整个过程。

---

遇到的问题

我经常听播客，总能学到新东西、有用的观点。经常遇到某句话、某个解释特别戳我：可能是一个新表达、一个讲得通透的概念，或是困扰我很久问题的答案。

但问题是：我经常记不住原话，也想不起是哪一期。 想回头重听，翻历史太费时间。我需要一个无痛收藏、整理播客片段的工具，方便随时回顾。

这就是 PodClip 的初衷：保存所有你最喜欢的播客片段。

产品目标

我想要一个和 Spotify 深度集成的工具：

• 边听 Spotify，边一键 开始 / 结束 录制片段

• 自动保存时间戳、转录文字

• 仪表盘展示、可搜索所有片段

• 支持全文检索（靠转录）

核心需求：

1. 绑定 Spotify 账号

2. 录制片段：Start / Stop 按钮

3. 存储时间戳 + 转录文本

4. 可搜索、可管理的剪辑仪表盘

为什么选 Replit？

氛围编程常用平台：Cursor、Windsurf、Lovable、Replit。 我随便选了 Replit，原因很简单：创始人之一参与创造了 React。

Replit 需要订阅，我用的是 Replit Core，20 美元 / 月。 我和 Replit 无任何利益关系。

---

开发过程

准备工作

• 听了一期 YC 播客，学习氛围编程技巧

• 看了 Replit 官方新手教程

• 学会用 Replit Connectors 绑定 Spotify

第一次提示词（极简）

Build an app that lets me bookmark clips of my favorite podcasts in Spotify

几分钟后，我惊呆了：预览版直接给出了风格和 Spotify 高度一致的精美界面。

第一版：Add Clip 功能

用户可以搜索播客单集，手动输入开始 / 结束时间戳保存片段。

初次提示词就搞定了：

• 前端样式贴近 Spotify

• 后端连接 Spotify API

• 数据库结构自动建好

• 甚至自动写了测试用例

所有节目信息：节目名、单集标题、封面、时间戳，全部来自 Spotify 官方 API。

但有个问题：手动输时间戳体验太差，不是我想要的。 我需要对 AI 更明确地提需求。

第二版：Now Playing 实时录制

我换用 Plan 模式（先规划，不直接改代码），提示词：

我想在听 Spotify 播客时，直接用 PodClip 录片段。
点一下开始，再点一下结束。
能不能做插件嵌入 Spotify？或者别的方案？

AI 告诉我：Spotify 不支持第三方插件，但给了三个替代方案：

1. PodClip 内置「正在播放」小组件 一边在浏览器听 Spotify，一边在 PodClip 看到当前节目、时间戳，直接 Start/Stop。

2. 浏览器书签小工具

3. 移动端快速捕获页

我选了方案 1，切回 Build 模式 让 AI 直接开发。

Spotify API 的坑

开发完发现一个重大问题： Replit 的 Spotify 连接器还在开发中，无法访问播放状态 API。 意味着读不到「当前在播哪一集、播到第几秒」。

AI 直接给出 折中方案：手动模式：

• 搜索单集

• 内置计时器，用户边听 Spotify 边点开始 / 结束

• 不需要播放权限

体验不算完美，但能用。 AI 同时保留了未来正式版的代码：等 Replit 开通播放权限，自动切换「实时模式」。

转录功能（最关键）

我想要：转录整集 → 搜索 → 选中文字 → 自动生成片段

提示词拆成清晰步骤：

1. 用户选择单集
2. PodClip 生成完整转录文本
3. 可搜索转录内容
4. 选中文字，直接保存到 Clips

AI 提醒：转录非常耗资源、按分钟收费，并给出完整方案：

• 单独「转录页面」

• 后台异步分段转录（2 分钟一段）

• 每段带时间戳

• 前端搜索、高亮

• 选中文字 = 自动截取对应时间段

一个关键限制：

Spotify API 不提供原始音频，受版权保护。 所以 PodClip 不从 Spotify 拉音频，而是从 公开播客 RSS 地址（苹果播客等公开索引）获取音频文件，完全合规。

转录数据流：

1. 用户搜单集

2. 调用 iTunes Search API → 拿到公开 MP3 地址

3. ffmpeg 下载、切分成 2 分钟片段

4. 调用 OpenAI 语音转文字

5. 带时间戳存入 PostgreSQL

6. 前端轮询进度，展示完整转录

转录是分段的，时间戳不算特别精准，但对我来说内容比精确秒数更重要。

---

最终产品 & 发布

最终得到一个完整可用的 App：

• Spotify OAuth 登录

• 录制片段（手动计时器 + 未来实时模式预留）

• 全文转录、搜索

• 仪表盘管理所有片段

• Replit 一键发布、自带用户系统、反馈按钮

我总共耗时：估计 3–5 小时（一个周末） 最花时间的是：写提示词、自己测试功能。

需求完成度

需求	结果	难度	备注
绑定 Spotify	✅ 完成	🟢 简单	OAuth 顺畅
Start/Stop 录制	⚠️ 需要折中	🔴 困难	依赖 Spotify 播放 API
存储时间戳 + 转录	✅ 完成	🟢 简单	稳定
可搜索仪表盘	✅ 完成	🟢 简单	功能完整

最大待办：实时播放状态获取，代码已写，只等 API 权限开放。

---

我对 Vibe Coding（氛围编程）的真实体会

最大惊喜

1. AI 自动搞定整体架构 我几乎没设计技术栈、数据库、接口。

2. 简短提示词就足够好用 不需要复杂工程化描述。

3. 最大瓶颈永远是第三方平台限制（Spotify API） 不是 AI 能力不够。

氛围编程像什么？

像做作业前先看了答案。 适合：快速做 MVP、原型验证 不适合：学习编程本身、练技术

但这完全没问题 ——我的目标就是快速把想法变成可运行产品。

给新手的建议

• 找一个 你自己真实需要 的问题开始

• 不用先学一大堆理论，直接动手做

• 一开始我被各种教程、工具选择吓到，后来发现：直接干最简单

---

总结

PodClip 不会让我一夜变成独角兽创业者。 但它证明了一件事：

Vibe Coding + AI 智能体 + Replit 这类平台， 真的可以让一个人，在极低代码量下，快速做出完整产品。

也许未来，Spotify 官方就会内置类似 PodClip 的功能。

推荐学习书籍 《CDA一级教材》适合CDA一级考生备考，也适合业务及数据分析岗位的从业者提升自我。完整电子版已上线CDA网校，累计已有10万+在读~ !

免费加入阅读：https://edu.cda.cn/goods/show/3151?targetId=5147&preview=0

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖