Photo Station Webcam Bilder auf Lokaler Homepage

n382 · 09. Nov 2020

Hallo zusammen,
ich bin neu hier im Forum und bedanke mich für die viele Unterstützung die ich schon finden konnte.

Evtl hat jemand eine gute Idee:
Ich habe zwei Webcam, die ein Bild alle 30 Sekunden auf mein NAS speichern.

Diese Bilder möchte ich gerne auf eine internen lokalen Homepage anzeigen können. Joomla beherrsche ich nicht und über die Webstation bekomm ich das irgendwie nicht hin.

Hat jemand so etwas schon mal gemacht? Es kommt nicht auf gestalterische Schönheit, nur intern für mich.

Vielen Dank.

Euer Nils

Anzeige · 09. Nov 2020

Hallo n382,

Bücher und Hardware zum Thema gibt es bei Amazon: Webcam Bilder auf Lokaler Homepage

Ulfhednir · 09. Nov 2020

Erste Frage: Was sind denn das für Kameras? Können diese denn bereits ein Bild alle X Sekunden auf einem Pfad speichern lassen?

Wollfuchs · 09. Nov 2020

die bilder muessen halt in einem verzeichnis liegen, auf dass webstation zugriff hat.
z.b \volume1\www\images\

wenn du in der webseite dann die grafik einbindest webcam1.jpg, muss die webcam halt
die datei alle 30 sek ueberchreiben.

alternativ .. je nach webcam, waere halt das einbinden des rstp streams viel schlauer.
dann kuckst du quasi einfach webcam auf der seite.

n382 · 09. Nov 2020

Hallo,
es sind Mobotix Kameras.
Das Speichern klappt auch, als Stream wollte ich eigentlich nicht, da die Kameras über LTE angebunden sind (geht auch nicht anders)

Die Frage ist mehr in Richtung wie bekomme ich die Homepage auf die Webstation ?
Joomla kann ich nicht. Gibts da eine einfachere Lösung ?

VG

Ulfhednir · 09. Nov 2020

Wie @Wollfuchs bereits schrieb: Ausgangsstellung ist erst einmal die folgende, dass die Bilder unter der Webstation (volumeX\web) gespeichert werden. Dann erstellst du eine cam.html
In dieser bettest du mittels <img>-Tag die Bilder ein.

HTML:

<img src='URL' >

Die URL wäre dann ungefähr so: http://IP-DEINES-NAS/Kamerabild.jpg

Über http://IP-DEINES-NAS/cam.html solltest du dann die Webseite aufrufen können.
Joomla, Wordpress und Co. werden hier nicht benötigt.

siehe auch:
https://www.w3schools.com/tags/tag_img.asp https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/Grafiken

Ulfhednir · 09. Nov 2020

HTML:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
</head>
<body>

<h2>n382 - supergeheime Kameraübersicht</h2>

<div class="row">
  <div class="column" style="background-color:#aaa;">
    <h2>Cam 1</h2>
    <img src='https://www.mobotix.com/sites/default/files/styles/media_image/public/2019-10/teaser_m73_1.jpg'>
  </div>
  <div class="column" style="background-color:#bbb;">
    <h2>Cam 2</h2>
    <img src='https://www.mobotix.com/sites/default/files/styles/media_image/public/2020-10/S74_eckenmontage_930x550.jpg'>
  </div>
</div>

</body>
</html>

Hier ein Beispiel für deine cam.html
Den Inhalt in eine Textdatei (.txt) kopieren; die URL ersetzen und dann als .html speichern.
Bsw. die Dateiendung von .txt auf .html ändern

https://www.w3schools.com/howto/howto_css_two_columns.asp

n382 · 10. Nov 2020

supergeheime ;-)

läuft, vielen Dank ...

Suche

Photo Station Webcam Bilder auf Lokaler Homepage

n382

Benutzer

Anzeige

Ulfhednir

Benutzer

Wollfuchs

Benutzer

n382

Benutzer

Ulfhednir

Benutzer

Ulfhednir

Benutzer

n382

Benutzer

Kaffeautomat