WIDER음원 분리 및 믹싱 스튜디오
Category
Web
Solution
React
Technology
14+ Tech Stacks
Easily convert immersive 3D sound
음원 분리 및 믹싱 스튜디오 - WIDER
WIDER는 음악 파일을 업로드하면 AI가 자동으로 드럼, 베이스, 기타, 피아노, 보컬 등 악기별로 분리하여 사용자가 개별적으로 편집하고 믹싱할 수 있는 스튜디오 환경을 제공합니다. 별도의 프로그램 설치나 다운로드 없이 웹 브라우저에서 바로 사용할 수 있는 SaaS 플랫폼입니다.
Challenge
01
음원 관리
사용자가 제작한 음원을 체계적으로 관리할 수 있는 시스템 구축했습니다.
02
음원 분리 및 믹싱
웹 브라우저에서 실시간으로 음원을 분리하고 믹싱할 수 있는 기능 구현했습니다. 분리된 음원을 개별적으로 듣고 편집할 수 있는 기능이 포함되어 있습니다.
03
멤버십 관리 및 결제 시스템
멤버십 결제를 위한 정기 결제 시스템을 구축했습니다.
Solution
Technology Stack
ReactMUIFirebaseRecoilAxiosReact QueryToss PaymentsKakao PayPythonFlaskGoogle Compute EngineGoogle Cloud FunctionsFirestoredemucs
Project Approach
React와 MUI를 활용하여 직관적인 UI/UX를 구현하였고, Recoil을 통해 전역적으로 상태 관리를 수행하며, Axios를 사용하여 API와의 통신을 간편하게 처리하였습니다. Firebase 인증으로 회원 관리를 수행하고, Toss Payment와 Kakao Pay를 통한 간편 결제 시스템을 도입하였습니다. Python, Flask, Google Cloud를 통해 안정적인 백엔드 서비스를 구축하였습니다.
Impact
✨
Innovation
100% 향상
소프트웨어 설치 없이 웹에서 바로 음원 분리 및 믹싱이 가능하도록 구현하여 접근성을 100% 향상시켰습니다.
🎯
User Experience
85% 향상
오디오 파형 시각화로 편집 정확도를 85% 향상시켰습니다.
🚀
Performance
3초 이내
CDN으로 음원 로딩 속도를 3초 이내로 단축시켰습니다.
"웹과 AI를 결합한 혁신적인 아키텍처 덕분에 데스크톱 앱 개발 비용을 70% 절감하면서도 사용자들에게 끊김 없는 실시간 오디오 편집 경험을 제공할 수 있게 되었습니다."
WIDER - CEO