WIDERAudio Separation and Mixing Studio
Category
Web
Solution
React
Technology
14+ Tech Stacks
Easily convert immersive 3D sound
Audio Separation and Mixing Studio - WIDER
WIDER provides a studio environment where AI automatically separates uploaded music files into individual instruments (drums, bass, guitar, piano, vocals, etc.) that users can edit and mix individually. It's a SaaS platform that can be used directly in a web browser without installing or downloading separate programs.
Challenge
Audio Management
Built a system that allows users to systematically manage their created audio files.
Audio Separation and Mixing
Implemented features to separate and mix audio in real-time in a web browser. Includes the ability to listen to and edit separated audio individually.
Membership Management and Payment System
Built a recurring payment system for membership subscriptions.
Solution
Technology Stack
Project Approach
Implemented intuitive UI/UX using React and MUI, performed global state management through Recoil, and simplified API communication using Axios. Managed user authentication with Firebase, and introduced a simple payment system through Toss Payment and Kakao Pay. Built a stable backend service through Python, Flask, and Google Cloud.
Impact
Innovation
100% Improved
Enhanced accessibility by 100% by implementing audio separation and mixing directly in the web without software installation.
User Experience
85% Improved
Enhanced editing accuracy by 85% with audio waveform visualization.
Performance
Within 3 secs
Reduced audio loading speed to within 3 seconds with CDN.
"Thanks to the innovative architecture combining web and AI, we were able to reduce desktop app development costs by 70% while providing users with a seamless real-time audio editing experience."