{"id":1283,"date":"2021-06-28T18:12:00","date_gmt":"2021-06-28T16:12:00","guid":{"rendered":"http:\/\/archiv.etscheid.biz\/?p=1283"},"modified":"2023-01-01T15:02:59","modified_gmt":"2023-01-01T14:02:59","slug":"alle-kamerabilder-in-einer-uebersicht-anzeigen","status":"publish","type":"post","link":"https:\/\/etscheid.biz\/blog\/2021\/06\/28\/alle-kamerabilder-in-einer-uebersicht-anzeigen\/","title":{"rendered":"Alle Kamerabilder in einer \u00dcbersicht anzeigen"},"content":{"rendered":"\n

In einem anderen Artikel (Link<\/a>) habe ich beschrieben wie man die RTSP Streams komfortabel in VLC \u00f6ffnet. Hier m\u00f6chte ich eine weiter M\u00f6glichkeit beschreiben wie man noch schneller und komfortabler auf die Kamerabilder in einem Browser zugreifen kann.<\/p>\n\n\n

\n
\"Security
fmunzert<\/a> \/ Pixabay<\/figcaption><\/figure>\n<\/div>\n\n\n\n\n\n\n

Meine D-Link Kameras haben sowohl die M\u00f6glichkeit auf das aktuelle Bild als Standbild zuzugreifen, aber auch das Videobild als MJPG wiederzugeben.<\/p>\n\n\n\n

Das Kamerabild kann man bei meiner DCS 936L\/935L unter folgenden Link abrufen:
http:\/\/IP-Adresse-der-Kamera\/image\/jpeg.cgi<\/em><\/p>\n\n\n\n

Das Kameravideo kann man unter folgendem Link erreichen:
http:\/\/IP-Adresse-der-Kamera\/video\/mjpg.cgi<\/em><\/p>\n\n\n\n

In den Einstellungen der Kamera unter Verwaltung -> Admin kann man bei AUTHENTIFIZIERUNG festlegen, ob man ein Passwort eingeben muss f\u00fcr
1. RTSP -> Stream
2. HTTP -> Stream
3. Momentaufnahmen -> Einzelbild<\/p>\n\n\n\n

Falls man es so einstellt, das man nur mit Passwort drauf zugreifen darf, dann muss vor die IP-Adresse im Link noch Benutzername:Passwort@ also z.B. so http:\/\/admin:Password@192.168.2.1\/video\/mjpg.cgi.<\/p>\n\n\n\n

Mit diesen beiden Infos habe ich mir eine kleine HTML Seite aufgebaut, die mir die Bilder direkt auf einer Seite anzeigt. So ben\u00f6tigt es nur einen Webserver im LAN, z.B. auf einem Raspberrypi und Zugriff auf die neu erstellte HTML Seiten.<\/p>\n\n\n\n

HTML Seite mit Einzelbildern<\/h4>\n\n\n\n

Die HTML Seite f\u00fcr die Einzelbilder aktualisiert das Bild alle 10 Sekunden und zeigt alle Bilder direkt untereinander an. Dies k\u00f6nnt ihr als Vorlage nehmen, einfach den Text kopieren, in einen Editor einf\u00fcgen und die Datei als .html abspeichern.<\/p>\n\n\n\n

<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Frameset\/\/EN\"\n   \"http:\/\/www.w3.org\/TR\/html4\/frameset.dtd\">\n<html>\n<head>\n<title>Webcams<\/title>\n\n<meta http-equiv=\"Pragma\" content=\"no-cache\"> \n<meta http-equiv=\"Cache-Control\" content=\"no-cache\"> \n<meta http-equiv=\"Expires\" content=\"-1\">\n<META HTTP-EQUIV=\"refresh\" CONTENT=\"10\">\n\n<\/head>\n\n<body bgcolor=\"#000000\">\n<main>\n<ul id=\"galerie\">\n<!--\t -->\n \n\t\n\t\n\t<br>\n\t<img src=\"http:\/\/10.0.1.38\/image\/jpeg.cgi\" alt=\"Carport\">\n\t<br>\n\t<img src=\"http:\/\/10.0.1.39\/image\/jpeg.cgi\" alt=\"Garten\">\n\t<br>\n\t\n\t\t\n<\/ul>\n<\/main>\n<\/body>\n<\/html><\/mark>\n<\/code><\/pre>\n\n\n\n
HTML Seite mit Videostream<\/h4>\n\n\n\n
Die HTML Seite mit den Video Streams zeigt alle Kamerabilder untereinander an und alle zeigen ein Livebild.<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Frameset\/\/EN\"\n   \"http:\/\/www.w3.org\/TR\/html4\/frameset.dtd\">\n<html>\n<head>\n<title>Webcams<\/title>\n\n<meta http-equiv=\"Pragma\" content=\"no-cache\"> \n<meta http-equiv=\"Cache-Control\" content=\"no-cache\"> \n<meta http-equiv=\"Expires\" content=\"-1\">\n<META HTTP-EQUIV=\"refresh\" CONTENT=\"10\">\n\n<\/head>\n\n<body bgcolor=\"#000000\">\n<main>\n<ul id=\"galerie\">\n<!--\t -->\n \n\t<br>\n\t<img src=\"http:\/\/10.0.1.38\/video\/mjpg.cgi\" alt=\"Carport\">\n\t<br>\n\t<img src=\"http:\/\/10.0.1.93\/video\/mjpg.cgi\" alt=\"Garten\">\n\t<br>\n\t\n\t\t\n<\/ul>\n<\/main>\n<\/body>\n<\/html><\/mark>\n<\/code><\/pre>\n\n\n\n
Ihr k\u00f6nnt dann z.B. den Link auf diese HTML  Datei in eurem LAN auf dem Handy aufrufen und den Link abspeichern oder eine Verkn\u00fcpfung direkt auf dem Homebildschirm ablegen. Dann habt ihr immer direkt Zugriff auf die Kamerabilder.<\/p>\n\n\n\n
Auch von Unterwegs funktioniert dies, hierf\u00fcr muss aber z.B. ein VPN eingerichtet und aktiviert sein, wenn ihr auf euer eigene Netzwerk zugreifen m\u00f6chtet.<\/p>\n","protected":false},"excerpt":{"rendered":"
In einem anderen Artikel (Link) habe ich beschrieben wie man die RTSP Streams komfortabel in VLC \u00f6ffnet. Hier m\u00f6chte ich eine weiter M\u00f6glichkeit beschreiben wie man noch schneller und komfortabler auf die Kamerabilder in einem Browser zugreifen kann.<\/p>\n","protected":false},"author":2,"featured_media":1323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[219,206,249,250,222,223],"class_list":["post-1283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-home","tag-dcs-936l","tag-fw-dcs936-1-07-04","tag-jpeg-cgi","tag-mjpg-cgi","tag-stream","tag-video"],"_links":{"self":[{"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/posts\/1283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/comments?post=1283"}],"version-history":[{"count":1,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/posts\/1283\/revisions"}],"predecessor-version":[{"id":1613,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/posts\/1283\/revisions\/1613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/media\/1323"}],"wp:attachment":[{"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/media?parent=1283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/categories?post=1283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/etscheid.biz\/blog\/wp-json\/wp\/v2\/tags?post=1283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}