오늘도 문제를 해결하는 기획자의 스터디 로그

어쩌다보니 영상 재생 관련해서 포스팅을 여러 개 하고 있는데,이 포스팅들의 처음 시작은 바로 오늘의 주인공(?)인 hls.js로부터 시작되었다.운영 중이던 서비스에서 갑자기 일부 영상 콘텐츠의 재생이 원활하지 않다는 이슈가 접수된 것.알고보니 hls.js가 원인이었다.그래서 hls.js에 대해 찾다보니 여기까지 와버렸...그런 의미에서 이 포스팅들의 시초(?)가 된 hls.js에 대해 간략하게 정리를 해 보려고 한다. 넷플릭스와 같은 OTT 서비스를 웹에서 볼 때,사실 그 영상 뒤에는 꽤 복잡한 일들이 벌어지고 있었다.그 중심에 있는 기술 중 하나가 바로 hls.js.hls.js란?HLS스트리밍을 지원하지 않는(Apple의 iOS, Safari가 아닌) 브라우저에서도영상이 잘 재생되도록 도와주는 플레이어..

스트리밍에 대해 찾다보니, 생각보다 다양한 방식이 있었고스트리밍이라고 다 똑같은 것이 아니었다.사용자 입장에서는 재생만 잘되면 그만이지만, 기획자 입장에서는 구현하는 방식에 따라 기획이 달라질 수 있으므로알아둘 필요가 있을 것 같아 정리해 보는 스트리밍 방식 비교! OTT 스트리밍 방식, 왜 여러 가지가 있지?영상 콘텐츠를 사용자에게 전달할 때는 네트워크 환경, 지연 시간, 콘텐츠 보안, 사용 목적 등 상황에 따라 최적의 기술을 선택해야 하기 때문에 다양한 강점을 가진 기술들이 등장했다고 한다. 그래서 각 스트리밍 기술마다 목적과 강점이 다르다. 스트리밍 프로토콜대표적인 스트리밍 프로토콜(스트리밍 방식)은 크게 적응형인 HLS, DASH와 비적응형인 Progress Download, RTMP, Web..