오픈 소스, 자체 호스팅 가능한 비디오 협업 도구 CaptureFlow 제작기
요약
팀원 간의 협업 및 버그 재현을 위한 오픈 소스 비디오 협업 도구 CaptureFlow를 소개합니다. 이 도구는 Chrome 확장 프로그램으로 탭, 창, 전체 화면 녹화를 지원하며, 모든 기능은 자체 인프라에 호스팅할 수 있습니다.
핵심 포인트
- Chrome 확장 프로그램을 통해 웹캠/마이크와 함께 다양한 스크린 녹화가 가능합니다.
- Cloudflare Workers, D1, R2를 사용하여 완전한 자체 호스팅 환경을 구축했습니다.
- 녹화된 영상과 스크린샷은 공유 링크로 제공되며 피드백(댓글, 이모지)이 남아있습니다.
- AGPL-3.0 라이선스로 모든 기능이 오픈 빌드에서 제공됩니다.
저는 팀원들을 위해 짧은 데모나 버그 재현 영상을 많이 녹화하는데, 이 영상들이 제 자체 인프라에 저장되기를 원해서 CaptureFlow를 만들었습니다. 기능은 다음과 같습니다.
Chrome 확장 프로그램: 탭, 창 또는 전체 화면을 웹캠 버블과 마이크와 함께 녹화할 수 있습니다. 녹화하는 동안 업로드되어, 중지 버튼을 누르면 공유 링크가 이미 복사됩니다. 공유 페이지에는 댓글, 이모지 반응, 조회수 카운트가 있어 피드백이 영상에 남아있습니다. 스크린샷도 동일하게 호스팅 링크를 받으며, 첨부 파일로 관리되지 않습니다. 페이지 내 제어판에서 일시정지, 재개 또는 3-2-1 카운트다운(건너뛰기 가능)을 통해 다시 시작할 수 있습니다.
자체 호스팅: 자체 Cloudflare 계정에서 실행됩니다: 앱은 Workers로, 메타데이터는 D1로, 비디오 바이트는 R2로 처리합니다. 배포는 wrangler와 몇 가지 비밀값만 필요하며(저장소에 가이드 있음), 무료 티어만으로도 개인적인 사용에는 충분합니다. AGPL-3.0 라이선스이며, 모든 기능은 오픈 빌드에서 제공됩니다. captureflow.dev의 호스팅 버전 역시 동일한 코드를 실행합니다.
저장소: https://github.com/sardorml/captureflow
1분 데모:
스택에 대해 궁금한 점이 있다면 기꺼이 답변드리겠습니다. 가장 재미있었던 부분은 MV3의 오프스크린 문서 캡처 파이프라인과 녹화 도중 R2로 스트리밍 멀티파트 업로드였습니다.
/u/sardorml 제출 [링크] [댓글]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/SelfHosted (AI filter)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기