NLINECJWKE
네이버·라인·CJ ENM 동영상 플랫폼 직무를 준비하는 수강생도 이 강의를 듣고 있어요.
미디어
미디어고급HLSFFmpegCaption
HLS 스트리밍과 영상 운영
ffmpeg, HLS, 자막, 더빙 트랙을 강의 서비스 흐름에 맞게 설계합니다.
4.9(73)
受講生 520
·AU스트림마스터
동영상 강의를 판매할 때 필요한 HLS 운영 전략을 다룹니다. 로컬 인코딩 승인 플로우를 기준으로 설명합니다.
배우게 되는 것
- HLS 변환 흐름 이해
- 자막 트랙 운영
- 로컬 인코딩 승인 방식 설계
추천 대상
영상 기반 교육 서비스를 운영하려는 개발자와 강의 판매자
준비물
기본적인 파일 업로드와 웹 비디오 개념
실전 프로젝트 화면
HLS 인코딩과 재생 검수 화면
이 강의는 다음을 포함합니다
35개 수업 · 총 12시간 17분
12시간 분량 커리큘럼
35개 수업
계좌입금 승인 후 수강
모바일/데스크톱 수강
자막 및 참고 자료 지원
관련 주제
HLSFFmpegCaptionHLS 강의영상 인코딩자막미디어링구스트Lingoost럿지주식회사 럿지온라인 강의
링구스트는 온라인 강의, 시즌제 강의, 강의 판매, 수강 신청, 계좌입금 승인, HLS 영상 수강처럼 학습자와 강의 판매자가 실제로 검색하는 흐름을 기준으로 강의 상세 정보를 구성합니다.
カリキュラム
35개 수업 · 총 12시간 17분섹션 1
스트리밍 운영의 기본기
4개 수업 · 1시간 20분
수업 1
강의 서비스에서 HLS가 필요한 이유
다운로드형 영상과 스트리밍형 영상의 운영 차이를 비용, 보안, UX 관점으로 봅니다.
자료 1개 포함
20분영상 등록 전
수업 2
적응형 스트리밍 구조 읽기
master playlist, variant playlist, segment 파일이 어떤 역할을 하는지 해부합니다.
23분영상 등록 전
수업 3
브라우저별 재생 전략
Safari 네이티브 HLS와 Chrome hls.js 적용 방식을 나눠 설계합니다.
19분영상 등록 전
수업 4
원본 파일 보관과 공개 파일 분리
업로드 원본, 인코딩 결과물, 썸네일, 자막 파일의 저장 위치를 구분합니다.
18분영상 등록 전
섹션 2
FFmpeg 인코딩 파이프라인
5개 수업 · 1시간 55분
수업 1
원본 영상 분석하기
해상도, 프레임레이트, 오디오 채널, 비트레이트를 인코딩 전에 확인합니다.
22분영상 등록 전
수업 2
해상도 ladder 구성
강의 영상에 맞는 1080p, 720p, 480p ladder를 만들고 과도한 변환을 피합니다.
27분영상 등록 전
수업 3
segment 길이와 keyframe 설정
탐색 속도와 파일 수 사이의 균형을 잡는 segment 전략을 적용합니다.
25분영상 등록 전
수업 4
오디오 설정과 음량 정규화
강의에서 듣기 좋은 음량과 압축 설정을 ffmpeg 옵션으로 정리합니다.
21분영상 등록 전
수업 5
인코딩 실패 로그 읽기
코덱 불일치, 손상 파일, 권한 문제를 로그에서 빠르게 분류합니다.
20분영상 등록 전
섹션 3
로컬 승인형 인코딩
5개 수업 · 1시간 44분
수업 1
왜 인코딩 서버를 당장 두지 않는가
초기 운영에서 서버 비용을 줄이고 관리자 승인 흐름에 인코딩을 붙이는 이유를 설명합니다.
19분영상 등록 전
수업 2
Next.js API와 로컬 실행 경계
배포 서버에서도 존재하지만 실제 동작은 로컬 개발 환경에서만 허용하는 구조를 만듭니다.
24분영상 등록 전
수업 3
관리자 승인 버튼의 작업 순서
승인, 인코딩, 업로드, 상태 업데이트가 꼬이지 않도록 순서를 설계합니다.
22분영상 등록 전
수업 4
긴 작업 중 UI 상태 처리
인코딩 중, 실패, 재시도, 완료 상태를 관리자 페이지에서 보여줍니다.
20분영상 등록 전
수업 5
R2/S3 업로드 키 규칙
강의와 수업 id를 기준으로 HLS 파일 경로를 예측 가능하게 만듭니다.
자료 1개 포함
19분영상 등록 전
섹션 4
자막과 다국어 트랙
4개 수업 · 1시간 18분
수업 1
VTT 자막 파일 구조
시간 코드, cue, 언어 라벨을 브라우저 플레이어에 맞게 구성합니다.
20분영상 등록 전
수업 2
영상 내 자막과 별도 자막의 충돌
이미 자막이 박힌 영상에 별도 자막을 강제로 켜지 않도록 UX를 정합니다.
18분영상 등록 전
수업 3
다국어 자막 등록 폼
판매자가 한국어, 영어, 일본어 자막을 직접 등록할 수 있는 필드를 설계합니다.
21분영상 등록 전
수업 4
자막 품질 검수 체크
싱크, 줄 길이, 특수문자, 모바일 가독성을 검수하는 기준을 만듭니다.
19분영상 등록 전
섹션 5
플레이어 UX와 접근 제어
4개 수업 · 1시간 19분
수업 1
무료 공개와 유료 잠금의 차이
무료 공개가 아닌 수업은 수강 승인 전 재생 버튼이 나타나지 않도록 합니다.
20분영상 등록 전
수업 2
수강 권한 검증 위치
프론트 숨김만으로 끝내지 않고 API에서 구매 권한을 확인하는 흐름을 설계합니다.
22분영상 등록 전
수업 3
이어보기와 진도 저장
나중에 확장할 수 있도록 플레이어 이벤트와 진도 저장 지점을 잡습니다.
19분영상 등록 전
수업 4
모바일 재생 제약
자동재생, inline playback, 전체화면 전환 같은 모바일 제약을 정리합니다.
18분영상 등록 전
섹션 6
운영 비용과 스토리지
4개 수업 · 1시간 28분
수업 1
S3, R2, Cloudflare Stream 비교
스토리지, egress, 인코딩 비용을 초기 강의 플랫폼 관점에서 비교합니다.
25분영상 등록 전
수업 2
R2로 옮길 때 바뀌는 것
SDK, presigned URL, public bucket, CDN 캐시 정책의 차이를 봅니다.
22분영상 등록 전
수업 3
Cloudflare Stream을 쓰는 경우
인코딩 서버를 없앨 수 있는 대신 발생하는 과금과 제약을 따져봅니다.
21분영상 등록 전
수업 4
저비용 운영 의사결정표
트래픽이 적은 초기, 강의 수가 늘어난 중기, 규모화 이후의 선택지를 나눕니다.
20분영상 등록 전
섹션 7
릴리즈 전 영상 QA
4개 수업 · 1시간 14분
수업 1
데스크톱 재생 테스트
Chrome, Safari, Firefox에서 manifest 로딩과 seek 동작을 확인합니다.
18분영상 등록 전
수업 2
모바일 재생 테스트
iOS Safari와 Android Chrome에서 UI와 오디오 동작을 확인합니다.
18분영상 등록 전
수업 3
CORS와 MIME type 문제
m3u8, ts, vtt 파일의 Content-Type과 CORS 오류를 해결합니다.
21분영상 등록 전
수업 4
출시 전 최종 체크리스트
샘플 영상, 썸네일, 자막, 권한, 상태 값을 한 번에 점검합니다.
자료 1개 포함
17분영상 등록 전
섹션 8
실전 운영 프로젝트
5개 수업 · 1시간 59분
수업 1
샘플 원본을 인코딩 큐에 넣기
관리자 승인 시점에 원본 영상이 어떤 순서로 처리되는지 프로젝트처럼 따라갑니다.
24분영상 등록 전
수업 2
HLS 결과물 검수하기
생성된 manifest, variant, segment 파일을 열어보고 잘못된 경로를 찾습니다.
25분영상 등록 전
수업 3
자막과 썸네일 함께 배포하기
영상 파일만이 아니라 자막, 썸네일, 공개 상태까지 같이 점검합니다.
23분영상 등록 전
수업 4
실패한 인코딩 재시도하기
실패 상태를 남기고 원인을 수정한 뒤 다시 인코딩하는 운영 절차를 연습합니다.
24분영상 등록 전
수업 5
운영 비용 보고서 만들기
스토리지, 전송량, 인코딩 시간 기준으로 한 달 운영 비용을 추정합니다.
자료 1개 포함
23분영상 등록 전
レビュー (0)
レビューを書く
Ctrl+Enterで送信
まだレビューはありません。
₩129,000
신청 마감잔여 0석
신청 기간 5월 1일 AM 12:00 - 5월 28일 PM 02:59
이번 시즌 24/24명 신청
신청 방식: 계좌입금 확인 후 수강권한 부여