해온 일

playbody · 영상 판매·스트리밍 서비스

외장 하드에 흩어져 있던 영화·강의 영상(약 46GB)을 포인트로 사고 소장해 시청하는 스트리밍 서비스로 옮겼습니다. 업로드 · GPU 인코딩 · 암호화 스트리밍 · 720p~4K 화질 선택 · 관리자 화면까지 만들고, 배포 중에도 서비스가 끊기지 않게 운영합니다.

영상 판매·시청 채널

이전

영상이 외장 하드에 보관돼 판매·시청할 곳이 없음

이후

영화 16편 · 강의 3시리즈 39강을 이관해 포인트 구매 → 소장 → 720p~4K 시청까지 한 서비스로 운영

데스크톱 시청 화면. 가운데 플레이어에 재생 막대와 화질 메뉴(자동·4K·QHD·1080p·720p)가 열려 있고, 오른쪽에 시리즈 회차 목록이 시청함·시청 중 표시와 함께 놓이며, 아래에 같은 분류의 강의 포스터 네 장이 있다.

화면은 고객 정보 보호를 위해 같은 기능을 목데이터로 다시 구성한 것입니다.

지금 접속해 데스크톱·모바일 화면을 볼 수 있습니다 playbody.net
고객
영상 콘텐츠 운영사
산업
미디어 · 교육
수행
2026
기간
2026년 10월 구축 · 운영 중
영역
제품 개발
  • Next.js · Mantine
  • PostgreSQL
  • 이어 올리기 업로드
  • GPU 인코딩(H.264 · HEVC)
  • 암호화 HLS
  • 포인트 결제
  • blue/green 무중단 배포

배경

영상은 있었지만 외장 하드에 있었습니다. 팔려면 결제가, 보려면 기기와 회선 상태에 맞는 화질이, 지키려면 다운로드를 막는 장치가 필요했습니다. 영상이 늘 때마다 손이 덜 가야 했습니다.

만든 것

  • 시청 — 화질은 자동으로 고르거나 720p · 1080p · QHD · 4K 중에서 직접 고릅니다. 이어 보기와 다음 화가 같은 플레이어 안에서 이어져 전체 화면이 풀리지 않습니다
  • 구매와 소장 — 포인트를 충전하고, 영상·시리즈별로 정한 포인트를 내면 계속 소장합니다
  • 웹과 모바일 — 데스크톱과 모바일 모두 앱처럼 쓰도록 하단 탭·상세 팝업·포스터 화면을 각각 맞췄습니다

모바일 화면 세 장. 왼쪽은 이어서 보기와 분류별 포스터가 놓인 홈, 가운데는 소장 가격과 내 포인트를 보여 주고 구매 버튼이 있는 상세, 오른쪽은 충전 금액과 결제 수단을 고르는 포인트 충전 화면이다.

  • 관리자 — 이어 올리기로 큰 원본을 올리면 원본을 한 번만 해독해 H.264 · HEVC 화질 단계를 GPU로 만들고, 조각마다 암호화한 스트리밍 파일로 내보냅니다. 영상별 가격과 공개 상태도 여기서 정합니다

관리자 업로드·인코딩 화면. 위에 등록 영상 58편(영화 16 · 강의 39 · 예고편 3), 인코딩 대기, 저장 용량, 무중단 배포 카드가 있고, 아래 표에 영상별 분류·화질 단계·인코딩 진행률·가격·공개 상태가 적혀 있다.

결과

2026년 10월 구축해 운영 중입니다. 외장 하드의 영화 16편과 강의 3시리즈 39강(약 46GB)을 옮겼고, 새 버전은 대기 쪽 서버에 먼저 띄워 상태를 확인한 뒤에만 전환하므로 배포 중에도 시청이 끊기지 않습니다.

프로젝트 목표, 서비스 구조, 사용 기술핵심 기능 1. 대표 시리즈와 분류별 목록 — 첫 화면에서 대표 시리즈의 회차 수와 화질, 소개를 보여 주고 바로 재생합니다.
아래로 영화와 시리즈가 분류별로 이어집니다.핵심 기능 2. 시리즈 상세와 회차 목록 — 장르·관람 등급·가격을 보여 주고, 회차마다 길이를 표시합니다.
회차를 고르면 같은 플레이어 안에서 다음 화로 이어집니다.핵심 기능 3. 제목·장르·줄거리로 찾는 검색 — 제목과 장르, 줄거리로 검색하고 장르 버튼으로 바로 좁혀 봅니다.
데스크톱과 모바일 모두 같은 흐름으로 씁니다.모바일 화면 — 같은 기능을 휴대폰 화면에 맞춰 다시 배치주요 화면달라지는 업무와 직접 수행한 범위