HTML realisiert Echtzeit-Überwachungsfunktion der Hikvision-Kamera

HTML realisiert Echtzeit-Überwachungsfunktion der Hikvision-Kamera

Das Unternehmen hat vor Kurzem einige CCFA-Aktivitäten geplant, unter anderem die Erstellung einer Webseite zur Echtzeitüberwachung der Kamera. Ich habe lange online nach Baidu gesucht und viele davon werden direkt über das VLC-Plug-In implementiert. Die gängigen Browser unterstützen das VLC-Plug-In derzeit jedoch nicht mehr und ich habe es auch nach langer Zeit nicht gefunden.

Die meisten Online-Implementierungen sind wie folgt:

<Objekttyp='Anwendung/x-vlc-plugin' ID='vlc' Ereignisse='True' Breite="720" Höhe="540"
Pluginspage="http://www.videolan.org" Codebasis="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
<param name='mrl' value=rtsp://[Benutzername]:[Passwort]@[IP]:[Port]/[Codec]/[Kanal]/[Subtyp]/av_stream' />
<param name='Volumen' Wert='50' />
<param name='autoplay' value='true' />
<param name='Schleife' value='false' />
<param name='Vollbild' value='false' />
</Objekt>

Ich bin zufällig auf einen Artikel gestoßen, in dem stand, dass man den Stream mit Tools pushen und ihn dann mit <video> auf der Webseite abspielen kann.

Das endgültige Effektdiagramm:

Nach dem Testen stellte sich heraus, dass im Normalfall eine Verzögerung von ca. 2 Sekunden auftritt, was noch im akzeptablen Rahmen liegt.

Zusammenfassen

Das Obige ist die Einführung des Herausgebers in HTML, um die Echtzeitüberwachungsfunktion von Hikvision-Kameras zu realisieren. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  MySQL-Datenbankindizes und -Transaktionen

>>:  Eine kurze Diskussion über Front-End-Netzwerk, JavaScript-Optimierung und Entwicklungstipps

Artikel empfehlen

Keep-Alive-Multilevel-Routing-Cache-Problem in Vue

Inhaltsverzeichnis 1. Problembeschreibung 2. Ursa...

Detaillierte Erklärung der NodeJS-Modularität

Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...

Nginx' praktische Methode zur Lösung domänenübergreifender Probleme

Trennen Sie Front- und Backend und lösen Sie domä...

So mounten Sie eine Festplatte in Linux

Wenn Sie eine virtuelle Maschine verwenden, stell...

MySQL-Dateneinfügungsoptimierungsmethode concurrent_insert

Wenn ein Thread eine DELAYED-Anweisung für eine T...

Inspirierende Designbeispiele für glänzendes und schimmerndes Website-Design

Diese Sammlung zeigt eine Reihe herausragender und...

Einführung des Code-Prüftools stylelint zum Erfahrungsaustausch

Inhaltsverzeichnis Vorwort Text 1. Installieren S...

Tipps zum Mischen von OR und AND in SQL-Anweisungen

Heute gibt es eine solche Anforderung. Wenn die a...

Docker-Image-Optimierung (von 1,16 GB auf 22,4 MB)

Inhaltsverzeichnis Der erste Schritt der Optimier...

Probleme mit Sperren in MySQL

Schlossklassifizierung: Aus der Granularität der ...

Detailliertes Tutorial zur Installation von mysql-8.0.20 unter Linux

** Installieren Sie mysql-8.0.20 unter Linux ** U...

Über das WeChat Mini-Programm zur Implementierung von Cloud-Zahlungen

Inhaltsverzeichnis 1. Einleitung 2. Gedankenanaly...

So installieren und konfigurieren Sie den Apache-Webserver

Erfahren Sie, wie Sie Ihre eigene Website auf Apa...