Live-Feed & Integration

Webcam Player

Echtzeit-Ansicht & Quellcode zum Einbinden

Facebook Instagram Kontakt

Live-Feed: Altstadt

LIVE
Webcam Bild wird geladen...
--.--.---- --:--:--
Verbinde...
Tägliches Archiv (15:00 Uhr)
02.07.2026 15:00
01.07.2026 15:00
30.06.2026 15:00
29.06.2026 15:00
28.06.2026 15:00
27.06.2026 15:00
26.06.2026 15:00
25.06.2026 15:00
24.06.2026 15:00
23.06.2026 15:00
22.06.2026 15:00
21.06.2026 15:00
20.06.2026 15:00
19.06.2026 15:00
18.06.2026 15:00
17.06.2026 15:00
16.06.2026 15:00
15.06.2026 15:00
14.06.2026 15:00
13.06.2026 15:00
12.06.2026 15:00
11.06.2026 15:00
10.06.2026 15:00
09.06.2026 15:00
08.06.2026 15:00
07.06.2026 15:00
06.06.2026 15:00
05.06.2026 15:00
04.06.2026 15:00
03.06.2026 15:00
02.06.2026 15:00
01.06.2026 15:00
31.05.2026 15:00
30.05.2026 15:00
29.05.2026 15:00
28.05.2026 15:00
27.05.2026 15:00
26.05.2026 15:00
25.05.2026 15:00
24.05.2026 15:00
23.05.2026 15:00
22.05.2026 15:00
21.05.2026 15:00
20.05.2026 15:00
19.05.2026 15:00
18.05.2026 15:00
17.05.2026 15:00
16.05.2026 15:00
15.05.2026 15:00
14.05.2026 15:00
13.05.2026 15:00
12.05.2026 15:00
Auto-Refresh alle 5s Blickrichtung Nord-West

Hol dir das Skript

Kopiere diesen Code, um den Player auf deiner Seite einzubinden.

embed.php
<?php $url='https://ravensburg-ipwebcam.de/bilder/snapshot.jpg'; ?>
<div id="wc-box" style="position:relative;width:100%;aspect-ratio:16/9;background:#000;color:#fff;overflow:hidden;">
  <div style="position:absolute;top:10px;left:10px;background:red;padding:2px 6px;border-radius:3px;font-size:10px;">LIVE</div>
  <img id="wc-img" style="width:100%;height:100%;object-fit:cover;" src="<?php echo $url; ?>">
  <div style="position:absolute;bottom:0;left:0;width:100%;height:12.5%;backdrop-filter:blur(20px);background:rgba(255,255,255,0.1);"></div>
</div>
<script>
  setInterval(()=>{
    let i=new Image(); 
    i.onload=()=>document.getElementById('wc-img').src=i.src; 
    i.src='<?php echo $url; ?>?t='+Date.now();
  }, 10000);
</script>