{"id":868,"date":"2026-03-15T12:39:42","date_gmt":"2026-03-15T11:39:42","guid":{"rendered":"https:\/\/www.db0npr.de\/?page_id=868"},"modified":"2026-07-05T19:04:47","modified_gmt":"2026-07-05T17:04:47","slug":"live-webcam","status":"publish","type":"page","link":"https:\/\/www.db0npr.de\/index.php\/live-webcam\/","title":{"rendered":"Live WebCam"},"content":{"rendered":"<h1 data-path-to-node=\"2\">\ud83d\udcf8 Live-Webcam: Blick von Breitscheid<\/h1>\n<p data-path-to-node=\"3\">Wirf einen Blick aus der Vogelperspektive! Unsere Live-Webcam ist direkt am Relaisstandort in <b data-path-to-node=\"3\" data-index-in-node=\"94\">Breitscheid (JO30RN)<\/b> montiert und zeigt dir das aktuelle Wetter und die Sichtverh\u00e4ltnisse live im Naturpark Rhein-Westerwald.<\/p>\n<h3 data-path-to-node=\"5\">\ud83d\uddfa\ufe0f Kamera-Eckdaten<\/h3>\n<ul data-path-to-node=\"6\">\n<li>\n<p data-path-to-node=\"6,0,0\"><b data-path-to-node=\"6,0,0\" data-index-in-node=\"0\">Blickrichtung:<\/b> Osten (Richtung Horhausen, Sta\u00dfenhaus, Dernbacher Kopf im Westerwald )<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"6,1,0\"><b data-path-to-node=\"6,1,0\" data-index-in-node=\"0\">Standorth\u00f6he:<\/b> 345 m \u00fc. NN<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"6,2,0\"><b data-path-to-node=\"6,2,0\" data-index-in-node=\"0\">Aktualisierung:<\/b> <i data-path-to-node=\"6,2,0\" data-index-in-node=\"16\">\u00a0im Live-Stream<\/i><\/p>\n<\/li>\n<\/ul>\n\n    <div id=\"video-container\" style=\"position: relative; max-width: 800px; margin: 0 auto; background: #000; border-radius: 8px; overflow: hidden;\">\n        \n        <div id=\"timer-wrap\" style=\"position: absolute; top: 10px; right: 15px; z-index: 20; color: white; font-size: 140%; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\">\n            \u23f3 <span id=\"stream-timer\">30:00<\/span>\n        <\/div>\n\n        <video id=\"player\" autoplay muted playsinline style=\"width: 100%; display: block;\"><\/video>\n        \n        <div id=\"reload-overlay\" style=\"display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); color:white; flex-direction:column; justify-content:center; align-items:center; z-index:30; text-align:center;\">\n            <p style=\"font-size:140%; margin-bottom:15px; font-weight:bold;\">\u00dcbertragung beendet<\/p>\n            <p style=\"margin-bottom:20px;\">Zum Schutz der Bandbreite wurde der Stream gestoppt.<\/p>\n            <button onclick=\"location.reload();\" style=\"padding: 10px 20px; cursor: pointer; background: transparent; color: white; border: 2px solid white; border-radius: 5px; font-size: 110%;\">Stream neu starten<\/button>\n        <\/div>\n\n        <div id=\"overlay\" style=\"\n            position: absolute;\n            bottom: 8px;\n            left: 50%;\n            transform: translateX(-50%);\n            color: #0f0;\n            background: rgba(0,0,0,0.5);\n            padding: 4px 10px;\n            font-family: monospace;\n            font-size: 10px;\n            border-radius: 6px;\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            white-space: nowrap;\n            z-index: 15;\n        \">\n            <span>\ud83d\udce1 DB0NPR online<\/span>\n            <span id=\"temp\">\ud83c\udf21\ufe0f -- \u00b0C<\/span>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script>\n    <script>\n        var video = document.getElementById(\"player\");\n        var timerDisplay = document.getElementById(\"stream-timer\");\n        var overlay = document.getElementById(\"reload-overlay\");\n        var hls;\n        var timeLeft = 1800; \/\/ 30 Minuten in Sekunden\n\n        \/\/ 1. Stream starten\n        if (Hls.isSupported()) {\n            hls = new Hls();\n            hls.loadSource(\"https:\/\/webcam.db0npr.de\/cam1\/index.m3u8\");\n            hls.attachMedia(video);\n            video.play();\n        } else if (video.canPlayType(\"application\/vnd.apple.mpegurl\")) {\n            video.src = \"https:\/\/webcam.db0npr.de\/cam1\/index.m3u8\";\n            video.play();\n        }\n\n        \/\/ 2. Countdown Funktion\n        function startCountdown() {\n            var counter = setInterval(function() {\n                timeLeft--;\n                \n                var mins = Math.floor(timeLeft \/ 60);\n                var secs = timeLeft % 60;\n                timerDisplay.innerText = mins + \":\" + (secs < 10 ? \"0\" : \"\") + secs;\n\n                if (timeLeft <= 0) {\n                    clearInterval(counter);\n                    stopStream();\n                }\n            }, 1000);\n        }\n\n        \/\/ 3. Stream stoppen\n        function stopStream() {\n            if (hls) { hls.destroy(); }\n            video.pause();\n            video.src = \"\";\n            overlay.style.display = \"flex\";\n            document.getElementById(\"timer-wrap\").style.display = \"none\";\n        }\n\n        \/\/ 4. Wetter API (Temperatur)\n        function updateTemp() {\n            fetch(\"https:\/\/api.open-meteo.com\/v1\/forecast?latitude=50.5&longitude=7.1&current_weather=true\")\n                .then(res => res.json())\n                .then(data => {\n                    var t = data.current_weather.temperature;\n                    document.getElementById(\"temp\").innerHTML = \"\ud83c\udf21\ufe0f \" + t.toFixed(1) + \" \u00b0C\";\n                })\n                .catch(() => {\n                    document.getElementById(\"temp\").innerHTML = \"\ud83c\udf21\ufe0f N\/A\";\n                });\n        }\n\n        startCountdown();\n        updateTemp();\n        setInterval(updateTemp, 60000);\n    <\/script>\n<h3 data-path-to-node=\"9\">\ud83d\udca1 Ein kleiner Hinweis zum Bild<\/h3>\n<p data-path-to-node=\"10\">Die Kamera ist wettergesch\u00fctzt <b data-path-to-node=\"10\" data-index-in-node=\"31\">hinter einer Glasscheibe<\/b> installiert. Je nach Wetterlage und Sonnenstand l\u00e4sst sich die Natur nicht immer perfekt bezwingen:<\/p>\n<ul data-path-to-node=\"11\">\n<li>\n<p data-path-to-node=\"11,0,0\">\u2600\ufe0f <b data-path-to-node=\"11,0,0\" data-index-in-node=\"3\">Morgens:<\/b> Da die Kamera nach Osten blickt, schaust du morgens direkt in die aufgehende Sonne. Das kann zu spektakul\u00e4ren Sonnenaufg\u00e4ngen, aber auch zu tempor\u00e4ren Linsenreflexionen (Lens Flares) f\u00fchren.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"11,1,0\">\ud83c\udf27\ufe0f <b data-path-to-node=\"11,1,0\" data-index-in-node=\"4\">Wettereffekte:<\/b> Bei starkem Temperaturwechsel, Regen oder hoher Luftfeuchtigkeit kann die Scheibe im Au\u00dfenbereich ab und zu beschlagen oder Wassertropfen zeigen.<\/p>\n<\/li>\n<\/ul>\n<p data-path-to-node=\"12\">Seh es der Kamera einfach nach \u2013 sie leistet wie unser Relais echten Dauereinsatz bei Wind und Wetter!<\/p>\n<h3 data-path-to-node=\"14\">\ud83d\udce1 Warum eine Webcam am Relais?<\/h3>\n<p data-path-to-node=\"15\">F\u00fcr uns Funkamateure ist das Auge am Standort ein genialer Zusatz: Wenn du \u00fcber das Relais die automatischen DWD-Unwetterwarnungen h\u00f6rst oder die lokalen Wetterdaten abfragst, kannst du hier auf der Webseite sofort visuell pr\u00fcfen, ob im Osten bereits die Gewitterwand aufzieht oder der Westerwald im Schnee versinkt.<\/p>\n<p data-path-to-node=\"16\">Viel Spa\u00df beim Ausblick!<\/p>\n<p data-path-to-node=\"17\">73, Joachim (DG8JT)<\/p>\n<p data-path-to-node=\"18\"><i data-path-to-node=\"18\" data-index-in-node=\"0\">Sysop DB0NPR<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcf8 Live-Webcam: Blick von Breitscheid Wirf einen Blick aus der Vogelperspektive! Unsere Live-Webcam ist direkt am Relaisstandort in Breitscheid (JO30RN) montiert und zeigt dir das aktuelle Wetter und die Sichtverh\u00e4ltnisse live im Naturpark Rhein-Westerwald. \ud83d\uddfa\ufe0f Kamera-Eckdaten Blickrichtung: Osten (Richtung Horhausen, Sta\u00dfenhaus, Dernbacher Kopf im Westerwald ) Standorth\u00f6he: 345 m \u00fc. NN Aktualisierung: \u00a0im Live-Stream \ud83d\udca1 <a class=\"more-link\" href=\"https:\/\/www.db0npr.de\/index.php\/live-webcam\/\">Weiterlesen\u00a0\u2026<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/pages\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":2,"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/pages\/868\/revisions"}],"predecessor-version":[{"id":1008,"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/pages\/868\/revisions\/1008"}],"wp:attachment":[{"href":"https:\/\/www.db0npr.de\/index.php\/wp-json\/wp\/v2\/media?parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}