Repolode
diggerhq

diggerhq/shipvideo

URL이나 텍스트 프롬프트를 붙여 넣으면 Claude Opus가 HTML로 작성하고 서버리스 에이전트가 렌더링하는 20~40초 분량의 출시 영상 생성

스타
351
포크
39
열린 이슈
1
마지막 커밋
19일 전

어떤 프로젝트인가요?

LaunchVideo(shipvideo)는 비디오 모델 없이 짧은 출시 영상을 생성합니다. URL이나 프롬프트를 입력하면 Claude Opus 5.5가 하나의 HTML 영화 파일을 작성하고, OpenComputer의 서버리스 에이전트가 가상 시계에 맞춰 헤드리스 Chromium에서 프레임별로 렌더링한 다음 ffmpeg로 프레임을 인코딩해 MP4로 만듭니다.

URL 모드에서는 에이전트가 먼저 페이지를 가져와 제목, 설명, 제목 요소, 주요 HEX 색상, Google Fonts를 추출해 영상에 제품 고유의 브랜딩이 반영되도록 합니다. 렌더링 전에 장면에 JS 오류가 있는지, 텍스트가 화면에 표시되는지 확인하고, 완성된 파일은 다운로드할 수 있도록 세션 작업 공간에 저장합니다.

프로젝트는 OpenComputer 에이전트 프로젝트(`director` 에이전트)와 양식 및 두 개의 API 라우트를 제공하는 Next.js 웹 앱으로 구성됩니다. 웹 앱에는 OpenComputer API key만 있으면 되며 자체 저장소는 사용하지 않습니다.

핵심 기능

  • 01URL이나 텍스트 프롬프트로 20~40초 분량의 1920x1080 영상을 생성합니다.
  • 02가상 시계에 맞춰 헤드리스 Chromium에서 프레임을 렌더링해 결정론적인 결과를 제공합니다.
  • 03ffmpeg(libx264, yuv420p, faststart)로 결과물을 MP4로 인코딩합니다.
  • 04URL에서 색상, 폰트, 페이지 텍스트를 추출해 제품의 브랜딩을 반영합니다.
  • 05OpenComputer 계정용 원클릭 배포 매니페스트를 제공합니다.

활용 사례

  • 기존 랜딩 페이지 URL을 활용해 제품 출시 영상을 빠르게 제작합니다.
  • 비디오 편집 소프트웨어 없이 텍스트 설명으로 짧은 설명 영상을 만듭니다.
  • LLM이 생성한 HTML 애니메이션을 영상으로 렌더링해 실험합니다.

빠른 시작

  1. 1

    의존성을 설치하고 OpenComputer 프로젝트를 연결합니다

    npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch
  2. 2

    웹 앱 의존성을 설치하고 Vercel에서 환경 변수를 가져옵니다

    cd web && npm install && vercel link && vercel env pull .env.local
  3. 3

    OpenComputer API 키와 에이전트 ID를 web/.env.local에 추가합니다

  4. 4

    웹 앱을 로컬에서 실행합니다

    cd web && npm run dev

사용 전 알아둘 점

  • 실행하려면 OpenComputer 계정과 API 키가 필요합니다.
  • README에 라이선스가 명시되어 있지 않아 재사용 조건이 불분명합니다.
  • 렌더링은 실제 시간과 거의 동일하게 걸리므로 30초짜리 영상은 30~40초가 걸립니다.

토픽

자주 묻는 질문

shipvideo은(는) 무엇인가요?
URL이나 텍스트 프롬프트를 붙여 넣으면 Claude Opus가 HTML로 작성하고 서버리스 에이전트가 렌더링하는 20~40초 분량의 출시 영상 생성 LaunchVideo(shipvideo)는 비디오 모델 없이 짧은 출시 영상을 생성합니다. URL이나 프롬프트를 입력하면 Claude Opus 5.5가 하나의 HTML 영화 파일을 작성하고, OpenComputer의 서버리스 에이전트가 가상 시계에 맞춰 헤드리스 Chromium에서 프레임별로 렌더링한 다음 ffmpeg로 프레임을 인코딩해 MP4로 만듭니다.
shipvideo은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
shipvideo에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.
shipvideo은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. shipvideo의 마지막 커밋은 2026년 10월 1일입니다.
shipvideo은(는) 어디에 사용할 수 있나요?
기존 랜딩 페이지 URL을 활용해 제품 출시 영상을 빠르게 제작합니다. 비디오 편집 소프트웨어 없이 텍스트 설명으로 짧은 설명 영상을 만듭니다. LLM이 생성한 HTML 애니메이션을 영상으로 렌더링해 실험합니다.
shipvideo는 어떻게 설치하나요?
의존성을 설치하고 OpenComputer 프로젝트를 연결합니다: npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch 웹 앱 의존성을 설치하고 Vercel에서 환경 변수를 가져옵니다: cd web && npm install && vercel link && vercel env pull .env.local OpenComputer API 키와 에이전트 ID를 web/.env.local에 추가합니다 웹 앱을 로컬에서 실행합니다: cd web && npm run dev
shipvideo은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/diggerhq/shipvideo

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트