2016-11-01 5 views
1

基本アイデア:私はアプリを作成しています。どのユーザが入力フィールド(type="file")でローカルファイル(mp4)を選択し、そのビデオを他のユーザにストリーミングするか。 私はjavascriptでファイルを操作すると考えています。そしてチャンクでチャンクを(datachannels webRTC)経由で別のユーザに送って、チャンクでもう片方のチャンクで再生するだけです。ビデオのチャンクを受信し、ブラウザで再生する

私は私が使用してチャンクを「組み立てる」ことを理解 - MediaSourceのAPIを

質問:私はJavaScriptを使用してチャンクでビデオを分割することができますどのように?私はしばらくの間グーグルで行っていますが、私は図書館を見つけられないようです(間違ったキーワードを尋ねていますか?)。

ありがとうございます!

答えて

2

使用blob#sliceビデオに

// simulate a file 
 
blob = new Blob(['ab']) 
 
chunk1 = blob.slice(0, 1) 
 
chunk2 = blob.slice(1, 2) 
 

 
console.log(blob.size) 
 
console.log(chunk1.size) 
 
console.log(chunk2.size)

+0

はい、ビデオファイル(ビデオとオーディオを含む)をスライスしますか? – IvRRimUm

+0

それは両方のオーディオ+ビデオをスライスします – Endless

+0

それは興味深い..質問:キャンバスのキャプチャストリームについて聞いたことがありますか?あなたはこのappraochについてどう思いますか(私はブラウザの互換性はあまり良くないと理解しています)。 ありがとう! – IvRRimUm

1

を分割するために、私はあなたが興味のあると思うかもしれないもう一つは、ストリーミングファイルである...

ブロブあなたからReadableStreamを取得するにはなぜハッキングしているのだろうか?

stream = new Response(blob).body 
reader = stream.getReader() 
reader.read().then(chunk => spread(chunk)) 

別のクールなライブラリそうでなければ、ブロブは、ビデオを共有するためにWebTorrentを使用すると、あなたが必要なすべてを持って、より多くの素晴らしいではないでしょう何Screw-FileReader

+0

待機します。これはチャンクか?または全体のBLOB? – IvRRimUm

+0

これは穴のブロブをストリームに変換し、 'read()'ごとに不明なチャンクサイズを返します – Endless

+0

うーん...しかし、どうすればこのストリームをwerbrtcに追加できますか? (pc.addStream(ここでストリームにする必要があります)。私は些細な質問をしていれば申し訳ありませんが、私はまだストリーミング事業全体を掘り下げています – IvRRimUm

0

を使用することですストリーミングに使用することができます...のWebRTCを使用しています...

関連する問題