JavaScriptを使用したWebSocketを介したビデオストリーミング


84

JavaScriptを使用してライブビデオをストリーミングする最速の方法は何ですか?WebSockets over TCPは、たとえば30 fpsのビデオをストリーミングするのに十分な速度のプロトコルですか?


1
Gert G:何をお勧めしますか?メモリ消費を比較的低く抑えたいので、JS(HTML5キャンバスの更新)が十分な速度を提供できるのであれば、より良いオプションのように思われます。
SMiLE 2010年

1
おっと、ファイルに保存されているビデオのストリーミングだけでなく、ライブストリーミングに興味があることを忘れてしまいました。<video>はそれを提供できますか?
SMiLE 2010年

2
私はストリーミングの部分についてはそれほど心配していませんが、そのような方法でストリーミングされたビデオをどのようにレンダリングするかについては心配していません。それも可能ですか?
deceze

4
スピードの否定論者にとって、これらはHTML 5を使用した高速フレームおよびビデオレートの例です:The Wilderness Downtown(Chrome、ビデオ)thewildernessdowntown.comおよびQuake in HTML 5(Chrome、フレームレート)techcrunch.com/2010/04/01/ google-html5-quakeいくつかの概念の証明。改善するだけです。誰かがまだやっていないのであれば、誰かがすぐに時流に乗って、市場の初期のプレーヤーであるという利点を享受するでしょう。IEのために息を止めますか?わからない」
John K

2
例をありがとう、ジョンK.
SMiLE 2010年

回答:


79

WebSockets over TCPは、たとえば30 fpsのビデオをストリーミングするのに十分な速度のプロトコルですか?

はい..そうです、このプロジェクトを見てください。WebsocketはHDビデオストリーミングを簡単に処理できます。ただし、アダプティブストリーミングを選択する必要があります。ここでは、それを実装する方法について説明します

現在、チャット、ファイル共有、ビデオ/ウェブカメラをサポートするウェブベースのインスタントメッセージングアプリケーションに取り組んでいます。いくつかのちょっとしたコツを使って、WebSocketを介してストリーミングメディアを取得しました(HTML5 Media Captureを使用してWebカメラからストリームを取得しました)。

関連するメディアの処理と転送を制御するには、stream APIとを作成する必要がありMedia Stream Transceiverます。


4
これは素晴らしいです、ありがとう!まったく適応性のないビデオストリーミングの非常に基本的な実装を試し、結果を確認して、それに応じて続行すると思います。しかし、これが可能であることを知っていることは非常に励みになります!あなたのチュートリアルも非常に役に立ちます。
SMiLE 2010年

1
ええ..簡単なアプリケーションから始めるのは良い習慣です。ライブストリーミングに必要なテクノロジーのほとんどを自分で構築する必要がありますが、次の場合はおそらくオプションではありません。幸運を。
Wouter Dorgelo 2010年

@ Mr.Pallazzo何のためにアプリを構築していますか?ビジネス?あなたのやり方について私があなたと連絡を取ることができる機会はありますか?
アリステア

@WouterDorgelo WebSocketを介してHDストリーミングを行うときのアプリのパフォーマンスはどうですか?
クォーク

を使用してビデオを録画しCCTV、Webページにライブで表示できますJavascriptか?
shaijut


0

質問に答えるには:

JavaScriptを使用してライブビデオをストリーミングする最速の方法は何ですか?WebSockets over TCPは、たとえば30 fpsのビデオをストリーミングするのに十分な速度のプロトコルですか?

はい、Websocketを使用して30 fps、さらには60fpsを送信できます。

Websocketの主な問題は、それが低レベルであり、ビデオチャンクを送信する以外の問題に対処する必要があることです。全体として、それはビデオとオーディオの素晴らしいトランスポートです。


では、WebRTCはどうですか?(w3cとして)UDP接続で動作しており、パケット損失が発生した場合でも問題はありません。一方、WebSocketはコネクション型であり、発生する遅延のためにユーザーを煩わせる可能性があります。
M. Rostami

-1

それは間違いなく考えられますが、私たちはまだそこにいるのかわかりません。それまでの間、IIS SmoothStreamingでSilverlightのようなものを使用することをお勧めします。Silverlightはプラグインベースですが、Windows / OSX / Linuxで動作します。いつかHTML5<video>要素が進むべき道になるでしょうが、それはしばらくの間サポートを欠くでしょう。


ご返信ありがとうございます。現時点では、SilverlightとFlashの方がおそらく優れたオプションであることに同意します。Javascriptストリーミングに興味があるのは、ユーザーと(ビデオ送信)サーバー間の双方向性の可能性が広がるからだと思います。
SMiLE 2010年

Joshに同意する必要があります。今ストリーミングメディアが切実に必要な場合は、HTML5を使用しないでください。
Wouter Dorgelo 2010年

6
誰かがまだこれを読んでいる場合に備えて:First of Silverlightは、Linuxまたはモバイルシステムをサポートしていません。LinuxSilverlightのサポートは存在しませんでした。第二に、新しい回答が正しく指摘しているように、HTML5 / MSEビデオストリーミングは現在、最新のブラウザで非常に可能であり、ほとんどすべての場合、プラグインベースのアプローチよりも優先されます。
ntninja 2016年

3
そして、誰かがまだこれを読んでいるなら、その日が来ました。神の
愛のためにSilverlightを
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.