blob : 프로토콜은 어떻게 소스로 <video>으로 작동합니까?

Question

은 내 친구는 트위터에 포함 된 비디오 다운로드를 시도하고 HTML 코드에서이 같은 발견 :

<video preload="auto" data-id="content" data-type="content" src="blob:https%3A//twitter.com/7897de6d-6eed-4905-9ed2-00ea3d2c99d5" class="visible paused" style="width: 100%; height: 100%;"></video> 

나는 내가 실제 소스를 찾을하려고 할 때 그가 인 것처럼 의아해 해요을 (브라우저 네트워크 콘솔을 검사하고 프록시를 치는 것). 비디오가 재생 될 때, 바이트는 아무데도 나오지 않는 것처럼 보입니다.

브라우저에서 블롭 "프로토콜"을 어떻게 인식합니까?

Answer 1

블롭은 브라우저에 속한 메모리를 처리하는 방법입니다. 파일, 캔버스의 데이터 또는 다른 방식으로 계산 된 데이터 일 수 있습니다. JavaScript에 blob 액세스 권한이있는 방식으로 데이터가로드되면 내부 메모리 구조를 가리키는 URL 인 BlobURI을 만들 수 있습니다. 비디오 blob의 URL의를 사용하여 트위터의 경우

, 나는 그들 중 하나에 필터를 적용하기 위해 canvas를 통해 비디오를 프록시하는, 또는 로컬 버퍼의 일종에 대한 blobs를 사용하는 것으로 의심되는 것이다. 어느 쪽이든, 이는 과거 어느 시점에서 JS에 메모리가 액세스 가능하다는 것을 의미합니다.