HLS 기반 숏폼 스트리밍 구현기

이 게시물은 올리브영의 셔터 커뮤니티 서비스에 숏폼 콘텐츠를 도입하며 MP4에서 M3U8(HLS) 포맷 전환과 iOS/Android 호환성 문제 해결 경험을 공유합니다.

기술적 선택과 최적화

• M3U8(HLS) 포맷은 세그먼트 단위 로드와 어댑티브 비트레이트 지원으로 빠르고 끊김 없는 재생을 보장
• AWS Media Converter와 Lambda를 활용해 MP4 영상을 자동으로 M3U8로 변환하는 파이프라인 구축
• 웹과 네이티브의 장점을 결합한 하이브리드 업로드 방식 도입으로 인코딩 성능과 유연성 확보

플랫폼별 호환성 대응

• iOS는 MSE 기반 HLS.js 재생이 불안정해 네이티브 HLS 재생으로 분기 처리하여 안정적 스트리밍 구현
• Android 기기에서 HDR 영상의 색상 왜곡 문제를 클라이언트 기반 동적 톤 조정으로 해결

성과와 향후 과제

• 기술 도입 후 활성 사용자 수 21% 증가, 콘텐츠 전환율 5% 개선
• 페이지 렌더링 최적화와 숏폼 컴포넌트 공통화 등 추가 개선 계획