0

RTSP 経由で複数のカメラにアクセスし、それらを WEB 上に表示するにはどうすればよいですか?

私は 3 台の IP カメラをインストールしています。これは、彼らが私に与えた IP を介して表示できる Web クライアントです。これは、インストールされているストリーミング カメラを表示できる HTTP ページです。

VLCプレーヤーを介してカメラを個別にストリーミングできることも発見しました。

camera 1 : rtsp://192.168.1.10/cam/stream/channel/01
camera 2 : rtsp://192.168.1.10/cam/stream/channel/02
camera 3 : rtsp://192.168.1.10/cam/stream/channel/03

vlc で URL を入力すると、rtsp 認証が要求されます。フォームに入力すると、VLC でビデオをストリーミングできます。

私の質問は、上記の URL を使用して、カスタム HTML ページでそれらをストリーミングするにはどうすればよいかということです。

<div id="cam1">
 <video> </video>
</div>

<div id="cam2">
 <video> </video>
</div>

<div id="cam3">
 <video> </video>
</div>

これは、vlc 経由でストリーミングしたときに得た情報です

Type:Video
Codec: H264 - MPEG-4 AVC (part10) (h264)
4

3 に答える 3

0

つまり、vlc Web プラグインを使用してストリームを再生できます。このようなもの：

 <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" \
   codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" \
   width="200" height="120" id="vlc" events="True"> \
   <param name="Src" value="rtsp://cameraipaddress" /> \
   <param name="ShowDisplay" value="True" /> \
   <param name="AutoLoop" value="False" /> \
   <param name="AutoPlay" value="True" /> \
   <embed id="vlcEmb"  type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="no" loop="no" width="200" height="120" \
   target="rtsp://192.168.2.169:554/live/ch01_0" ></embed> \
 </OBJECT>

私の特定のケースでは、ストリームをleafletjsマップ内に表示しているため（ドラッグ可能なマーカーのポップアップメッセージで）、これは良い解決策ではありません。何らかの理由で、リーフレットは vlc を適切に処理しません。このため、次のようなより良い結果が得られる他のソリューションを探しています。

  • rtsp ストリームを webm ビデオにエンコードし、それらを html5 ビデオ タグに表示します (私のカメラには常にアリックス PC エンジンが集約されています。アリックスがこの種の処理を処理できるかどうかはまだわかりませんが、これにより 30 秒の遅延が発生することは既にわかっています)。 );
  • HTML5キャンバスまたは同様のものに連続したスナップショットを表示します（私の質問はこちら）。
于 2014-10-17T08:53:41.747 に答える
0

残念ながら、ビデオタグだけでは、思い通りに単純にすることはできません。video タグは、主に録画ファイルで機能しますが、ライブ ビデオでは機能しません。例外は、ライブ HLS (Apple Http ライブ ストリーミング) を再生する .m3u8 ファイルです。したがって、視聴者が iPad/iPhone/Android (一部) の場合は、video タグの下に .m3u8 ファイルへのリンクを配置できます。PC デスクトップ ビューアーの場合、Web ページでホストされている 3 つの Flash プレーヤーが必要であり、3 つのライブ ストリームを参照する 3 つの RTMP URL を提供する必要があります。

それはクライアント側（Webブラウザ）についてです。サーバー側では、3 台のカメラから RTSP ストリームを取り込み、Flash プレーヤーの RTMP ストリームとモバイル デバイスの HLS に再パッケージ化するストリーミング サーバー ソフトウェアが必要です。Unreal Media Server をお勧めします - 構成が簡単で、非常に信頼性があります。RTSP カメラをオンライン ビューアーにストリーミングするために使用します。Wowza、Adobe、Red5 サーバーも試してみました。私はプログラマーではないので、複雑すぎます。

于 2013-11-05T20:38:49.363 に答える