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

CentOS 7 SSHD ändern | Root-Login und SSHD-Port-Skriptdefinition verbieten

1. Erstellen Sie einen neuen Benutzer wwweee000 [...

Zusammenfassung gängiger SQL-Anweisungen in MySQL

1. MySQL-Exportdatei: SELECT `pe2e_user_to_compan...

Analyse des Prinzips des dynamischen Proxys des Mybatis-Mappers

Vorwort Bevor wir mit der Erklärung des Prinzips ...

So implementieren Sie das Singleton-Muster in Javascript

Inhaltsverzeichnis Überblick Code-Implementierung...

So konfigurieren Sie mehrere Tomcats mit Nginx-Lastausgleich unter Linux

Die Methoden zur Installation von Nginx und mehre...

So verwenden Sie einen Docker-Container für den Zugriff auf das Host-Netzwerk

Vor Kurzem wurde ein System bereitgestellt, das n...

25 Vue-Tipps, die Sie kennen müssen

Inhaltsverzeichnis 1. Beschränken Sie Requisiten ...

Die Lösung von html2canvas, dass Bilder nicht normal erfasst werden können

Frage Lassen Sie mich zunächst über das Problem s...

JS + Canvas realisiert dynamischen Uhreffekt

Eine auf Canvas basierende Demo einer dynamischen...

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

Rundungsvorgang des Datums-/Uhrzeitfelds in MySQL

Inhaltsverzeichnis Vorwort 1. Hintergrund 2. Simu...