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 と Nodejs におけるイベント駆動型開発についての簡単な説明

目次イベント駆動型とパブリッシュ・サブスクライブ型ブラウザの JavaScript ではイベント駆動...

数十億のデータに対するMySQLページングの最適化に関する簡単な説明

目次背景分析するデータシミュレーション1. 従業員テーブルと部門テーブルの2つのテーブルを作成します...

Docker のインストールと構成イメージの高速化の実装

目次DockerバージョンCentOS に Docker エンジンをインストールするシステム要件古い...

CSSは高度に適応したフルスクリーンを実現します

独自のデモを作成するときに、display:flex を使用して垂直方向の中央揃えを実現したいと思い...

iframe パラメータの説明と例

<iframe src=”test.jsp” width=”100″ height=”50″ ...

MySQL の基本ステートメントを最適化するための 10 の原則の概要

序文データベースの応用において、プログラマーは継続的な実践を通じて多くの経験を積んできました。これら...

ミニプログラムの基本的な使用方法の知識ポイント(非常に包括的で、お勧めです!)

目次アプリを登録するときに何をすればよいですか?ページを登録するときに通常何をする必要がありますか?...

CSS 境界線の半分または部分的に表示される実装コード

1. 疑似クラスを使用して境界線の半分を表示する <!DOCTYPE html> <...

画面なしで無線ネットワークに接続しているときに Raspberry Pi の IP アドレスを見つける方法

あなたがlinuxerだと仮定すると、 windowserだとは想定しません。Windows ユーザ...

ROS で Turtlebot3 移動ロボットを制御するための基本的なチュートリアル

中国語チュートリアルhttps://www.ncnynl.com/category/turtlebo...

CSS シャドウアニメーションの最適化のヒント

このテクニックは、この記事から来ています - シルキーでスムーズなパフォーマンスでボックスシャドウを...

Raspberry Pi msmtp と mutt のインストールと設定のチュートリアル

1. muttをインストールするsudo apt-get install mutt 2. msmtp...

反応ルーティングでパラメータを渡すいくつかの方法についての簡単な説明

最初のパラメータ渡し方法は、動的ルーティングパラメータ渡しです。リンクのパス属性を設定することで、ル...