HLS 기반 숏폼 스트리밍 구현기: iOS/Android 호환성 대응 사례

올리브영의 SNS 커뮤니티 셔터에 숏폼 콘텐츠를 도입하며, 사용자에게 끊김 없는 시청 경험을 제공하기 위해 M3U8(HLS) 포맷을 채택했습니다. 기존 MP4 방식 대비 초기 재생 시간을 60-70% 단축하고, 네트워크 상태에 따라 화질을 조절하는 **어댑티브 스트리밍(ABR)**을 통해 안정성을 확보했습니다.

영상 변환 프로세스는 AWS Media Converter를 활용해 자동화했습니다. 사용자가 MP4 파일을 업로드하면 S3에 저장된 후 Lambda가 트리거되어, 해상도별로 분리된 M3U8 플레이리스트를 생성하는 구조입니다.

업로드 구현 시에는 웹의 유연성과 네이티브의 성능을 결합한 하이브리드 방식을 선택했습니다. 영상의 압축 및 인코딩은 GPU 가속이 가능한 네이티브 환경에서 수행하여 성능을 높였고, UI 및 업로드 로직은 웹에서 처리하여 서비스 운영의 유연성을 확보했습니다. 웹에서의 재생은 HLS.js 라이브러리를 사용하여 다양한 브라우저 환경에서도 안정적인 스트리밍을 지원합니다.