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の最適化、開発のヒントについて簡単に説明します。

推薦する

MySqlを最適化するためにnot inを使用する方法

最近、プロジェクトで選択クエリを使用する際に、未使用の主キー ID を除外するために not in ...

MySQL の複数テーブル関連付け 1 対多クエリを使用して最新のデータを取得する方法の例

この記事では、MySQL で複数のテーブルを使用して 1 対多のクエリを使用して最新のデータを取得す...

CSS3+JavaScript を使用したクールな呼吸効果のサンプル コード

CSS3 アニメーションで実現したシンプルでクールな効果。最終的な効果は次のようになります。 ページ...

Dockerでランナーコンテナを構成する方法

1. ランナーコンテナを作成する mk@mk-pc:~/Desktop$ docker run -d...

CentOS の MySQL に MariaDB をインストールするときに発生する方法と問題

以前にインストールしたmariadbを削除する1. rpm -qa | grep mariadb を...

MySQL 5.6 zipパッケージのインストールチュートリアルの詳細

これまでは、拡張子が .msi のファイル、つまり、完全なインストールが使用されていました。しかし、...

JS デコレータ パターンと TypeScript デコレータ

目次デコレータパターンの紹介TypeScript のデコレータデコレータの使用デコレーターファクトリ...

Deepin Linuxでカーネルを手動でアップグレードする方法

deepinとUbuntuどちらもdebianをベースにしたディストリビューションであり、ここではU...

CSS で中空マスク レイヤーを実装するサンプル コード

この記事の内容: ページ中空マスクレイヤー、ページ中空マスクガイドレイヤー、画像中空マスク通常のマス...

Vue-router プログラムナビゲーションの 2 つの実装コード

ページをナビゲートする2つの方法宣言型ナビゲーション: リンクをクリックしてナビゲーションを実現する...

Mac に mysql5.7 をインストールするための完全な手順 (画像とテキスト付き)

最近、Mac システムを使用して、ローカル Web サーバー環境を構築する準備をしていました。 Ma...

JavaScriptはフォームデータの非同期取得を実装します

この記事では、フォームデータの非同期取得を実現するためのJavaScriptの具体的なコードを例とし...

SQL Server 2019 Always On クラスターの Docker デプロイメントの実装

目次Docker デプロイメント Always on クラスターDockerをインストールする建築関...

よく使われるCSSスタイル(レイアウト)の詳しい説明

新しいCSS3プロパティと互換性ありCSS3では、プラグインprefixfree.min.jsを使用...

ZabbixはPSK共有キーを使用してサーバーとエージェント間の通信を暗号化します。

Zabbix バージョン 3.0 以降、Zabbix サーバー、Zabbix プロキシ、Zabbi...