Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
HLS 기반 숏폼 스트리밍 구현기: iOS/Android 호환성 대응 사례 섬네일

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

올리브영 favicon올리브영·Architecture·
AWSLambdaHLSDASHMediaConvert
2025년 05월 29일3

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

올리브영이 HLS 기반 숏폼 스트리밍을 도입해 iOS/Android 호환성과 빠른 재생을 달성했다.

구현 방법

  • HLS(M3U8) 채택 및 ABR 기반 동적 해상도 조절로 끊김 없는 스트리밍 제공
  • 업로드 파이프라인: 네이티브 영상 전처리 → Presigned URL로 S3 업로드 → Lambda 트리거로 AWS Media Converter의 HLS 변환 수행
  • 네이티브/웹 하이브리드 방식으로 영상 인코딩 및 업로드를 관리하고, 재생은 hls.js(MSE) 기반으로 구현하되 iOS는 네이티브 HLS로 분기 처리

주요 결과

  • 초기 재생 시간 MP4 대비 2-5초에서 0.5-1.5초로 약 60-70% 단축
  • 버퍼링 감소, 네트워크 변동 시 안정적 재생
  • 세그먼트 단위 캐시로 CDN 히트율 향상
  • 활성 사용자 약 21% 증가, 콘텐츠 기반 전환율 약 5% 개선

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
올리브영 셔터 이미지 업로드 성능 개선기 섬네일
74%

올리브영 셔터 이미지 업로드 성능 개선기

올리브영 favicon올리브영·2024년 07월 04일
웹 기술로 구현하는 Adaptive HTTP Streaming 섬네일
69%

웹 기술로 구현하는 Adaptive HTTP Streaming

TOAST UI faviconTOAST UI·2017년 09월 15일
사용자 경험과 성능 개선 방법 in 카카오웹툰 섬네일
69%

사용자 경험과 성능 개선 방법 in 카카오웹툰

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 01월 20일