打造我的MVP：Glyph —— 你的AI驱动写作助手

本文参与DEV全球作品展示挑战赛（由Mux呈现）的投稿

我开发了初创公司Glyph的最小可行产品。

Glyph是一款内置AI助手的文字编辑器，能够：

• 从头开始为你写作
• 按你的意愿编辑文本
• 解答关于你正在撰写内容的疑问
• 如果你愿意，也完全可以自己动手写作

此外，你还可以上传视频（比如会议或讲座），编辑器能直接为你生成一份整洁的文字转录稿。

在线演示： https://glyph-ochre.vercel.app

评委测试凭证：

• 邮箱： test@glyph.com
• 密码： GlyphTest2026

📝 给评委的重要演示说明：

• 为获得最佳体验，请使用桌面或笔记本电脑浏览器。

• 视频转文字功能需要视频文件的公开直接链接（例如 .mp4, .mov）。

• 不支持： YouTube链接、私有视频或需要身份验证的文件。
• 为方便测试，这里提供几个示例视频链接：

1. http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WeAreGoingOnBullrun.mp4

2. https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/SubaruOutbackOnStreetAndDirt.mp4

作为一名学生和开发者，我经常需要撰写博客、邮件、作业和技术文档。我也曾在一家公司工作，处理大量打字任务，深知其中的压力。我体会过面对空白页面的挫败感、在不同研究标签页间切换的低效，以及手动转录会议笔记所浪费的时间。

你会花数小时打字和思考："下一个词用什么？这个标点该放哪里？" 光是琢磨下一个词用什么、标点该放哪儿，就非常耗费心神。

我一直希望能有一个得力的工具——它无需安装、易于使用，并能真正解决我的问题。许多这样的经历最终促使我创造了Glyph。

我开发Glyph的初衷，就是让写作变得更快捷、更轻松，让你能专注于思想表达，而非纠结于写作技巧。

Glyph是一个为清晰和速度而构建的全栈Web应用程序。

• 前端： 使用原生HTML/CSS/JavaScript构建的响应式界面，核心富文本编辑器采用TipTap，提供流畅、原生的写作体验。
• 后端： Django负责处理API逻辑、会话管理以及协调各项服务。
• AI引擎： 在此MVP中，我使用了Groq API和Llama 3模型。我优先考虑了成本效益，选择了一个能很好处理基本文本操作的轻量级LLM。这能在我们验证概念的同时，让用户免费使用应用。如果需要，我们可以轻松切换到GPT-4或Claude用于生产环境。
• 视频智能处理： 这正是Mux大放异彩的地方。后端使用Mux Video API及其AI驱动的自动字幕生成功能，异步处理上传的视频，将干净、结构化的转录稿直接返回到Glyph编辑器中。

未来愿景： 此MVP验证了核心工作流程。路线图包括集成更先进的AI模型、实现实时协作、图像转文字分析以及更深入的文档管理功能。

Mux的使用（仅限参与附加奖项类别的参赛者）

Mux是我MVP背后的MVP（一语双关 😄）。我将其用于视频转文字功能——这绝对是我会保留的功能。

工作原理：
当你在Glyph中上传视频时，是以下代码使其运作：

    # 创建一个带有自动生成英文字幕的Mux资源
    create_payload = {
        "input": [
            {
                "url": video_url,
                "generated_subtitles": [
                    {
                        "language_code": "en",  # 英文字幕
                        "name": "English CC"
                    }
                ]
            }
        ],
        "playback_policy": ["public"]
    }

    # 向Mux API发送POST请求
    create_response = requests.post(
        'https://api.mux.com/video/v1/assets',
        headers=headers,
        json=create_payload
    )

我集成了Mux Video API来处理整个"视频到文档"的流程：

1. 用户在Glyph中提供一个公开的视频URL。
2. 我的Django后端创建一个Mux资源，并请求自动生成字幕。
3. 我监听Mux的 video.asset.track.ready 事件，以获知转录稿何时准备就绪。
4. 准备就绪后，我的后端从Mux获取纯文本转录稿，并将其作为格式优美的草稿注入用户的Glyph编辑器。

此功能的意义：

这不仅仅是一个转录功能。以下是它与Glyph的AI写作工具完美融合的方式：

📝 视频变博客： 录制产品演示 → 获取转录稿 → 让Glyph"将其变成博客文章" → 几分钟内即可发布。

🎓 研究更轻松： 有一段2小时的讲座录音？获取转录稿 → 要求"总结关键点" → 使用Glyph扩展成研究笔记。

💼 会议妙用： 团队会议录音 → 获取行动项 → 使用Glyph起草跟进邮件和项目计划。

✍️ 内容再利用： 播客剧集 → 转录稿 → Glyph帮助将其变成推文、LinkedIn帖子和新闻通讯内容。

为何与Glyph完美契合：

大多数工具止步于转录。Glyph让转录稿变得可操作。你可以：

• 立即使用AI指令编辑它
• 就特定部分提问
• 将其转换为你需要的任何格式

所有这些都在同一个简洁的界面中完成。

开发体验：

这个功能的实现过程出乎意料地简单。Mux的文档清晰，API直观，完美契合了用户友好的流程。原本可能耗时数周的复杂集成，在几天内就成功运行，使我能够专注于Glyph围绕该转录稿提供的独特用户体验。这个功能是Glyph价值主张的核心部分，没有Mux就无法在此MVP中实现。

向Mux致敬！