my-melody: 소리가 시각이 되는 곳 🎵✨🖼️

my-melody는 AI 기술을 활용하여 오디오를 시각적 예술로 변환하는 혁신적인 프로젝트입니다. 음악이나 음성을 독특하고 개인화된 앨범 커버 이미지로 변환하여, 청각적 경험을 시각적 걸작으로 만들어냅니다.

🌟 주요 기능

• 🎙️ 음성 인식: 실시간으로 사용자의 음성을 인식하고 텍스트로 변환합니다.
• 🖼️ 텍스트 to 이미지: 변환된 텍스트를 바탕으로 AI가 독특한 이미지를 생성합니다.
• 💿 인터랙티브 CD 플레이어: 사용자 친화적인 인터페이스로 음악 재생 및 제어가 가능합니다.

🚀 기술 스택

• ⚛️ React
• 📘 TypeScript
• 🎤 @ricky0123/vad-react: 음성 활동 감지(VAD) 라이브러리
• 🎨 Material-UI: UI 컴포넌트
• 🖌️ Lucide React: 아이콘

🏁 시작하기

1. 저장소를 클론합니다:

   git clone https://github.com/your-username/my-melody.git
   

2. 의존성을 설치합니다:

   cd my-melody
   npm install
   

3. 개발 서버를 실행합니다:

   npm run dev
   

4. 브라우저에서 http://localhost:3000을 열어 앱을 확인합니다.

📖 사용 방법

1. 💿 CD 플레이어 인터페이스에서 음악을 재생합니다.
2. 🎙️ 마이크 버튼을 클릭하여 음성 인식을 시작합니다.
3. 🗣️ 말하면 자동으로 텍스트로 변환되어 표시됩니다.
4. 🎨 변환된 텍스트를 바탕으로 AI가 독특한 이미지를 생성합니다.

🤝 기여하기

프로젝트에 기여하고 싶으시다면 Pull Request를 보내주세요. 큰 변경사항의 경우, 먼저 이슈를 열어 논의해 주시기 바랍니다.

📄 라이선스

이 프로젝트는 MIT 라이선스를 따릅니다.

---

🎹🎨 my-melody와 함께 당신의 음악이 예술에 영감을 주고, 그 조화로움이 눈앞에서 생생하게 펼쳐지는 것을 경험하세요. 👀🌈