一、自我介绍
大家好，我是复赛选手胡岸。能进入复赛，说实话挺意外的——因为我是一个完完全全的编程门外汉，没有计算机背景，没有学过任何编程语言。ShowFlow 这个项目的每一行代码，都是在 TRAE 的陪伴下从零写出来的。
介绍一下我自己：我是一个婚礼主持人。你可能会好奇，一个婚礼主持人和软件开发有什么关系？答案就在我的日常工作里。每一场婚礼，我都要同时操作音频播放器、视频播放器、抽奖工具，有时还要放音效、投屏 PPT——一台电脑开着三四个软件，Alt+Tab 切到手软，切换瞬间还容易黑屏露馅。
市面上的播控工具，要么只支持音频，要么只支持视觉素材，始终找不到一个能同时管理音频、视频、图片的全能型控台。这个痛点在心里憋了很久，直到遇到了 TRAE——AI 技术让我这个门外汉也有了把想法变成产品的能力。于是，ShowFlow 诞生了。
我擅长的不是写代码，而是理解现场——我知道一个控台操作员在紧张的活动现场最需要什么：快速找到素材、一键切换、不黑屏、不出错。这些真实的场景需求，就是 ShowFlow 产品设计的全部出发点。
二、ShowFlow是什么
ShowFlow 是一款 Windows 桌面端的专业多媒体播放控制软件。它把素材管理、双屏同步播放、多轨道音频混合、互动游戏等现场常用能力集中到一个控台里，替代以往需要在多款软件之间来回切换的分散工作流。
一句话：一台电脑，一个软件，一个人操控全场。
三、ShowFlow面向谁
- 音视频播控人员 —— 会议、演出、发布会的控台操作者
- 活动主持人 —— 婚礼、年会、庆典等需要自己控场的主持人
- 中小型活动导演 —— 需要快速编排和切换多媒体内容的现场导演
- 现场执行人员 —— 需要在主屏预览、副屏输出场景下同步操作的人
四、完整功能
-
素材矩阵管理
可视化网格布局，支持视频、音频、图片的批量导入与管理。智能缩略图预览，分类分组，多选拖拽排序，现场找素材一眼即达。支持无限增加列表和素材分组，大型活动也能轻松管理数百个素材。 -
多轨播放
支持同时开启两个列表的素材进行多轨播放，背景音乐和音效可以分层叠加，满足复杂现场的音频需求。 -
内置智能音乐搜索
常规音乐搜索，歌手、歌名、专辑。独创算法，根据关键词匹配相关歌单，快速定位目标歌曲。 -
互动游戏套件
内置六款互动工具，每款均含独立控制窗 + 投屏展示窗，一键活跃现场气氛。
五、相比初赛的升级
其实ShowFlow在TRAE问世的时候已经同步开始开发，初赛时已经是接近完成的作品，并且在真实现场投入使用。随着比赛进程的继续，开发迭代也一直在进行当中，优化功能和性能，提升视觉呈现。
初赛后最大的升级改动是**多轨面板。**将原来的列表式播放界面升级成了与主页面一直的矩阵控制面板，从只支持音频素材到音视画全类型，真正实现了项目开发之初的构想。
除此之外，音频波形可视化（RMS + Peak 算法）、视频deck组稳定性的提升也让ShowFLow成为了可以接受现场考验的成熟产品。
六、产品演示视频
初赛阶段发布的三支演示视频，覆盖了 ShowFlow 的核心功能和使用场景：
- 基础功能演示：https://www.bilibili.com/video/BV1TddMBVE8c/
- 现场实拍操作演示：https://www.bilibili.com/video/BV1gmdMBUEew/
- 六款互动游戏介绍：https://www.bilibili.com/video/BV1QBVo6SERD/
七、产品创作历程
灵感来源
过去在活动现场最常使用的音控软件是SportsSoundsPro，矩阵网格式的操作界面非常直观，只是软件太老旧。视频操作通常是P1，虽然可以单独添加音频列表，但是操作不便，不能同时管理。在Vibecoding的概念出现后，我就一直想能不能手搓一个满足我需求的软件。从26年初到现在，经历了半年多的开发，不断自学，像是看着自己的孩子慢慢长大， 也见证了从TRAE的初代产品到Trae Work的发展。
初赛 Demo
初赛提交的其实已经不算Demo了，5月份ShowFLow第一次在现场使用，已经具备了核心播放能力、素材矩阵管理、双屏输出和互动游戏，跑通了"导入素材 → 组织矩阵 → 播放输出"这条核心链路。只是仍然在打磨和优化。正好有了这次比赛的契机，逼着自己投入更多精力完善产品。
ShowFlow其实经历过一次重头再来的过程。初期开发的时候不了解编程，完全由AI操作，结果程序架构混乱、选型失误，导致bug越来越多。后来重新技术选型，拆分结构、解耦功能，保证可维护性和扩展性，才一步步走到了今天。
从初赛到复赛
稳定性是项目开始就定下的第一目标，作为现场工具，不能出错是底线，所以后续的优化都是围绕功能升级和性能提升。初赛之后做的最多的是多轨播放功能的升级，完全复刻主页面的网格矩阵控制，实现两个面板独立播放任意音视画素材，基本满足中小型活动现场的播控需求。
八、项目实践过程
整个 ShowFlow 项目的开发 100% 基于 TRAE 完成，采用 spec 驱动 + 任务拆解 + checklist 验收的 AI 协同开发模式。项目 .trae/specs/ 目录下沉淀了约 40 份 spec 文档，每份包含 PRD（spec.md）、任务拆解（tasks.md）、验收清单（checklist.md），覆盖功能新增、Bug 修复、架构迁移等各类开发任务。
- 需求拆解 —— 用 TRAE 的 spec 模式把每个功能需求写成 PRD，明确 Goals / Non-Goals / Background，再自动拆解为可执行任务列表
- AI 协同实现 —— 把任务交给 TRAE 智能体，按 MVVM 分层架构实现 Model → Service → ViewModel → View
- 构建验证 —— 每个任务完成后跑 dotnet build，对照 checklist 逐项验收
- 打包发布 —— 用 TRAE 编写 publish.bat / publish.ps1 发布脚本，包含 PDB 清理、代码混淆、体积优化
Session ID：
.1470488130881284:679a7d6a19bd75068ad46536eefff1c1_699e843387536c75898d3b39.699e847587536c75898d3b3d.699e8475fe104349625b5ae3:Trae CN.T(2026/2/25 13:11:17)
Session ID：
.1470488130881284:c2784fcfa3d4305f7365a677fc6a9366_69a4fc58c8fe66816a539acf.69a4fcd4c8fe66816a539ad3.69a4fcd49a03e674bfc02f7c:Trae CN.T(2026/3/2 10:58:28)
Session ID：
.1470488130881284:465ba6fa43f19b9038844d0c3cce6e64_69ba6b3f005c07311a71be55.69ba6b7d005c07311a71be59.69ba6b7d1f09e32546ae45a8:Trae CN.T(2026/3/18 17:08:13)
Session ID：
1470488130881284:3d024bc2a69097cf7f5a62d1c40c43dc_6a4db046b752e642a1569d64.6a4db046b752e642a1569d67.6a4db046b752e642a1569d65:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/8 10:04:54)
Session ID：
1470488130881284:8ace19919fb4fea8030308b5392fdfc4_6a4db046b752e642a1569d64.6a4f42a8ff6c5aa04cc197bf.6a4f42a8ff6c5aa04cc197bd:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/9 14:41:44)
九、技术方案简述
- 技术栈：C# + WPF + .NET 10，Flyleaf 媒体引擎
- 架构模式：MVVM 分层架构，Model → Service → ViewModel → View
- 核心设计：A/B 固定 Deck架构，两个渲染槽交替播放
- 发布流程：Obfuscar 代码混淆 + PDB 清理 + 体积优化，确保分发包轻量且安全
十、产品迭代规划
ShowFlow 目前已经是一个可以在真实活动中稳定使用的产品，但远未到终点。下一步最重要的规划是跨平台迁移 —— 从 WPF 迁移到 Avalonia，让 ShowFlow 跑在 macOS 和 Linux 上。
“从婚礼舞台到代码世界，从一个门外汉到复赛选手，这一切都源于 TRAE 让创造变得可能。感谢 TRAE，感谢所有关注 ShowFlow 的朋友。”
