Live-Feed & Integration

Webcam Player

Echtzeit-Ansicht & Quellcode zum Einbinden

Facebook Instagram Kontakt

Live-Feed: Altstadt

Privacy Mode: Active (1/8 Blur)
LIVE
Webcam Bild wird geladen...
--.--.---- --:--:--
Verbinde...
Auto-Refresh alle 10s Blickrichtung Nord-West

Hol dir das Skript

Kopiere diesen Code, um den Player auf deiner Seite einzubinden.
(Tipp: Füge backdrop-filter: blur(20px) im CSS hinzu, um auch dort den Datenschutz zu wahren.)

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; ?>">
  <!-- Optionaler Datenschutz-Blur unten -->
  <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>