[video] HTML5でのRTSPまたはRTPによるストリーミング



3 Answers

質問の精神は本当に答えられていないと私は思う。 いいえ、現時点ではビデオタグを使用してrtspストリームを再生することはできません。 リンクされたスレッド/アンサーはChromeがビデオタグ経由でrtspを再生していることを直接指していないため、Chromiumの「never」へのリンクに関するもう1つの答えは少し誤解を招く。 リンクされたスレッド全体、特に一番下のコメントと他のスレッドへのリンクを読んでください。

実際の答えはこれです:いいえ、あなたはhtml 5ページにビデオタグを置き、rtspを再生することはできません。 あなたはストリーミングビデオを再生するために、何らかの種類のJavascriptライブラリを使用する必要があります(FlashやSilverlightプレイヤーでプレイしたい場合を除きます)。 {IMHO} html 5のビデオの議論と実装が進んでいるところでは、独自のビデオ規格のさまざまなベンダーはこの動きを手助けすることには興味がないので、ビデオメーカーの約束事な使い方を数えないでくださいそれをどうにかして問題を解決してください...もう一度、そうは思わないでしょう。{/ IMHO}

Question

私はサーバーhttp://lscube.org/projects/fengからRTSP / RTPストリームを再生するWebアプリケーションを構築しています。

HTML5ビデオ/オーディオタグはrtspまたはrtpをサポートしていますか? そうでない場合、最も簡単な解決策は何でしょうか? おそらく、VLCプラグインなどにドロップしてください。




これは古いqustionですが、私は最近自分自身でそれをやらなければなりませんでした。(私のような応答のほかに、私の時間を節約できます):基本的にffmpegを使用してコンテナをHLSに変更し、IPCamsストリームh264のほとんどとPCMの基本的なタイプなので、そのようなものを使用してください:

ffmpeg -v info -i rtsp://ip:port/h264.sdp -c:v copy -c:a copy -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/test.m3u8

次に、 HLSプラグインで video.jsを使用します。これはライブストリームをうまく再生します。2番目のリンクの下にjsfiddleの例もあります)。

注:これはネイティブサポートではありませんが、ユーザーのフロントエンドで特別な操作は必要ありません。




ChromeはサポートRTSPストリーミングを実装していません。 それをWebRTCでチェックする重要なプロジェクトです。

「WebRTCは、ブラウザやモバイルアプリケーションにシンプルなAPIを使用したリアルタイムコミュニケーション(RTC)機能を提供する、フリーでオープンなプロジェクトです」

サポートされているブラウザ:

クローム、Firefox、Opera

サポートされているモバイルプラットフォーム:

AndroidとIOS

http://www.webrtc.org/




VLCでは、ライブのRTSPストリーム(mpeg4)をOGG形式のHTTPストリーム(Vorbis / Theora)にトランスコードすることができます。 品質は悪いですが、ビデオはChrome 9で動作します。私はWEBM(VP8)でのトランスコードもテストしましたが、動作していないようです(VLCにはオプションがありますが、 。)

これについての最初のドキュメントは、私たちに通知する必要があります;)




Related