1. ホーム
  2. Web制作
  3. HTML/Xhtml

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

2022-01-08 18:48:34

最近、会社はいくつかのCCFAのものを行うように手配し、そのうちの1つは、カメラのライブモニタリングを再生するためのWebページを行うことです。私は長い間vlcプラグインを使用していましたが、主流のブラウザはもうvlcプラグインをサポートしていないので、成功せずに長い間作業しています。

ウェブの大半はこうして実装されているのです。

<object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540"
pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/ npapi-vlc-2.0.6.tar.xz">
<param name='mrl' value=rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
</object>

ツールを使ってプッシュ配信し、ページ上で <video> を使って再生することができる記事を偶然発見しました。

 最終的に達成された結果画像です。

最後に、テストの結果、約2秒の正常な遅延があり、これはまだ許容範囲内です。

概要

上記はHikvisionカメラリアルタイム監視機能のHTML実装の小さな紹介です、私はそれがあなたの助けになることを願って、あなたは何か質問があれば私にメッセージを与えてください、私は速やかにみんなに返信されます。皆様、スクリプトハウスのホームページをよろしくお願いします。