跳转至
MIGRATED

XiStudio · 羲音工坊

一页看懂 XiStudio

XiStudio(羲音工坊) 是 Xisound 生态的总入口——一套面向算法工程师、调音师、Tier1 与主机厂的音频算法可视化开发 IDE。 通过流图拖拽、算法 IP 调用、一键编译烧录、AI 辅助调音,把原本需要数月的 DSP 开发缩短到数天。


1. 为什么需要 XiStudio?

1.1 行业痛点

graph LR
    P1[传统 DSP 开发<br/>代码 + 汇编]
    P2[芯片厂闭源 SDK<br/>学习曲线陡峭]
    P3[算法复用<br/>几乎为零]
    Gap[🔥 声学工程师瓶颈]

    P1 --> Gap
    P2 --> Gap
    P3 --> Gap

    Gap --> XiStudio[XiStudio · 统一工作台]

    class P1,P2,P3 xyError
    class Gap xyWarn
    class XiStudio xySuccess
  • 开发门槛高:传统 DSP 开发需深入汇编、寄存器、时序
  • 工具割裂:ADI / Cirrus / TI 各家 IDE 互不兼容
  • 算法封闭:成熟算法 IP 难以跨平台复用

1.2 XiStudio 的答案

  • 可视化流图:拖拽即可构建信号处理链
  • IP 市场化:XiAlgo 算法即插即用
  • 端到端闭环:仿真 → 编译 → 烧录 → 调试
  • AI 辅助:XiMind 协助调音决策

2. 版本矩阵

版本 定位 典型用户 关键特性 授权
Community 免费入门 学生 / 爱好者 流图编辑 + 基础算法 + 仿真 免费(引流)
Pro 专业开发 个人工程师 / 小团队 + 完整 XiAlgo + 硬件烧录 + 调试 年费订阅
Enterprise 企业级 Tier1 / 主机厂 + XiForge + 团队协作 + 定制化 年费订阅(节点数计)
IDM IDM 客户 芯片厂 IDM 合作 + 源码级授权 + 后门接口 一次性 + Royalty

3. 核心能力

3.1 五大核心功能

graph TB
    XiStudio[XiStudio IDE]
    XiStudio --> F1[流图可视化编辑]
    XiStudio --> F2[算法 IP 调用]
    XiStudio --> F3[编译与仿真]
    XiStudio --> F4[烧录与调试]
    XiStudio --> F5[AI 辅助<br/>调用 XiMind]

    F1 --> D1[拖拽式 DSP 链路]
    F2 --> D2[XiAlgo 六大套件]
    F3 --> D3[位精确仿真]
    F4 --> D4[JTAG + XiFlash]
    F5 --> D5[自然语言生成算法]

    class XiStudio xyL4
    class F1,F2,F3,F4,F5 xyL3
    class D1,D2,D3,D4,D5 xyL1

3.2 工作流程

graph LR
    Step1[新建项目] --> Step2[拖拽流图]
    Step2 --> Step3[配置参数]
    Step3 --> Step4[仿真验证]
    Step4 --> Step5[编译]
    Step5 --> Step6[烧录 XiDSP]
    Step6 --> Step7[现场调音]
    Step7 --> Step8[发布 FOTA]

    class Step1,Step2 xyL1
    class Step3,Step4 xyL2
    class Step5,Step6 xyL3
    class Step7 xyL4
    class Step8 xySuccess

4. 界面与交互

4.1 主界面布局

  • 顶部:菜单栏(A) + 主工具栏(B,文件/编译/烧录/模式切换)
  • 左侧(C):项目树 + XiAlgo 算法 IP 库 + 资源(tabs 切换)
  • 中央(D):流图画布(多文档 tabs / Zoom / Pan / Group / Minimap)
  • 右侧(E):上半区参数面板 + 下半区实时仿真示波器(频响/频谱/波形/RTA)
  • 底部(F):编译输出 / 调试控制台 / 问题 / 帧日志 / 终端 / XiMind 对话
  • 状态栏(G):设备连接 · 采样率 · BlockSize · 延迟 · CPU · MemPool
  • 浮动(H):右下 XiMind AI 助手 FAB(可停靠到底部 tab)

🖥️ 可交互布局 Demolayout-demo/index.html 双视图模式:① 渲染态(视觉评估) ② 标注态(编号 A–H + 对应 Vue 组件 + 子功能调用 + 显示方式)。 顶部右侧"渲染态/标注态"切换,或 Alt+A 快捷键。

🎨 6 套配色风格对比 Demolayout-demo/themes.html 同一布局骨架下并列 6 套配色:A 玫瑰金 / B 极光青 / C 米纸浅色(品牌组,严守 brand-color-system v1.2)+ D 极简白 / E 赛博紫黑 / F 毛玻璃(审美组,突破品牌约束仅供风格评估)。点击任一卡片进入全屏 demo,右上"主题切换器"可即时切换对比。

🎛️ 运行时主题切换 Demo(VSCode 风)layout-demo/themes-runtime.html 模拟最终用户体验:① 顶栏 🎨 图标弹主题选择器(带预览缩略图)② 完整设置面板(外观/字号/密度/高对比度/跟随系统/动画)③ 命令面板 Ctrl+Shift+P ④ 快捷键 Ctrl+K T 切主题、Ctrl+, 设置 ⑤ localStorage 自动持久化偏好。证明所有 6 套主题均可由用户自由切换,未来还可扩展第三方主题包导入(JSON 格式)。

🗺️ 产品入口映射 Demolayout-demo/product-entry-map.html 回答"Xisound 14 个产品(XiDSP/XiCore/XiAlgo/XiTune/XiTest/XiMic/XiCal/XiProbe/XiAmp/XiBox/XiMind/XiStudio/XiForge/XiVST)在 IDE 里从哪个位置调用、调用后是悬浮还是整界面切换"。点击左侧任一产品 → 右侧 IDE 上对应入口高亮闪烁(虚线框 + 编号 pin)+ 自动模拟该产品的真实呈现方式(6 种之一:嵌入面板 / 模态对话框 / 右抽屉 / FAB 浮窗 / 整界面切换 / 顶栏弹窗)。底部还有 6 种呈现方式总览 + 当前产品的完整调用流程说明。"显示全部入口"按钮可一次性查看所有 30+ 个调用入口的全局分布。


🆕 v2 三套布局方案对比(基于真实 frontend_vue3 代码扩展,含 5 tab + 多开 Tuning + Module 底部属性 + XiForge UI 设计器)

📦 注:v2 系列已于 2026-05-15 v0.8 收尾归档至 layout-demo/_archive/,仅作历史参考;当前推荐方案见下方 v3 综合融合。

v2-classic-ide.html · 经典 IDE 派(VSCode 风) 严格还原现有 LeftPanel.vue 5 tab(工程/模块库/连接/音效/引擎 + 引擎状态点 + 折叠图标条)。右栏专职 Scope。底部默认 "📋 Module 属性"(Port/参数/MIPS)+ Tuning 托盘 + 日志 tabs。Tuning 多开悬浮(默认开 3 个演示,可拖、可层叠、可最小化到工具栏 🪟 托盘按钮)。

v2-daw-workbench.html · DAW 工作台派(Ableton/FL Studio 风) 画布占全屏,所有面板都是悬浮抽屉/浮窗:左/右/底边缘的触发条按钮 → 弹对应抽屉(5 tab 工程/IP库/连接/Profile/引擎、Scope 频响/频谱/波形/RTA、日志/帧/终端/XiMind)。极简工具栏只留"工程切换 + 编译/运行/烧录 + 🪟 浮窗管理 + 布局快照"。布局快照 L1/L2/L3 一键切换"链路/调音/测试"三种预设布局组合(Ctrl+1/2/3)。Module 属性是独立悬浮窗,默认吸附到画布底部,可拖出变浮动。Tuning 多开自由悬浮(演示开 3 个 + 1 个最小化)。

v2-mission-control.html · Mission Control 派(Logic Pro 风) 顶栏 4 大场景按钮(Ctrl+1~4 切换):📐 链路设计 / 🎚 调音 / 🧪 测试 / 🔥 部署。每个场景整体布局完全不同 — 调音场景用 Tuning Stack 并排卡片 + 8 通道 RTA;测试场景全屏测试中心;部署场景 4 步流程 + 烧录进度。链路设计场景的右栏 Inspector 是只读概览,"⚙ 打开 Tuning"按钮弹悬浮多开。

v2-xiforge.html · XiForge 算法 IP 工坊 与 XiStudio 哲学完全不同:主画布是调音工具 UI 设计器(Figma/Qt Designer 风),不是流图。左控件库(基础控件 + 我的 IP)+ 中央 UI 画布(拖拽控件、自由布局、可选中、可调大小)+ 右控件属性(Layout/Style/Binding/Events)+ 底部算法源码实时自动生成(带 [GEN] 标记区域,UI 改动同步刷新 cpp 骨架)。3 视图切换:UI 设计 / 算法源码 / 仿真测试。


v3 综合融合方案 · macOS 风格(基于上述 4 个 v2 方案融合 + 用户反馈定稿,当前推荐实现方案):

🍎 v3-unified-macos.html · 综合融合 · macOS 设计语言 融合 v2 4 套方案的最佳实践 + 全面 macOS / Vision OS 设计风格。顶部双行(菜单栏 28px + 工具栏 44px,圆角按钮组)+ 4 主 tab(XiStudio / XiForge / XiTune / XiProbe,胶囊式 Pill Tabs,含 License 灰显态、Ctrl+1~4 快捷键)+ 子 tab 切换栏(每个主 tab 独立配置,参考 v2-xiforge 的 3 视图模式)+ 三栏主体(左 240 / 中 1fr / 右 320,macOS Sidebar 风)+ 共享底部面板(编译/log/Module 属性/代码生成/Tuning 托盘,绝对定位 220px)+ 状态栏(24px)。设计要点:圆角 10–14px、毛玻璃 backdrop-filter: blur(20px) saturate(180%)、SF Pro 字体栈、红黄绿三色窗口控制按钮、SFSymbols 风格 emoji 图标、滚动条 hover 才显、按钮按下 scale(0.97) 反馈、品牌玫瑰金焦点环(非系统蓝)。License 隔离:4 主 tab 各自异步加载(懒加载 chunk),未授权 tab 灰显 + 路由守卫拦截,VST 开发场景 = 仅启用 XiForge tab。主题:默认玫瑰金(A),6 套主题运行时切换(沿用 themes-runtime 的 ThemeEngine + localStorage)。Tuning 多开:沿用 v2-classic-ide 的 9 函数模式(open/close/minimize/show/closeAll/bringToFront/makeDraggable/refreshTray/toggleTray),每个浮窗 macOS 化(traffic-lights + 圆角 + 毛玻璃)。辅助产品(XiCal/XiMic/XiBox 等)以小型悬浮窗形式从右侧栏调出,服务于主 tab。

📐 v3-implementation-spec.md · 前端智能体实现规格 配套规格文档,给前端智能体(Cline / Cursor / Copilot)的可执行实施手册:① 设计 token 拆分(tokens.css / themes.css / macos.css)② Vue 3 路由设计(4 主 tab 异步加载 + License 守卫)③ Pinia store 总清单(10 个 store)④ 组件树清单(直接复用 24 个 / 重写 5 个 / 新增 16 个)⑤ TypeScript 接口签名(TuningInstance / LicenseTier / Command 等完整定义)⑥ 关键 composable 实现源码(useTheme / useTuningManager / useAuxWindow / useCommandPalette)⑦ macOS 9 个关键 CSS 实现要点速查表 ⑧ 主要交互逻辑触发链路图 ⑨ 验收标准(Definition of Done · 9 项)+ 附录 demo 行号 ↔ 规格章节对应索引 + bash 文件创建脚本。预计工时 ~10 人日。

4.2 与现有前端代码的对应关系

📍 前端代码位置D:\work\25_claude\workspace\AlgoDepartment\04_development\frontend_vue3 当前实现为 TuningTool(实时调音工具),将作为 XiStudio Community 的代码基线扩展。

区域 现有 Vue 组件 XiStudio 后续扩展
A 菜单栏 (新增) 命令面板、文件菜单、AI 状态徽章
B 工具栏 Toolbar.vue 增加 编译/烧录/工作模式切换 按钮组
C 左栏 LeftPanel.vue + ModuleLibraryPanel.vue + PresetPanel.vue tabs 化(项目/IP库/资源),按 L0–L5 着色
D 中央画布 LinkEditor.vue + LinkEditor/* 多文档 tabs、Minimap、自动布局
D 节点弹窗 *TuningDialog.vue(GEQ/Mixer/Delay/Limiter/MDRC/VirtualBass…) 双击节点进入;调音模式锁 system 参数
E 上:参数 PropertyPanel.vue / FloatingPropertyPanel.vue Source/Tunable 区分;调音模式只可改 Tunable
E 下:示波器 (新增 ScopePanel.vue 频响(前端计算)+ 频谱(pysidecar FFT)+ 波形(WS 二进制流)+ RTA
F 底部 LogPanel.vue tabs 化:编译/调试/问题/帧日志/终端/XiMind
G 状态栏 StatusBar.vue 颜色编码 + 设备状态
H AI FAB (新增 XiMindDock.vue,底层服务在 src/ai-assistant/ 自然语言改参 / 频响差异解释 / 自动调音建议

4.3 特色交互

XiStudio 设计哲学

  • 即拖即用:从 XiAlgo 库拖出算法块 → 连线 → 即可跑
  • 所见即所得:波形、频谱、声压图实时显示
  • AI 共创:一句话生成算法链(XiMind 辅助)
  • 团队协作:Enterprise 版支持多人同步编辑(类似 Figma)

5. 在 Xisound 生态中的位置

graph TB
    XiStudio[XiStudio · L4 IDE]
    XiStudio -.烧录.-> XiDSP[XiDSP · L0]
    XiStudio -.调用.-> XiAlgo[XiAlgo · L3]
    XiStudio -.驱动.-> XiTune[XiTune · L2]
    XiStudio -.驱动.-> XiTest[XiTest · L2]
    XiStudio -.云联动.-> XiMind[XiMind · L5]

    XiForge[XiForge · L4] -.扩展.-> XiStudio

    class XiStudio,XiForge xyL4
    class XiAlgo xyL3
    class XiTune,XiTest xyL2
    class XiDSP xyL0
    class XiMind xyL5

定位生态总入口 —— 没有 XiStudio,就没有 Xisound 的用户粘性。


6. 典型使用场景

6.1 Tier1 芯片厂方案工程师

  • 新车型客户需求到达 → 在 XiStudio 新建项目
  • 从 XiAlgo-FX + XiAlgo-NR 拖出所需算法
  • 调整参数 → 仿真验证 → 编译下载 XiDSP → 功放测试
  • 整个过程从传统 2 周缩短到 2 天

6.2 主机厂内部调音团队

  • 使用 Enterprise 版 + XiForge 打造专属品牌调音曲线
  • 多车型复用同一套基础调音模板
  • 结合 XiTune 与 XiMic,现场一键声学测量 → AI 建议 → 手动微调

6.3 后装改装工程师

  • 免费版学习入门
  • 升级到 Pro 版做付费项目
  • 输出调音方案到 XiBox 快速上车

7. 商业模式

7.1 定价策略(行业通用参考)

版本 年费参考 说明
Community 0 免费引流
Pro(单人) 年订阅
Pro(团队) 按账号数阶梯
Enterprise 节点数 × 年
IDM 一次性 + Royalty

提示

具体价格以商务中心 pricing-handbook.md 为准(Phase 2 陆续发布)。

7.2 转化漏斗

graph LR
    Free[免费 Community<br/>10000+ 开发者] --> Paid[Pro 付费<br/>1000+ 工程师]
    Paid --> Ent[Enterprise 企业<br/>100+ Tier1/OEM]
    Ent --> IDM[IDM 合作<br/>10+ 芯片厂]

    class Free xyL1
    class Paid xyL2
    class Ent xyL3
    class IDM xyL5

8. 里程碑速查

时间 事件
2026 Q2 Community v0.1 开源预览
2026 Q3 Community v1.0 正式版(MVP)
2026 Q4 Pro v1.0 首发(XiDSP-D1 适配)
2027 Q2 Enterprise v1.0(团队协作)
2027 Q4 XiMind 集成(AI 辅助调音)
2028 Q2 IDM 授权版

9. 下一步


附录 · 版本历史

版本 日期 要点
v1.0 2026-05-05 首版 · 基于 PRD v1.0 精简为对外概述页

overview.md · D2-P1-SPEC-000 · v1.0 · 2026-05-05 · Xisound 产品中心 · 工具产品组