html5（youtube）ビデオタグの説明

Question

私のウェブサイトでいくつかのビデオをホストする必要があります。私はyoutubeがそれをする方法を見ていたが、私はビデオソースを理解していない。以下は、YouTubeの動画タグです。ソースはブロブです、なぜですか？ URLは何を意味しますか？どのように機能するのですか？どうすれば同じことができますか？

<div class="html5-video-container" data-layer="0"> 
    <video tabindex="-1" class="video-stream html5-main-video" 
    style="width: 640px; height: 360px; left: 0px; top: 0px; opacity: 1;" 
    src="blob:https://www.youtube.com/9effef84-87ae-43c0-abae-8005d399e1fd"> 
    </video> 
</div> 

ありがとうございます。

Answer 1

YouTubeはfirefoxでMediaSource Extensions（MSE）を使用します。srcは "mediasource：https://www.youtube.com/9effef84-87ae-43c0-abae-8005d399e1fd"のようになります MediaSourceを使用するには、ビデオをmpeg-dash形式でまとめる必要があります。これは、ビデオが複数のファイルに分割されることを意味します。そのうちの1つ（メタデータファイル.mp4）には、moovアトムとその他の（.m4s）moofとMDATアトムが含まれます。 ffmpegでこれを実現し、xmlhttprequestまたはwebSocketを使用してブラウザでダウンロードできます。

\t xhr.open('GET', "http://localhost:1313/1.mp4", true); 
 
\t xhr.responseType = 'arraybuffer'; 
 
\t xhr.onload = function(){ 
 
\t \t file = new Blob([ new Uint8Array(xhr.response) ], {type: 'video/mp4'}); 
 
\t \t document.querySelector("video").src = URL.createObjectURL(file); 
 
\t \t } 
 
\t xhr.send();

： また、小さな例であるブロブを使用することができます