web-dev-qa-db-ja.com

JavaScript / HTML5のRTSPソリューション

私はスマートTVアプリケーションを開発しています。IPカメラからのライブビデオのストリーミングは、機能の大部分を占めています。

カメラのマニュアルには、ストリームMPEG-4またはH.264に設定されている場合、HTTPはサポートされていません。RTSP/ RTPのみがサポートされていると記載されています。

代替手段(HTTP経由)は、モーションJPEGです。これは、できるだけ避けたいものです(テレビでのフレームレートがひどい)。

RTSP用のJavaScript/HTML5ソリューション/ラッパーはありますか? TVはJavaアプレットなどを実行できません。また、デフォルトでは、ブラウザはRTSPをサポートしていません。

ありがとう!

8
user3722952

これに対する純粋なJSまたはHTML5ソリューションはないようです。ビデオをトランスコードするサーバーを経由する必要があるでしょう。

参照: https://stackoverflow.com/a/4900156/352794

5
jcaron

双方向でrtspライブビデオをhtml5に再生できますが、どちらもrtspの実際のストリームをhtml5が使用できる形式に転送するためのゲートウェイが必要であり、トランスコードは必要ありません。

a。メディアソース拡張機能rtspH264ストリームをmp4ボックスに再パックするには、WebSocketゲートウェイが必要です。

b。 WebRTC RTSPH264データをWebRTCに送信します

参照できる詳細 https://linkingvision.com/rtsp_in_html5_with_low_latency

1
linkingvision

ここで必要なものの90%を取得できます: https://github.com/SpecForge/html5_rtsp_player

これにより、html5クライアントはWebソケットを使用して、サーバーからクライアントにrtpおよびrtspデータをトンネリングしているサーバーからデータを受信できるようになります。

残りの10%は、バックエンドで使用するテクノロジーに依存します。サーバーからクライアントへのトンネリングを実行します。

私は@ http://net7mma.codeplex.com プロジェクトを持っています。これは.NetでのRtspの消費と集約に役立ちます。

その後、Html5 Rtsp Playerを薄いWebsocketレイヤーと組み合わせて簡単に使用して、アプリケーションの必要に応じてサーバーからクライアントにデータを送信できます。

0
Jay