3

ノードと websocket をいじって、websocket を使用してオーディオをストリーミングする小さなテスト アプリを作成しました。サーバーは createReadStream を使用して mp3 を分解し、node-throttle を使用してストリームを調整し、「ws」モジュールを使用してバイナリ データを感知します。クライアント側では、websocket でチャンクを取得し、decodeAudioData ( http://www.html5rocks.com/en/tutorials/webaudio/intro/ ) を使用してチャンクをデコードして再生します。それはすべて比較的うまく機能します。

次に気になったのは、同じ方法で HTML5 ビデオ タグにビデオをストリーミングすることでした。しかし、上記の音声テストと同じ方法でこれを達成するための参考資料をウェブ上で実際に見つけることはできません。

「decodeAudioData」に相当するビデオはありますか?

データのチャンクをビデオ タグにフィードできますか?

私が拾った同様のサンプルを実行しています...

https://gist.github.com/paolorossi/1993068

しかし、これは私が探しているものではありません。まず第一に、それは実際に私にストリーミングしているようには見えません. クライアントは、再生する前にすべてをバッファリングします。また、オーディオ テストと同様に、サーバー側でストリームを調整して、新しいクライアントが接続したときに、現在の任意の時点でビデオに参加できるようにします。つまり、30分か何か。

ありがとう

4

1 に答える 1

8

わかった、

多くの検索の結果、これに対する解決策を見つけました。

MediaSource API は私が探していたものです...

var mediaSource = new MediaSource();
var sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"');
sourceBuffer.append(new Uint8Array(data));

このリンクは解決策を提供しました...

http://html5-demos.appspot.com/static/media-source.html

于 2013-04-15T12:47:47.383 に答える