{"id":2516,"date":"2026-03-18T01:02:24","date_gmt":"2026-03-18T01:02:24","guid":{"rendered":"https:\/\/radiostavanger.no\/?page_id=2516"},"modified":"2026-03-18T01:25:30","modified_gmt":"2026-03-18T01:25:30","slug":"lytt-her","status":"publish","type":"page","link":"https:\/\/radiostavanger.no\/?page_id=2516","title":{"rendered":"Lytt Her"},"content":{"rendered":"\n    <style>\n        \/* CSS FOR \u00c5 SIKRE AT DEN ALDRI BLIR OVERSIZED *\/\n        \n        .rs-widget-player { \n            background: #0a0a0a; width: 340px; padding: 25px; border-radius: 20px; \n            text-align: center; border: 1px solid #222; color: white; font-family: sans-serif;\n            box-sizing: border-box;\n        }\n        .rs-art-box { width: 240px; height: 240px; margin: 0 auto 15px; border-radius: 12px; overflow: hidden; border: 1px solid #333; }\n        .rs-art-box img { width: 100%; height: 100%; object-fit: cover; }\n        .rs-play-btn { background: #ff4500; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; color: white; margin: 0 auto 15px; }\n        #rs-title { font-size: 1.1rem; margin: 0; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n        #rs-artist { color: #ffcc00; margin: 5px 0 15px; font-size: 0.9rem; }\n        .rs-fb-btn { background: #1877F2; color: white; padding: 6px 12px; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; }\n        .rs-vol { width: 100%; margin-top: 20px; accent-color: #ff4500; }\n    <\/style>\n\n    <div class=\"rs-widget-player\">\n        <div class=\"rs-art-box\"><img decoding=\"async\" id=\"rs-art\" src=\"https:\/\/driver.radiostavanger.no\/static\/img\/generic_cover.png\"><\/div>\n        <button class=\"rs-play-btn\" onclick=\"rsToggle()\" id=\"rs-btn\">\n            <svg style=\"width:25px;height:25px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n        <\/button>\n        <h2 id=\"rs-title\">Laster...<\/h2>\n        <p id=\"rs-artist\">Radio Stavanger<\/p>\n        <div class=\"rs-fb-btn\" onclick=\"shareOnFB()\">DEL P\u00c5 FACEBOOK<\/div>\n        <audio id=\"rs-audio\"><source id=\"rs-src\" src=\"https:\/\/driver.radiostavanger.no\/listen\/radiostavanger\/radio.mp3\" type=\"audio\/mpeg\"><\/audio>\n        <input type=\"range\" class=\"rs-vol\" min=\"0\" max=\"1\" step=\"0.05\" value=\"0.8\" oninput=\"rsVolume(this.value)\">\n    <\/div>\n\n    <script>\n    (function() {\n        const audio = document.getElementById('rs-audio');\n        const btn = document.getElementById('rs-btn');\n        const art = document.getElementById('rs-art');\n        let currentText = \"Radio Stavanger\";\n        let currentArt = art.src;\n\n        window.rsToggle = function() {\n            if (audio.paused) { audio.load(); audio.play(); btn.innerHTML = '<svg style=\"width:25px;height:25px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg>'; }\n            else { audio.pause(); btn.innerHTML = '<svg style=\"width:25px;height:25px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>'; }\n        };\n        window.rsVolume = function(val) { audio.volume = val; };\n        window.shareOnFB = function() {\n            const url = \"https:\/\/radiostavanger.no\/?page_id=2516&rs_share=1&t=\" + encodeURIComponent(currentText) + \"&i=\" + encodeURIComponent(currentArt) + \"&v=\" + Date.now();\n            window.open(\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=\" + encodeURIComponent(url), 'pop', 'width=600,height=400');\n        };\n        async function update() {\n            try {\n                const res = await fetch(\"https:\/\/driver.radiostavanger.no\/api\/nowplaying\/radiostavanger\");\n                const data = await res.json();\n                const now = data.now_playing.song;\n                if (currentText !== now.text) {\n                    currentText = now.text;\n                    document.getElementById('rs-title').innerText = now.title;\n                    document.getElementById('rs-artist').innerText = now.artist;\n                    currentArt = (now.art && !now.art.includes('generic')) ? now.art : currentArt;\n                    const it = await fetch(`https:\/\/itunes.apple.com\/search?term=${encodeURIComponent(now.artist + \" \" + now.title)}&entity=song&limit=1`).then(r => r.json());\n                    if (it.results.length > 0) currentArt = it.results[0].artworkUrl100.replace('100x100bb', '600x600bb');\n                    art.src = currentArt;\n                }\n            } catch (e) {}\n        }\n        setInterval(update, 15000); update();\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2516","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/pages\/2516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiostavanger.no\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2516"}],"version-history":[{"count":1,"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/pages\/2516\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/radiostavanger.no\/index.php?rest_route=\/wp\/v2\/pages\/2516\/revisions\/2517"}],"wp:attachment":[{"href":"https:\/\/radiostavanger.no\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}