[Open Source Recommendation] An Example based on Wavesurfer + Web Audio API + React

[RylanBot]

Repository: github.com/RylanBot/melody-workshop

This is a course assignment I recently completed, and I’m sharing it publicly now.

During the development process, I benefited greatly from community discussions.

While the project is not perfect, I hope the code can be useful to other developers in the future.

Below is a README.

---

🌷 Preview

🔥 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

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