メディアフラグメントの任意の部分の範囲要求を作成するにはどうすればよいですか？

Question

我々はHTTP/1.0かHTTP/1.1要求を作成したい場合は、例えば応答は離散メディアフラグメントだろう例えば与えられたメディアリソースの35秒、.webmまたは.oggオーディオまたは.mp4ビデオを通じて20000 20 100000または秒バイトどのように我々はこれを達成するだろうか？例えば

let headers = new Headers(); 
let range = 1024 * 1024; 
headers.append("Range", "bytes=0-" + range); 
let request = new Request(url, {headers:headers}); 
fetch(request) 
.then(response => response.blob()) 
.then(data => audio.src = URL.createObjectURL(data)); 

負荷やメディア

let headers = new Headers(); 
let range = 1024 * 1024; 
headers.append("Range", "bytes=" + range + "-" + range * 2); 
let request = new Request(url, {headers:headers}); 
fetch(request) 
.then(response => response.blob()) 
.then(data => audio.src = URL.createObjectURL(data)); 

ログ成功200と206応答ステータスを果たしている、しかし<audio>要素でメディアの再生をレンダリングしません。

要求されたメディアフラグメントがメディアの個別の部分である場合、メディアの他の部分なしで再生可能なディスクリートリソースとしてリソースの要求された範囲のみを返す、特定のメディアの範囲要求を作成する方法リソース？

Answer 1

あなたは単純にできません。

あなたのメディアファイル（メタデータ）のヘッダーは、ブラウザに含まれているデータをデコードできるように、絶対に必要です。

異なるメディアフォーマットでは異なるデータ解析ルールが使用され、データのチャンクは異なる順序で取得され、生データの一部のみを取得するとデータ構造全体が破損します。したがって、一部のファイル形式では、ファイルの先頭部分のみを指定してメディアの先頭部分を再生することができますが、すべてのメディア形式では再生が許可されていないため、読み込みを開始することはまったく期待できません。

のMediaElementのsrcのtimerange parameterを使用するもののている何ができるか：

#t=[starttime][,endtime]

const url = 'https://upload.wikimedia.org/wikipedia/commons/4/4b/011229beowulf_grendel.ogg'; 
 

 
btn.onclick = e => { 
 
    // fast input check for the demo 
 
    if (max.value > aud.duration) 
 
    max.value = aud.duration; 
 
    if (min.value > max.value) 
 
    min.value = max.value - 1; 
 
    // construct our timerange parameter 
 
    let range = '#t=' + min.value + ',' + max.value; 
 
    // append it to our original url 
 
    aud.src = url + range; 
 
} 
 
btn.onclick();

<audio id="aud" aud controls></audio><br> 
 
<label>start: <input id="min" type="number" value="10" min="0" max="119"></label> 
 
<label>end: <input id="max" type="number" value="20" min="1" max="120"></label> 
 
<button id="btn">re-load</button>