IP Kamera Bilder von FTP Server auf Website anzeigen
Hallo zusammen,
ich habe eine IP Kamera die alle 5 Minuten ein aktuelles Bild auf einen FTP Server hochlädt.
Die einzelnen Tage sind jedoch in einem einzelnen Ordner.
Ich würde gerne auf einer Website jeweils das aktuellste Bild anzeigen lassen.
Kann mir hier jemand bei der Umsetzung helfen?
Der hier verwendete Code
<style>
body{
height:100vh;
}
#balken{
width:95vw;
border:1px solid black;
height:30px;
background:red;
}
#inn{
width:0px;
height:31px;
text-align:center;
font-size:25px;
background:green;
}
main{
font-size:30px;
}
main a{
color:green;
font-weight;900;
}
#inn p{
margin:0;
padding:0;
width:95vw;
text-align:center;
display:block;
}
</style>
<body>
<input type="button" id="simu" value="simulation eines Tages starten">
<main>
</main>
<div id="balken">
<div id="inn">
</div>
</div>
<script>
// beispiel link
// http://exanple.com/13/09/2021/12_55.jpg
function sim(simulation,a,b){
var min=[0,5,10,15,20,25,30,35,40,45,50,55,60];
var hou=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24];
let host='http://example.com/';
const heute = new Date();
let monat=heute.getMonth()+1;
let jahr=heute.getFullYear();
let tag=heute.getDate();
//heute.getDay();
if(simulation=='false'){
var stunden=heute.getHours();
var minuten=heute.getMinutes();
}else{
var stunden=a;
var minuten=b;
}
let now=stunden+':'+minuten;
let now1=stunden+':'+(minuten-5);
for(y=0;y<min.length;y++){
if(minuten>=min[y] && minuten<min[y+1]){
for(x=0;x<hou.length;x++){
if(stunden>=hou[x] && stunden<hou[x+1]){
link=host+monat+'/'+tag+'/'+jahr+'/'+hou[x]+'_'+min[y]+'.jpg';
}
}
}
}
document.getElementsByTagName('main')[0].innerHTML='Zeige letztes Bild was nicht älter als 5 Minuten ist <br><a href="">'+link+'</a>';
}
sim('false',0,0);
/* ab hier ist nur die simulation und unwichtig */
var stu_f;
var min_f;
document.getElementById('simu').addEventListener('click',function(){
function start(f){
if(f<1440){
mm=Math.floor((f%60));
ss=Math.floor((f/60));
sim('true',ss,mm);
// console.log(f+':'+ss+':'+mm)
var timer=setTimeout(function(){
f++;
start(f);
},100);
}else{
clearTimeout(timer)
}
document.getElementById('inn').innerHTML='<p>'+((100/1440)*f).toFixed(2)+'%</p>';
document.getElementById('inn').style.width=(100/1440)*f+'%';
}
start(0);
})
</script>
</body>