Hallo Zusammen,
ich habe folgendes anliegen, ich würde gern eine Übersichtseite mit Kameras erstellen und in einem eigenem Web front anzeigen lassen.
Ich weiß dass ich dieses wahrscheinlich auch über das Webfrond direkt zusammenkicken könnte, fand ich aber nicht so schön.
Da ich auch noch Anfänger bin und kein Programmierer will man sich ja auch weiterentwickeln.
Und sorry wenn ich die Lösung im Forum überlesen hab, ich tu mich auch oftmals schwer mit der suche…
Nun aber zum eigentlichen Problem.
Ich hab wie gesagt eine Webseite gebastelt:
<!-- CamUebersicht -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- <meta http-equiv="refresh" content="5" > -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use-scalable=no">
<script type="text/javascript" src="../../../js/jquery/dhtml.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--[if lt IE 9]>
<script src="bower_components/html5shiv/dist/html5shiv.js"></script>
<![endif]-->
<title>CamUebersicht</title>
<script type="text/javascript">
function ZeitAnzeigen () {
var Wochentagname = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
if (Jahr < 999)
Jahr += 1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds();
var WoTag = Jetzt.getDay();
var Vortag = (Tag < 10) ? "0" : "";
var Vormon = (Monat < 10) ? ".0" : ".";
var Vorstd = (Stunden < 10) ? "0" : "";
var Vormin = (Minuten < 10) ? ":0" : ":";
var Vorsek = (Sekunden < 10) ? ":0" : ":";
var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
var Datum2 = Wochentagname[WoTag] + " " + Datum;
var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
var Gesamt = Wochentagname[WoTag] + " " + Datum + ", " + Uhrzeit;
if (DHTML) {
//setContent("id", "Uhr", null, Gesamt);
setContent("id", "Uhr", null, Uhrzeit);
setContent("id", "Datum2", null, Datum2);
window.setTimeout("ZeitAnzeigen()", 1000);
}
}
// Refesh CamDu5
$(document).ready(function() {
$("#CamDu5").load("CamDu5.php");
var refreshId = setInterval(function() {
$("#CamDu5").load('CamDu5.php?' + 1*new Date());
}, 2000);
});
// Refesh Cam5TuMN
$(document).ready(function() {
$("#Cam5TuMN").load("Cam5TuMN.php");
var refreshId = setInterval(function() {
$("#Cam5TuMN").load('Cam5TuMN.php?' + 1*new Date());
}, 2000);
});
// Refesh CamDu5
$(document).ready(function() {
$("#CamKOuMO").load("CamKOuMO.php");
var refreshId = setInterval(function() {
$("#CamKOuMO").load('CamKOuMO.php?' + 1*new Date());
}, 2000);
});
</script>
<link rel="stylesheet" href="../../../css/WebFronts/CAMs/stylesheet.css">
</head>
<body onLoad="window.setTimeout('ZeitAnzeigen()', 1000)">
<section id="main">
<section id="Uhr">
</section>
<aside id="sunriseset">
<?
$longitude = "51.9"; // Longitude (geografische Breite)
$latitude = "10.1"; // Latitude (geografische Länge)
if (date("I") == 1) $daylight = 2; // Sommerzeit
if (date("I") == 0) $daylight = 1; // Winterzeit
// *** Sonnenaufgang des heutigen Tages berechnen ***
$sunrise = date(date_sunrise(time(), SUNFUNCS_RET_STRING, $longitude, $latitude, 90.8333, $daylight));
echo "Sonnenaufgang um ",date($sunrise)," Uhr"."
";
echo " | ";
?>
<?
// *** Sonnenuntergang des heutigen Tages berechnen ***
$sunset = date(date_sunset(time(), SUNFUNCS_RET_STRING, $longitude, $latitude, 90.8333, $daylight));
echo "Sonnenuntergang um ",date($sunset)," Uhr"."
";
?>
</aside>
<aside id="CamDu5">
</aside>
<aside id="Cam5TuMN">
</aside>
<aside id="CamKOuMO">
</aside>
</section>
</body>
</html>
Kamera D und 5
<img src="./cache/56065.jpg" width=40% height=40% > <img src="./cache/28313.jpg" width=40% height=40% >
Diese bilder werden alle 2 sekunden hierüber
<?
$camHd = base64_decode(IPS_GetMediaContent(31326 /*[Hardware\Kameras\CAM-Halle-D\Halle-D]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."56065.jpg";
file_put_contents($cameraimagepath, $camHd);
$camH5 = base64_decode(IPS_GetMediaContent(41066 /*[Hardware\Kameras\CAM-Halle-5\Halle-5]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."28313.jpg";
file_put_contents($cameraimagepath, $camH5);
$cam5T = base64_decode(IPS_GetMediaContent(25807 /*[Hardware\Kameras\CAM-Halle-5-Tuer\Hall-5-Tuer]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."47603.jpg";
file_put_contents($cameraimagepath, $cam5T);
$camMN = base64_decode(IPS_GetMediaContent(44800 /*[Hardware\Kameras\CAM-Halle-M-N\Image]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."51726.jpg";
file_put_contents($cameraimagepath, $camMN);
$camKO = base64_decode(IPS_GetMediaContent(59431 /*[Hardware\Kameras\CAM-Halle-K-O\Image]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."38207.jpg";
file_put_contents($cameraimagepath, $camKO);
$camMO = base64_decode(IPS_GetMediaContent(57283 /*[Hardware\Kameras\CAM-Halle-M-O\Image]*/)); // ObjektId Media Image
$cameraimagepath = IPS_GetKernelDir()."webfront/user/Cams/cache/".DIRECTORY_SEPARATOR."35387.jpg";
file_put_contents($cameraimagepath, $camMO);
?>
aktualisiert.
Aber diese Bilder werden nicht auf der Webseite „aktualisiert“.
Wahrscheinlich bin ich völlig falsch an das Thema ran gegangen, aber in meinem kleinen Universum sah es gut aus :rolleyes:
Herzlichen dank für eure unterstütung im voraus
Grüße
Sascha