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

간단 소개

올리브영 셔터 커뮤니티 숏폼 콘텐츠 도입 과정과 iOS/Android 호환성 문제 해결 사례, 그리고 M3U8 포맷의 장점 및 성과를 공유합니다.

AI Summary

숏폼 콘텐츠 도입 배경 및 M3U8 선택
- 사용자 경험 확장을 위해 숏폼 콘텐츠를 도입하고, M3U8(HLS) 포맷을 선택하여 빠른 재생과 끊김 없는 시청 경험을 제공하고자 함.
- M3U8은 세그먼트 로드, 어댑티브 스트리밍, 디스크 캐시 등의 장점을 가짐.
구현 과정 및 문제 해결
- AWS Media Converter를 활용하여 MP4를 M3U8로 변환하고, 네이티브와 웹의 장점을 결합한 하이브리드 방식을 채택하여 업로드 페이지를 구성함.
- iOS의 MSE 미지원 문제 해결을 위해 네이티브 HLS를 활용하고, Android의 색상 왜곡 문제를 클라이언트 기반의 동적 톤 조정으로 해결함.
결론 및 향후 과제
- M3U8 도입으로 영상 로딩 속도 향상 및 CDN 캐싱 효율성 증대, 활성 사용자 수 증가 및 콘텐츠 전환율 개선 등의 성과를 얻음.
- 페이지 렌더링 최적화, 콘텐츠 반복 노출 최소화, 숏폼 컴포넌트 공통화 등의 과제가 남아있음.