바이브 코딩으로 저작권 없는 AI 무료 음악 사이트 만들기 - 1

오픈 AI의 코덱스(Codex)를 사용하여 저작권 없는 AI 무료 음악을 공유하는 사이트를 제작했습니다. 초기 버전이라 회원가입, 로그인, 음악 등록, 이미지 및 오디오 S3 업로드 등 기본적인 기능만 구현되어 있습니다. 아직 사이트가 구글에서 노출되지 않아 정적 사이트로 배포했기 때문에 음악 검색과 같은 기능은 동적 사이트로 배포할 때에 구현할 예정입니다.

 

바이브 코딩으로만 제작되었기 때문에 아직 UI는 수정이 필요할 것 같습니다. 아직 테스트 단계라 회원 가입은 불가능합니다. 

 

https://lyrlog.com/

릴로그

 

 

구현 예정

- 메인 페이지 및 트랙 페이지 UI 수정
- 커스텀 오디오 태그(웨이브폼, 웨이브폼 클릭시 해당 구간으로 이동, 음소거 및 볼륨 조절)
- 오디오 재생속도 조절
- 이미지 업로드시 앨범 커버 변경(이미지 업로드가 없다면 기존 앨범 커버 사용)
- 메인 페이지 한 곡 재생
- 메인 페이지에서 곡 재생시 다음 곡으로
- 다크모드
- 검색 기능(동적 사이트 배포시)

 

구현된 기능

- 회원 가입
- 로그인
- 음악 등록
- 음악 삭제
- 음악 및 이미지 S3에 업로드
- S3 이미지 및 오디오 호출시 presignUrl로 변경