Player 선택

HLS 스트림이 가능한 브라우저는 Safari나 ios기본 비디오 플레이어 밖에 없고 chrome, firefox, edge 등의 브라우저는 HLS를 지원하지 않아서 라이브러리가 필요

hls.js

브라우저가 HLS 스트리밍을 기본 지원하지 않는 경우 JavaScript를 통해 HLS 콘텐츠를 재생할 수 있게 해주는 라이브러리

• 장점

  • 커스터마이징 가능
    • 네트워크 상태에 맞춰 자동으로 비트레이트를 조절하는 옵션이나, 사용자가 직접 선택할 수 있는 기능을 제공
  • 활발한 오픈소스

• 단점

  • 높은 지연시간(6초 ~ 10초)
  • 높은 CPU 사용
    • 고해상도 또는 대용량 스트리밍의 경우 CPU 사용량이 높아질 수 있음
    • 일부 저사양 기기에서 성능 저하
  • 설정 복잡성
    • 기본 설정이 아닌 세부적인 조정이 필요할 경우 구현이 복잡함

wasp-hls

• HLS 스트리밍을 브라우저와 모바일에서 빠르고 안정적으로 재생할 수 있도록 설계된 라이브러리
• 주로 고성능에 적합
• WebAssembly를 활용함
  • WebAssembly가 호환되지 않는 환경
    • 구형 브라우저 (Internet Explorer, 오래된 Android 기기)
    • 저사양 모바일 기기
    • 임베디드 기기
    • 보안상의 이유로 비활성화된 브라우저나 기업 네트워크 기반 브라우저

장점

• WebAssembly를 통한 매우 낮은 지연시간 (2초 ~ 3초)
• CPU 최적화
  • WebAssembly 기반으로 최적화되어 CPU 사용량이 낮아 성능이 우수하고, 고화질 및 고해상도 스트리밍에 적합
• 빠른 로드 시간
  • 일반적으로 초기 로드 시간이 짧아 비디오가 빠르게 시작