React Webcam für WordPress

Eine sehr einfache, aber effektive Lösung, um das tatsächliche Bild von Ihrer Webcam auf jeder Seite anzuzeigen. Verzeichnis mit Webcam-Bildern wird regelmäßig gescannt und das neueste Bild wird angezeigt, ohne dass die ganze Seite aktualisiert werden muss.

Webcam-Bilder Dateinamen müssen mit einem Zeitstempel versehen werden (z. B. ).20150923.jpg
Verwendet die React JavaScript-Bibliothek, um eine gute Leistung und nahtlose Benutzererfahrung zu bieten.

React Webcam

Aktuell mit WordPressversion 5.6

Wetter Ravensburg

Server Side Includes Webcam

Server Side Includes (englisch für serverseitige Einbindungen), auch bekannt als SSI, sind in (meist HTML-)Dokumente eingebettete, einfach zu nutzende Skript-Befehle, die auf dem Webserver ausgeführt werden, bevor das Dokument an den Client ausgeliefert wird. Sie stellen eine einfach zu verwendende Alternative zu Programmen bzw. Skripten dar, die das ganze Dokument dynamisch generieren. Die Sprache ist Turing-vollständig.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple Webcam Script</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<meta http-equiv="EXPIRES" content="Mon, 22 Jul 2002 11:12:01 GMT" />
<meta http-equiv="PRAGMA" content="NO-CACHE" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

 

<center>

<img src="webcam.jpg" class="img-thumbnail" width="600" height="250">
<script language="javascript">
<!--
var fyear = <!--#config timefmt="%Y"--><!--#flastmod file="webcam.jpg"-->;
var fmon = <!--#config timefmt="%m"--><!--#flastmod file="webcam.jpg"--> - 1;
var fday = <!--#config timefmt="%d"--><!--#flastmod file="webcam.jpg"-->;
var fhour = <!--#config timefmt="%H"--><!--#flastmod file="webcam.jpg"-->;
var fmin = <!--#config timefmt="%M"--><!--#flastmod file="webcam.jpg"-->;
var fsec = <!--#config timefmt="%S"--><!--#flastmod file="webcam.jpg"-->;
var lyear = <!--#config timefmt="%Y"--><!--#echo var="DATE_LOCAL"-->;
var lmon = <!--#config timefmt="%m"--><!--#echo var="DATE_LOCAL"--> - 1;
var lday = <!--#config timefmt="%d"--><!--#echo var="DATE_LOCAL"-->;
var lhour = <!--#config timefmt="%H"--><!--#echo var="DATE_LOCAL"-->;
var lmin = <!--#config timefmt="%M"--><!--#echo var="DATE_LOCAL"-->;
var lsec = <!--#config timefmt="%S"--><!--#echo var="DATE_LOCAL"-->;
var filedate = new Date(fyear,fmon,fday,fhour,fmin,fsec);
var localdate = new Date(lyear,lmon,lday,lhour,lmin,lsec);
var datediff = Math.round((localdate - filedate) / 1000);
if(datediff <= 600)
{
document.write('<p><img src="p_online.gif" class="img-thumbnail" width="60" height="20">');
document.write('<p>Das Kamerabild wurde vor ' + datediff + ' Sekunden hochgeladen und ist aktuell.');
}
else
{
document.write('<p><img src="p_offline.gif" class="img-thumbnail" width="60" height="20">');
document.write('<p>Das Kamerabild wurde vor ' + datediff + ' Sekunden hochgeladen und ist nicht aktuell.');
}
//-->
</script>

 

 

</body>
</html>


https://de.wikipedia.org/wiki/Server_Side_Includes