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

推薦する

ショッピングカートの計算を実現する js メソッド

この記事の例では、ショッピングカートの計算を実装するためのjsの具体的なコードを参考までに共有してい...

HTML CSS JS はタブページのサンプルコードを実装します

コードをコピーコードは次のとおりです。 <html xmlns="">...

HTMLにスクリプトを追加する2つの方法と注意点

HTML に <script> スクリプトを追加する方法: 1. HTMLにJavaSc...

Vue ベースの要素ボタン権限実装ソリューション

背景要件: ERP システムに「ボタン権限制御」機能を追加する必要があり、権限の制御粒度をボタン レ...

Docker 起動時の ES メモリ オーバーフローの解決方法

jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...

Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...

手書きの Vue2.0 データハイジャックの例

目次1: webpackをビルドする2. データハイジャック3: まとめ1: webpackをビルド...

CSS3は水平方向の中央揃え、垂直方向の中央揃え、水平方向と垂直方向の中央揃えのサンプルコードを実装しています。

フロントエンドの担当者であれば、面接でも仕事中でも、「CSS を使用して中央揃えにする」という効果に...

JavaScript DOM オブジェクト操作

目次1. コア1. Domノードを取得する2. ノードの更新2.1 実践演習3. Domノードを削除...

SQL文におけるGROUP BYとHAVINGの使用に関する簡単な説明

GROUP BY 句と HAVING 句を紹介する前に、まず SQL 言語の特殊な関数である集計関数...

Linux環境でグラフデータベースneo4jを構築する方法の説明

Neo4j (Nosql の 1 つ) は、高性能なグラフ データベース (分散をサポートしていませ...

MySQL Community Server 8.0.12 のインストールと設定方法のグラフィックチュートリアル

MySQL 8 は、NoSQL、JSON などのサポートなど、まったく新しいエクスペリエンスをもたら...

HTML 基本要約推奨事項 (テキスト形式)

HTMLテキスト書式タグ 標簽 描述 <b> 定義粗體文本 <em> 呈現...

my.cnf (my.ini) 重要なパラメータの最適化設定手順

MyISAM ストレージエンジンMyISAM ストレージ エンジンは、書き込みよりも読み取りが多く、...