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

Detaillierte Erläuterung des Mysql-Kommunikationsprotokolls

1.Mysql-Verbindungsmethode Um das MySQL-Kommunika...

Linux-Swap-Partition (ausführliche Erklärung)

Inhaltsverzeichnis linux 1. Was ist SWAP 2. Was p...

vue3+ts+EsLint+Prettier Standardcode-Implementierung

Inhaltsverzeichnis verwenden Verwendung von EsLin...

Detailliertes Beispiel für die Verwendung von MySQL-Triggern

Details zur MySQL-Triggersyntax: Ein Trigger ist ...

Export- und Importvorgänge für Docker-Images

Was ist, wenn die Basis-Images bereits konfigurie...

Vue+el-table realisiert das Zusammenführen von Zellen

In diesem Artikelbeispiel wird der spezifische Co...

MySQL 5.6 Installationsschritte mit Bildern und Text

MySQL ist ein Open-Source-Verwaltungssystem für k...

Ich zeige Ihnen, wie Sie Schriftsymbole in CSS verwenden

Zunächst einmal: Was ist ein Schriftsymbol? Oberf...

Analysieren Sie mehrere gängige Lösungen für MySQL-Ausnahmen

Inhaltsverzeichnis Vorwort 1. Der vom Code konfig...

CSS3 erstellt eine Webanimation, um einen springenden Balleffekt zu erzielen

Grundlegende Vorbereitung Für diese Implementieru...

Beispielcode zur Implementierung einer Auto-Increment-Sequenz in MySQL

1. Erstellen Sie eine Sequenztabelle CREATE TABLE...

Erläuterung der neuen Funktion von Hadoop 2.X, der Papierkorbfunktion

Durch Aktivieren der Papierkorbfunktion können Si...