RTSP VS RTMP プロトコル
準備
IP カメラ ストリーム ソリューション: ビデオ メディア ゲートウェイ
IP カメラ ストリームを Web サイトに埋め込む方法
ご自宅に IP カメラ (セキュリティ カメラまたはイーサネット カメラ) が設置されており、リアルタイム ビデオをライブ プラットフォームにストリーミングしたり、IP ライブ ストリームを Web ページに埋め込んだりできないか疑問に思っているかもしれません。
残念ながら、IP カメラでは簡単なソリューションをネイティブに見つけることはできません。したがって、セキュリティカメラに世界中からアクセスできるようにするには、いくつかの外部アプリまたはハードウェアを使用する必要があります。
この記事では、IP カメラから任意のパブリック宛先にストリームをプッシュし、それを Web サイトやライブチャット Web カメラに埋め込む方法について説明します。
IP カメラは RTSP プロトコルを使用します。 RTSP は、ローカル ネットワーク内のセキュリティを監視できるメディア制御プロトコルです。
パブリック インターネット ストリームは RTMP プロトコルを使用します。 RTMP は、Youtube、Twitch、Facebook Live などのライブ プラットフォームで広く採用されているメディア送信プロトコルです。
セキュリティ カメラをストリーミングするには、元のプロトコルを RTSP から RTMP に転送する必要があります。
始める前に、次のことを行う必要があります。
1. IP カメラの RTSP アドレスを確認します。
2. カメラと同じネットワーク上にあるパソコンを準備します。これは、アプリを展開したり、ローカル ネットワークに接続されたハードウェアを構成したりするのに役立ちます。
3. ターゲット プラットフォーム (YouTube、Facebook など) のストリーム URL とキーを取得します。 RTMP プッシュ URL を形成するには、ストリーム URL とストリーム キーが必要です。
4.ORIVISIONの準備 ビデオ メディア ゲートウェイ (DH941)、または ビデオデコーダー (DH931/DS931/DS951)
Onvif デバイス マネージャー ソフトウェアを使用して、ネットワーク カメラの RTSP アドレスを見つけます。すでにネットワークカメラのRTSPアドレスを取得している場合は、この手順を無視してください。
1. Onvif デバイス マネージャー ソフトウェアをダウンロードしてインストールします。 Onvif ソフトウェアは、ソフトウェアを開いた後、ネットワーク内のカメラを自動的に検索します。そして、カメラが左側のウィンドウに表示されます。
2. カメラのユーザー名とパスワードを使用してログインします。
3. 「ライブビデオ」をクリックすると、RTSP アドレスが表示されます。 (下の画像をご覧ください)
4. カメラにアクセスするためにアカウントとパスワードが必要な場合は、RTSP アドレスの形式に注意してください。
例えば：
RTSP アドレスは rtsp://192.168.10.64:554/Streaming/Channels/101xxxxxxxです。
カメラのユーザー名とパスワードは admin/adminです.
正しいアドレスは rtsp://admin: admin@192.168 .10.64:554/Streaming/Channels/101xxxxxxxです。
製品の特徴:
高性能 H264/H265 ハードウェア デコーディング。
RTSP /HTTP /UDP/ HTTPS /SRT /RTMP から RTMP /RTMPS /UDP /RTP への 9 方向プロトコル転送を最大限にサポート。
ネットワーク ポート 1 からネットワーク ポート 2 への転送をサポートします。
複数のストリーミング ターゲットが利用可能。
最大 3840 × 2160 の出力をサポート (HDMI インターフェイス)。
転送ストリームへのオーディオ (バックグラウンド ミュージック) の挿入のサポート。
最大 9 チャンネルの 720P プレビューを備えたローカル プレビュー出力をサポート
IP カメラ データを取得し、ビデオ メディア ゲートウェイのパブリック プラットフォームにストリーミングするには、次の手順を実行する必要があります。
1. ビデオ メディア ゲートウェイをローカル ネットワークに接続し、実行します。
2. ビデオ メディア ゲートウェイ デバイスの Web サイト コンソールを開き、デコード設定ページをクリックします。
3. [入力設定] にネットワーク カメラの RTSP アドレスを入力します。
4. RTMP/RTMPS ストリーミングを有効にして、Web カメラ ストリームを YouTube や Facebook などのプラットフォームにプッシュします。
例えば：
RTMP サーバーのアドレスは次のとおりです: rtmp://a.rtmp.youtube.com/live2
ストリーム キーは次のとおりです: 7thy-519k-6yux pubs xxxx
ヒント: カメラにオーディオが組み込まれていない場合は、ビデオ メディア ゲートウェイ DH941 を使用してオーディオを挿入する必要があります。
セキュリティカメラのビデオを Web サイトに直接埋め込む方法はありません。ただし、YouTube/Facebook/Switch ビデオをページに埋め込むのは簡単です。
4.1 YouTube ストリームを Web サイトに埋め込む:
手順は次のとおりです。
1. YouTube ライブ ストリーミング ページにアクセスし、ビデオの下部にある「共有」ボタンをクリックします。
2. 共有オプションの「埋め込み」をクリックし、HTML iframe コードをコピーします。
3. Web サイトのコンソールに移動し、テスト ページ (または投稿) を作成します。
4. WordPress を使用している場合は、「カスタム HTML」ブロックを追加してください。別の Web サイトビルダーを使用している場合は、「HTML として編集」を選択します。
5. YouTube からコピーした HTML コードを貼り付けます。
6. 必要に応じて、ウィンドウの幅と高さの値をプレビューして調整します。
7. ページを公開して、ライブブロードキャストをお楽しみください。
4.2 Facebook ストリームを Web サイトに埋め込む:
手順は次のとおりです。
1. Web カメラの Facebook リアルタイム ページにアクセスし、右側の「共有」ボタンをクリックします。
2. 共有オプションの「埋め込み」をクリックし、HTML iframe コードをコピーします。
3. Web サイトのコンソールに移動し、テスト ページ (または投稿) を作成します。
4. WordPress を使用している場合は、「カスタム HTML」ブロックを追加してください。別の Web サイトビルダーを使用している場合は、「HTML として編集」を選択します。
5. Facebook からコピーした HTML コードを貼り付けます。
6. 必要に応じて、ウィンドウの幅と高さの値をプレビューして調整します。
7. ページを公開して、ライブブロードキャストをお楽しみください。
4.3 Twitch Stream を Web サイトに埋め込む:
手順は次のとおりです。
1. ウェブカメラの Twitch リアルタイム ページに移動し、下部にある「共有」ボタンをクリックします。
2. 共有オプションで「埋め込み」をクリックし、HTML iframe コードをコピーします (Twitch では、コピーできる JavaScript を含む 2 つのコーディング方法が提供されていることに注意してください)。
3. Web サイトのコンソールに移動し、テスト ページ (または投稿) を作成します。
4. WordPress を使用している場合は、「カスタム HTML」ブロックを追加してください。別の Web サイトビルダーを使用している場合は、「HTML として編集」を選択します。
5. Twitch からコピーした HTML コードを貼り付けます。
6. 必要に応じて、ウィンドウの幅と高さの値をプレビューして調整します。
JavaScript コードをコピーする場合は、必ずビデオ ウィンドウに高さ属性を追加し、正しい値を指定してください。
iframe コードをコピーする場合は、「parent」属性に正しいドメイン名を入力する必要があります。高さの値を調整することを忘れないでください。
7. ページを公開して生放送をお楽しみください
