Melody Workshop

March 28, 2025 ยท View on GitHub

English | ็ฎ€ไฝ“ไธญๆ–‡

๐ŸŒท Preview

Live Demo

Processor

Mixer

๐Ÿ”ฅ Features

๐Ÿ’• Single Audio Processing

  • Playback range trimming
  • Pitch filter application
  • Volume and speed adjustment

๐Ÿ’• Multiple Audio Mixing

  • File add and delete
  • Track volume control

๐Ÿ’• Audio Exporting

  • Format selection
  • Bit rate setting

๐Ÿง™๐Ÿป Development

node version yarn version

If you are familiar with the Web frontend technologies and are interested in source code, you can run this program using the following commands:

npm install # pnpm install
npm run dev

Here is an architecture diagram to help you better understand the entire project:

Architecture

Additionally, here are some audio-related articles that may be useful to you (written in Chinese):