MCPcopy Index your code
hub / github.com/RylanBot/melody-workshop

github.com/RylanBot/melody-workshop @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
159 symbols 320 edges 35 files 1 documented · 1%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Logo Melody Workshop

English | 简体中文

🌷 效果预览

在线示例

处理器

混合器

🔥 功能介绍

💕 单音频处理

  • [x] 播放范围剪裁
  • [x] 变调滤镜应用
  • [x] 音量音速调节

💕 多音频混合

  • [x] 文件添加删除
  • [x] 轨道音量控制

💕 音频导出

  • [x] 格式选择
  • [x] 码率设置

🧙🏻 二次开发

node version yarn version

如果你熟悉 Web 前端技术且对源码感兴趣,可以根据以下命令,在本地启动这个程序:

npm install # pnpm install
npm run dev

这里有一份架构图方便你更好理解整个项目:

架构

以及一些也许对你有用的音频知识文章:

Extension points exported contracts — how you extend this code

HTMLAttributes (Interface)
(no doc)
src/types/unocss.d.ts
MainContainerProps (Interface)
(no doc)
src/components/layout/MainContainer.tsx
SettingState (Interface)
(no doc)
src/stores/settingStore.ts
Track (Interface)
(no doc)
src/libs/audio/mixer.ts
TrackMeta (Interface)
(no doc)
src/hooks/useMultiTrackContext.tsx
IntroCardProps (Interface)
(no doc)
src/components/layout/IntroCard.tsx
SettingAction (Interface)
(no doc)
src/stores/settingStore.ts
LoadedTrack (Interface)
(no doc)
src/libs/audio/mixer.ts

Core symbols most depended-on inside this repo

push
called by 15
src/libs/audio/ola.ts
shift
called by 9
src/libs/audio/ola.ts
forEach
called by 6
src/libs/audio/ola.ts
secondsToTime
called by 6
src/libs/common/time.ts
slice
called by 4
src/libs/audio/ola.ts
writeString
called by 4
src/libs/audio/wav.ts
destroy
called by 4
src/libs/audio/processor.ts
timeToSeconds
called by 4
src/libs/common/time.ts

Shape

Method 68
Function 64
Interface 15
Class 12

Languages

TypeScript100%

Modules by API surface

src/libs/audio/ola.ts56 symbols
src/hooks/useMultiTrackContext.tsx12 symbols
src/libs/audio/processor.ts10 symbols
src/libs/audio/mixer.ts9 symbols
src/libs/audio/converter.ts8 symbols
src/hooks/useWaveSurferContext.tsx8 symbols
src/libs/audio/wav.ts6 symbols
src/libs/common/time.ts5 symbols
src/components/audio/AudioUploader.tsx5 symbols
src/components/audio/AudioTimeInput.tsx5 symbols
src/components/audio/AudioCutter.tsx5 symbols
src/stores/settingStore.ts4 symbols

For agents

$ claude mcp add melody-workshop \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact