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

推薦する

VirtualBox6上のCentOS7で静的IPを設定する方法と注意点

VirtualBox をインストールした後、CentOS 7 をインストールします。ここでは詳細には...

MySQLのロック機構に関する最も包括的な説明

目次序文グローバルロック完全なデータベース論理バックアップFTWRL と set global re...

入力タグの名前と値の違い

type はブラウザでの入力と出力に使用されるコントロールです (たとえば、type="t...

CSSは5つの一般的な2D変換を実装します

CSS の 2D 変換を使用すると、移動、回転、拡大縮小、変形などの基本的な変換操作を 2 次元空間...

Dockerのデフォルトネットワークセグメントの正しい変更手順

背景同僚がセキュリティ プロジェクトに取り組んでおり、AWS サーバーに秘密兵器を展開する必要があり...

Node+socketでシンプルなチャットルーム機能を実現

この記事では、参考までに、シンプルなチャットルームを実装するためのnode+socketの具体的なコ...

Linux システムの /etc/fstab ファイルの詳細な解釈

序文 [root@localhost ~]# cat /etc/fstab # #/etc/fsta...

インスタンス化されたオブジェクトパラメータによるMySQLクエリ例の説明

この記事では、オブジェクト パラメータをインスタンス化して MySQL でデータをクエリする方法を紹...

CSS3でよく使われるスタイルの詳しい解説[基本的なテキストとフォントのスタイル]

概要: Web ページをより美しく見せるために、ここでは CSS3 でよく使用されるスタイルをいくつ...

Nginxはクロスドメインの問題を解決し、サードパーティのページを埋め込む

目次序文困難クロスドメイン定義nginxの機能リバースプロキシ静的と動的の分離達成しようとする最終結...

DockerでRabbitMqの共通クラスタとミラークラスタを構築する詳細な操作

目次1. RabbitMqの動作環境を構築する1.検索を通じてrabbitmqイメージを照会する2....

Vue3 のリアクティブ関数 toRef 関数 ref 関数の紹介

目次リアクティブ機能使用法: toRef 関数 (理解するだけ)使用法: ref関数レスポンシブデー...

Node.js でメモリ効率の高いアプリケーションを作成する方法

目次序文問題: 大きなファイルのコピーNodeJS のストリームとバッファバッファストリーム解決策 ...

画像にマウスを置いたときにズームイン/ズームアウトするには JS を使用します

マウスが画像上にあるときにズームインおよびズームアウトするには、JS を使用します。具体的なコードは...

露滴アニメーション効果を実装するための Three.js サンプル コード

序文みなさんこんにちは。CSS ウィザードの alphardex です。この記事では、three.j...