ComputerBase Menü
Aktuelles

HTML HTML-Anzeige mehrerer ESP32-Cam Streams im lokalen Netzwerk

B

BalKimu

Newbie
Registriert
Aug. 2025
Beiträge
6
Hallo zusammen.

Vorab sei gesagt das ich absolut keine Ahnung vom Aufbau/erstellen einer Webseite habe. Ich bin schon etwas älter also seid bitte etwas nachsichtig mit mir.

Nun zu meinem Problem. Ich Versuche seit 4 Tagen im Netz mit Suchmaschine und bei YouTube erfolglos nach einer Lösung. Entweder sind meine Suchbegriffe nicht richtig gewählt oder es sind nur Schnipsel erklärt wo das drum herum vorausgesetzt wird und da meine Englisch Kenntnisse von vor Vorgestern sind fallen entsprechende Seiten weg.

Ich habe 4 ESP32-CAM's in meinem lokalen Netzwerk (ohne Internet Anbindung) wo ich mir im Browser mit den entsprechenden IP-Adressen den Livestream der jeweiligen Kamera ansehen kann.
Damit ich aber nicht immer von der einen zur anderen "umschalten" muss würde ich lieber auf eine Datei klicken (am liebsten HTML) wo sich dann der Browser öffnet und die Streams der Cam's entweder nebeneinander oder/und übereinander anzeigt. Alles ohne Schnick schnack mit etwas Freiraum zwischen den Videos. Evtl 'ne Beschriftung und Eingerahmt aber das muss nicht sein. Kann mir jemand sagen wo ich eine deutschsprachige Anleitung für so ein HTML Skript finde, oder so ein Skript posten? Die IP Adressen der Kameras gehen von ...41 bis ...44. Das Videoformat zeigt der VLC Mediaplayer als mjpg an.

Vorab schon Mal ein Danke
 
Nach Datum sortieren Nach Stimmen sortieren
HTML: 
<html>
<head>
    <title>Videostreams</title>
</head>
<body>
    <h1>Video 1</h1>
    <img src="http://192.168.x.x/stream.mjpg" />
    <h1>Video 2</h1>
    <img src="http://192.168.x.x/stream.mjpg" />
    <h1>Video 3</h1>
    <img src="http://192.168.x.x/stream.mjpg" />
    <h1>Video 4</h1>
    <img src="http://192.168.x.x/stream.mjpg" />
</body>
</html>

Die IP-Adresse und den genauen Link auf den Stream sind natürlich anzupassen.
 
Positive Stimme 0 Negative Stimme
Hab es erst Mal per Copy/paste mit 2 Kameras probiert. Hat aber nur teilweise funktioniert.
Chrome hat die Seite zwar geöffnet aber nur Platzhalter für die Streams angezeigt

1000002187.png

Fehlermeldung

1000002188.png


Dabei ist das WLAN der FB wo die Kameras dranhängen WPA2 verschlüsselt
Wenn ich mir direkt die Streams ansehe bekomme ich zwar auch diese Fehlermeldung aber der jeweilige Stream wird angezeigt. Was mache ich da falsch?
 
Positive Stimme 0 Negative Stimme
Hi und (erstmal) willkommen im Forum!

BalKimu schrieb:
[...] ESP32-CAM's [...]
Zum Vergrößern anklicken....
Welche Modelle sind das genau?
Ich konnte bei kurzer Recherche dazu nur solche DIY-Kameramodule finden - handelt's sich um so ein Konstrukt?

Falls ja, sollte gemäß dieser Anleitungsseite der Befehl explizit mit Angabe des Übertragungsports für den Stream aufgerufen werden -> http://192.168.178.x:81/stream
(Bsp. bezieht sich auch nur auf Verwendung des Standardmäßigen IP-Adressbereichs von Fritz!Boxen!)
Wobei bspw. auch ich im lokalen Netzverbund einfach die Angabe des Übertragungsprotokolls weglassen würd' - der Browser sollte eigtl. das richtige selbst ergänzen und da wird mittlerweile standardmäßig die verschlüsselte Variante mittels https verwendet.
HTTPS ist eine Kombi aus HTTP und TLS (früher SSL). Vermutl. wird die jeweilige Sicherheitswarnung angezeigt, weil ein entsprechendes TLS-Zertifikat fehlt. Normalerweise stellen das die jeweiligen Diensteanbieter zur Verfügung.​
BalKimu schrieb:
Dabei ist das WLAN der FB wo die Kameras dranhängen WPA2 verschlüsselt
Zum Vergrößern anklicken....
Hat damit nichts direkt zu tun - WPA2 ist ein Standard für Verschlüsselungsverfahren bei drahtloser Datenübertragung.​

Btw.:
Sorry, aber hier ist ein klein wenig "Klugscheiß-Modus" nötig: 😉
Mehrzahlen werden nicht mit dem sog. "Deppenapostroph" gebildet, sondern nur mit direkt angehängtem Plural-kennzeichnenden Buchstaben, meistens das "s". 😇​
 
Zuletzt bearbeitet: (Durch die Forensoftware fälschlich vorgenommene Umwandlung von HTML-Formatierung entfernt)
Positive Stimme 0 Negative Stimme
Hallo James Bond 😉

Ja es sind so diy Module mit der Standard Programmierung mit dem "Tinker" Modul. Und ja ich habe die Adresse mit "192.168.x.x:81/stream" angegeben. Ich habe letzte Nacht noch die Suchmaschine bemüht und eine englische Anleitung für ein selbst erstelltes Zertifikat ausfindig gemacht. Das muss ich mir aber noch von G übersetzen lassen. Ich bin ja in diesem Fall der Dienstanbieter für mich selbst. Heute bin ich zu nichts gekommen, Familie ging vor. Mal sehen, vielleicht morgen. Ich hab ja Zeit.
 
Positive Stimme 0 Negative Stimme
Problem gelöst !!!
Und wieder eine Baustelle weniger.

Durch herum probieren habe ich es Dank der Bemerkung von @User007 (Angabe des Übertragungsprotokoll weglassen) also ohne .stream , hinbekommen. Es hat zwar etwas gedauert bis ich verstanden habe was gemeint ist, da ich das zwar gelesen habe, mehrmals sogar, quasi überlesen habe. Bis ich mir wirklich Satz für Satz verdeutlicht habe. Ja, ja. Mann wird alt. Es lag also nicht am Script vom ESP32 bezüglich SSL/TLS.

Vielen Dank.
Ergänzung ()

Ich habe zwar eine Thread von 2009 gefunden aber weiß jetzt immer noch nicht ob ich diesen hier jetzt als "gelöst" kennzeichnen muss und wenn ja wie?
 
Zuletzt bearbeitet:
Positive Stimme 0 Negative Stimme
Tja, schön, wenn Du das Problem für Dich zufriedenstellend gelöst hast und auch wenn ich mir die Federn gern anstecken würd', so vermute ich allerdings trotzdem noch ein Mißverständnis.
Mein Hinweis bzgl. des "Übertragungsprotokoll weglassen" hat dann tatsächlich nichts mit dem beschriebenen URL-Teil "stream" zu tun - das Übertragungsprotokoll ist http bzw. in verschlüsselter Form https.
Die Angabe im hinteren Teil der URL zeigt ja eigtl. nur auf ein (Unter-)Verzeichnis der Domäne, wo die Software - in diesem Fall der Dienst des Streaming-Server - seinen Stream hinsendet und abrufbar ist.
Wenn also wirklich durch das Weglassen des URL-Teils nun der Stream abgerufen wird, bedeutet das nur, dass der Streaming-Server eben über das Hauptverzeichnis ansprechbar ist - vermutl. sogar durch eine Variablensetzung in der Software-Programmierung, die simpel auf das Wurzelverzeichnis verweist.
​
BalKimu schrieb:
[...] ob ich diesen hier jetzt als "gelöst" kennzeichnen muss und wenn ja wie?
Zum Vergrößern anklicken....
Es existiert dazu keine direkte Option, allerdings kannst Du das cb-Team mittels der "Melden"-Funktion kontaktieren und bitten den Thread zu schließen. Ob mittlerweile eine Möglichkeit besteht den Threadtitel mit einem "Gelöst"-Präfix zu versehen, weiß ich jedoch nicht.​
 
Positive Stimme 0 Negative Stimme
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 170 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz