HTMLがHikvisionカメラのリアルタイム監視機能を実現

HTMLがHikvisionカメラのリアルタイム監視機能を実現

最近、同社は CCFA 関連のいくつかの作業を行う予定で、その 1 つはカメラのリアルタイム監視を再生する Web ページを作成することです。私は長い間Baiduをオンラインで検索しましたが、それらの多くはVLCプラグインを使用して直接実装されています。ただし、現在主流のブラウザはVLCプラグインをサポートしておらず、長い間成功していません。

ほとんどのオンライン実装は次のとおりです。

<オブジェクト タイプ = 'application/x-vlc-plugin' id = 'vlc' イベント = 'True' 幅 = 720" 高さ = 540"
プラグインページ="http://www.videolan.org" コードベース="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
<param name='mrl' value=rtsp://[ユーザー名]:[パスワード]@[ip]:[ポート]/[コーデック]/[チャンネル]/[サブタイプ]/av_stream' />
<パラメータ名='ボリューム' 値='50' />
<パラメータ名='自動再生' 値='true' />
<パラメータ名='ループ' 値='false' />
<パラメータ名='フルスクリーン' 値='false' />
</オブジェクト>

ツールを使用してストリームをプッシュし、<video> を使用して Web ページで再生できるという記事を偶然見つけました。

最終的な効果図:

テストの結果、通常は約 2 秒の遅延があることがわかりましたが、これはまだ許容範囲内です。

要約する

上記は、Hikvision カメラのリアルタイム監視機能を実現するための HTML のエディターによる紹介です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  MySQL データベースのインデックスとトランザクション

>>:  フロントエンドネットワーク、JavaScriptの最適化、開発のヒントについて簡単に説明します。

推薦する

Vueスロットの実装原理についての簡単な説明

目次1. サンプルコード2. 現象を通して本質を見抜く3. 実施原則4. 親コンポーネントのコンパイ...

CentOS での samba フォルダ共有サーバー構成の詳細な説明

1. はじめに最近、CentOS での開発には多くの不便があることがわかりました。Windows/M...

ウェブページ HTML 順序付きリスト ol と順序なしリスト ul

データを整理するためのリストWeb ページの表示を制御する多数の HTML タグを学習した後、読者は...

Docker が MySQL を作成する説明

1. MySQLイメージをダウンロードするコマンド: docker pull mysql 2. コン...

Nginx サーバーが Systemd カスタム サービス プロセス分析を追加

1. nginxを例に挙げるyumコマンドを使用してNginxをインストールしましたSystemd ...

vue cli で env を使用するガイド

目次序文紹介-公式設定例序文vueCli を使用してプロジェクトを開発したことのある方は、少しがっか...

Linux でリモート MySQL データベースを手動で展開する方法の詳細な説明

1. mysql をインストールします。次のコマンドを実行して、YUM ソースを更新します。 rpm...

Windows での Tomcat サーバーのインストールに関するチュートリアル

1 ダウンロードして準備するまず、公式ウェブサイトからTomcatをダウンロードする必要があります。...

JSインターセプト文字列の3つの方法の詳細な説明

JS には、文字列をインターセプトするための 3 つのメソッド、 slice() 、 substri...

TypeScript ジェネリックパラメータのデフォルト型と新しい厳密なコンパイルオプション

目次概要コンポーネントクラスの型定義を作成するジェネリック型を使用してPropsとStateを定義す...

MySQL マルチテーブルクエリ例の詳しい解説 [リンククエリ、サブクエリなど]

この記事では、例を挙げて MySQL のマルチテーブル クエリについて説明します。ご参考までに、詳細...

Linux での MySQL のインストールに関するチュートリアル

目次1. 古いバージョンを削除する2. サーバーのカーネルタイプを確認し、適切なバージョンをダウンロ...

HTMLタグと基本要素の学習のまとめ

1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...

DockerコンテナでLNMPをコンパイルする例

目次1. プロジェクトの説明2. Nginxイメージの作成3. MySQLイメージの作成4. PHP...

Nginx ドメイン名の書き換えとワイルドカードドメイン名の解決を設定する方法

この記事では、ドメイン名の書き換えとワイルドカードドメイン名の解決を行うための Nginx の設定方...