04 / 06귀찮아서 만든 것
Looply
음악과 이미지를 긴 플레이리스트 MP4 하나로 만들어 주는 웹 앱
- 원래
편집 프로그램을 켜고, 2시간짜리 플레이리스트 영상 굽기- 이제
- 음악과 이미지를 올리고 시간만 정하면, 서버가 알아서 MP4를 구워요
열어 보기 looply.todah.devLIVE
2h한 번에 굽는 영상 길이
01실제 화면
02이런 걸 해요
- MP3, M4A, WAV, MP4 음악을 순서대로 잇고, 이미지는 정한 시각에 바꿔요
- 최대 2시간, 1920x1080 H.264/AAC로 출력해요. 실제 7,198초 영상으로 검증했어요
- SQLite 작업 큐와 별도 워커라서 브라우저를 닫아도 계속 만들어요
- 인코딩 중에 프로세스가 죽어도 다음 워커가 정리하고 이어 가요
03만든 이야기
왜 만들었나
작업할 때 틀어 둘 긴 플레이리스트 영상을 만들려면 편집 프로그램을 켜고 한참을 기다려야 했어요. 음악 순서와 배경만 정하면 되는 일인데 말이죠.
어떻게 돌아가나
파일을 올리면 서버가 실제로 분석하고, 조합을 저장한 뒤 작업 큐에 넣어요. 워커가 FFmpeg로 영상을 만들고, 진행률을 보여 주다가 끝나면 바로 내려받을 수 있어요.
신경 쓴 것
종료 코드만 보고 성공이라고 하지 않았어요. 실제 2시간 영상을 만들어서 곡이 바뀌는 지점과 이미지가 바뀌는 지점의 소리와 색을 하나하나 확인했어요.
04재료와 배포
- React
- Vite
- TypeScript
- Node.js 24
- FFmpeg
- SQLite
Coolify집 서버
웹, API, 워커를 한 이미지로 묶어 Coolify에 올렸어요
git pushCoolifylooply.todah.dev
- 시작
- 최근
- 기간
- 2일
- 커밋
- 8개
한 획에 커밋 하나, 파란 획이 마지막 커밋이에요