데모앱·위젯
여행 숏폼 영상 템플릿 자동 생성
방문 기록의 사진과 현장 영상으로 브라우저가 15~20초 9:16 영상 파일을 만들고, 내려받을 수 있습니다.
travel-shortform-demo-158772-production.up.railway.app
열어 보시면 이런 걸 확인하실 수 있습니다
- [시작하기] 뒤 올리기 화면의 영수증 사진에는 '영상 제외' 표시가 붙어 있습니다
- [숏폼 만들기]를 누르면 타임라인 막대가 구간을 나누고 720×1280 영상이 만들어집니다
- 완성되면 파일을 다시 읽은 해상도·길이·코덱·용량이 검증 행에 나옵니다
- 장소 상세에서 메뉴판 정가와 1인 실제 결제금액 범위를 나란히 봅니다(가상 데이터)
만들면서 풀어야 했던 것
- 사진 장수에 따라 영상 길이가 제각각이면 피드의 리듬이 무너집니다. 사진 수·종류와 영상 길이로 템플릿 타임라인을 계산해, 같은 규칙에서 영상용 사진 2장은 15.5초, 8장은 19.8초로 15~20초 안에 맞추고, 그 범위를 채울 수 없는 입력은 영상을 만들지 않고 사유를 표시했습니다. 영수증 사진은 가격 확인용으로만 남기고 영상에서는 뺐습니다.
- 영상이 원하는 형식으로 나왔는지는 미리보기만으로 알 수 없습니다. 브라우저가 타임라인을 프레임 단위로 그려 인코딩한 파일을 다시 읽어 해상도·길이·코덱·용량을 표시하게 했고, 확인한 Chrome 환경에서는 시연 입력이 720×1280 · 17.6초 H.264 MP4로 나왔습니다. 서버에서 같은 템플릿 규칙으로 실행할 FFmpeg 명령도 같은 타임라인에서 만들어 보여 주되, 데모 안에서는 실행하지 않습니다.
- 메뉴판 정가와 실제로 낸 금액이 한 칸에 섞이면 다음 여행자가 믿을 수 있는 가격 정보가 되지 않습니다. 두 값을 따로 입력받아 장소 상세에 나란히 보여 주고, 실존 업소에 가상 가격·리뷰를 붙이면 허위 리뷰가 되므로 장소·메뉴·가격·리뷰는 모두 가상 데이터로 만들었습니다.
비슷한 걸 만들어 보고 싶으시다면
구간 견적으로 규모를 먼저 가늠해 보시거나, 조건을 적어 보내 주시면 범위를 정리해 회신드립니다.