react로 동영상 스트리밍 구현중입니다. 화질 선택 관련 질문이 있습니다.

Question

안녕하세요. 현재 react와 django를 통해 동영상 스트리밍 서비스를 구현하고 있습니다.react-player를 통해 m3u8을 로드해서 동영상을 출력하고 있는데요.화질 조절이 가능해야한다는 요청이 있었기에 찾아보고 있는데 react-player에 화질을 조절하는 기능은 내장되어있지 않은 것 같더군요. 화질 선택 기능을 구현하려면 각각 화질에 맞는 (1080, 720, 480) 동영상이 ts 파일로 존재해야하는 건가요?만약 그렇다면 하나에 m3u8 파일에 해당 정보를 모두 명시하는지 각 화질에 따라 m3u8 파일도 따로 생성되어야하나요?react 라이브러리 중에 화질 선택 기능을 제공하는 라이브러리가 있을까요?혹시 구현해보신 분 혹은 구현방법에 대해 감이 오시는 분 있으시면 어떤 답글도 환영하겠습니다 :)

합동참모본부 · Answer

네. 각 화질에 맞게 트랜스코딩을 태워야 합니다. 심지어는 원본 영상이 스트리밍에 적합한 형태가 아닌 경우(코덱, GOP, 색영역 등), 원본 영상도 트랜스코딩을 태워서 스트리밍 해야 할 수도 있습니다.네. 물론 예외적으로 mpeg-dash와 같은 프로토콜을 이용하면 한 개의 manifest에 집어넣는게 가능은 하지만, 이마저도 GOP(키 프레임 간격)가 일정하다는 가정이 있어야 가능합니다. 일반적으로 스트리밍시, hls.js나 shaka player 라이브러리를 를 통해서 재생을 하시게 되실텐데, 아마 이 라이브러리의 API를 UI로 제어하면 될 겁니다.

react로 동영상 스트리밍 구현중입니다. 화질 선택 관련 질문이 있습니다.

1개의 답변

#video 목록