스트림별로 오디오 및 비디오 파일을 제공하는 Node.js 서버가 있습니다. 이 서버는 범위 (바이트 제공)를 허용합니다.청크로 비디오/오디오 HTML로드
내 목표는 클라이언트 (브라우저)에서 오디오 또는 비디오를 요청하고 파일의 작은 덩어리 (예 : 320kb) 만 가져 오는 것입니다.이 덩어리를 재생하기 전에 파일의 다음 범위를 요청한 다음 파일이 완전히 소모 될 때까지 처리합니다.
어떻게 이럴 수 있습니까? 오디오/비디오 API html5로이 문제를 해결할 수 있습니까? 어떻게하면 소비하고자하는 청크의 크기를 정의 할 수 있습니까?
아무 것도하지 않아도됩니다. 모든 최신 현대 브라우저는 태그를 사용하면 자동으로 범위 요청을 지원하고 '덩어리'로 파일을 요청하며 서버가 범위 요청을 지원할 경우이를 말합니다.
브라우저의 개발자 도구를 사용하고 네트워크 탭을 확인하면 실제로 작동되는 것을 볼 수 있습니다.
그러나 청크 크기를 직접 지정하는 방법은 알지 못합니다. 실제로 중요한 경우, 다운로드를 처리 할 수있는 미디어 소스 확장 메커니즘을 사용할 수 있습니다. 브라우저 비디오 플레이어에 전달하기 전에 스트리밍 된 파일을보고 싶습니다.
mp4 파일의 경우 헤더는 파일을 스트리밍 할 수 있도록 파일의 시작 부분에 있어야합니다. 기본적으로 마지막에 있으므로 이동해야합니다. 이렇게 할 수있는 많은 도구가 있습니다. 예를 들어 여기 참조 :