{"id":228,"date":"2025-08-02T17:15:00","date_gmt":"2025-08-02T16:15:00","guid":{"rendered":"https:\/\/kerst.angioni.nl\/?page_id=228"},"modified":"2026-08-28T12:30:34","modified_gmt":"2026-08-28T11:30:34","slug":"christmas-radio","status":"publish","type":"page","link":"https:\/\/kerst.angioni.nl\/index.php\/christmas-radio\/","title":{"rendered":"Radio"},"content":{"rendered":"\n<div class=\"xmas-radio-player-181\">\n\n&#8220;`\n<div class=\"xmas-radio-title-181\">\n    <span class=\"xmas-radio-icon-181\">\ud83c\udf84<\/span>\n    <div>\n        <div class=\"xmas-radio-name-181\">181.FM<\/div>\n        <div class=\"xmas-radio-station-181\">CHRISTMAS CLASSICS<\/div>\n    <\/div>\n<\/div>\n\n<div class=\"xmas-radio-controls-181\">\n\n    <button\n        id=\"xmasPlay181\"\n        class=\"xmas-play-button-181\"\n        aria-label=\"Play 181.FM Christmas Classics\">\n        \u25b6\n    <\/button>\n\n    <div class=\"xmas-radio-info-181\">\n        <div class=\"xmas-now-playing-181\">\n            181.FM Christmas Classics\n        <\/div>\n\n        <div\n            class=\"xmas-status-181\"\n            id=\"xmasStatus181\">\n            Ready to play\n        <\/div>\n    <\/div>\n\n    <div class=\"xmas-volume-181\">\n        \ud83d\udd0a\n        <input\n            type=\"range\"\n            id=\"xmasVolume181\"\n            min=\"0\"\n            max=\"1\"\n            step=\"0.01\"\n            value=\"0.8\">\n    <\/div>\n\n<\/div>\n\n<audio\n    id=\"xmasAudio181\"\n    preload=\"none\"\n    src=\"https:\/\/listen.181fm.com\/181-xtraditional_128k.mp3\">\n<\/audio>\n&#8220;`\n\n<\/div>\n\n<style>\n\n.xmas-radio-player-181 {\n    max-width: 700px;\n    margin: 30px auto;\n    padding: 25px;\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(30, 30, 30, 0.96),\n            rgba(80, 0, 0, 0.96)\n        );\n\n    color: #fff;\n    font-family: Arial, sans-serif;\n\n    box-shadow:\n        0 8px 30px rgba(0,0,0,0.35);\n}\n\n.xmas-radio-title-181 {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 22px;\n}\n\n.xmas-radio-icon-181 {\n    font-size: 42px;\n    line-height: 1;\n}\n\n.xmas-radio-name-181 {\n    font-size: 22px;\n    font-weight: bold;\n}\n\n.xmas-radio-station-181 {\n    margin-top: 3px;\n    font-size: 13px;\n    letter-spacing: 3px;\n    opacity: 0.75;\n}\n\n.xmas-radio-controls-181 {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n}\n\n.xmas-play-button-181 {\n    width: 65px;\n    height: 65px;\n\n    border: none;\n    border-radius: 50%;\n\n    background: #fff;\n    color: #8b0000;\n\n    font-size: 25px;\n    cursor: pointer;\n\n    flex-shrink: 0;\n\n    transition:\n        transform 0.15s ease,\n        box-shadow 0.15s ease;\n}\n\n.xmas-play-button-181:hover {\n    transform: scale(1.08);\n    box-shadow: 0 4px 15px rgba(255,255,255,0.25);\n}\n\n.xmas-radio-info-181 {\n    flex: 1;\n    min-width: 0;\n}\n\n.xmas-now-playing-181 {\n    font-size: 16px;\n    font-weight: bold;\n}\n\n.xmas-status-181 {\n    margin-top: 5px;\n    font-size: 13px;\n    opacity: 0.7;\n}\n\n.xmas-volume-181 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.xmas-volume-181 input {\n    width: 90px;\n    cursor: pointer;\n}\n\n@media (max-width: 600px) {\n\n    .xmas-radio-player-181 {\n        margin: 20px 10px;\n        padding: 20px;\n    }\n\n    .xmas-radio-controls-181 {\n        gap: 12px;\n    }\n\n    .xmas-play-button-181 {\n        width: 58px;\n        height: 58px;\n    }\n\n    .xmas-volume-181 {\n        display: none;\n    }\n\n}\n\n<\/style>\n\n<script>\n\n(function() {\n\n    const audio = document.getElementById(\"xmasAudio181\");\n    const playButton = document.getElementById(\"xmasPlay181\");\n    const status = document.getElementById(\"xmasStatus181\");\n    const volume = document.getElementById(\"xmasVolume181\");\n\n    if (!audio || !playButton || !status || !volume) {\n        return;\n    }\n\n    audio.volume = 0.8;\n\n    playButton.addEventListener(\"click\", function() {\n\n        if (audio.paused) {\n\n            status.textContent = \"Connecting...\";\n\n            audio.play()\n                .then(function() {\n\n                    playButton.textContent = \"\u275a\u275a\";\n                    status.textContent = \"Playing live\";\n\n                })\n                .catch(function(error) {\n\n                    console.error(error);\n\n                    status.textContent =\n                        \"Unable to start the stream\";\n\n                });\n\n        } else {\n\n            audio.pause();\n\n            playButton.textContent = \"\u25b6\";\n            status.textContent = \"Paused\";\n\n        }\n\n    });\n\n    volume.addEventListener(\"input\", function() {\n\n        audio.volume = volume.value;\n\n    });\n\n    audio.addEventListener(\"playing\", function() {\n\n        playButton.textContent = \"\u275a\u275a\";\n        status.textContent = \"Playing live\";\n\n    });\n\n    audio.addEventListener(\"pause\", function() {\n\n        playButton.textContent = \"\u25b6\";\n        status.textContent = \"Paused\";\n\n    });\n\n    audio.addEventListener(\"error\", function() {\n\n        playButton.textContent = \"\u25b6\";\n        status.textContent = \"Stream unavailable\";\n\n    });\n\n})();\n\n<\/script>\n\n\n\n<div class=\"xmas-radio-player\">\n\n    <div class=\"xmas-radio-title\">\n        <span class=\"xmas-radio-icon\">\ud83c\udf84<\/span>\n        <div>\n            <div class=\"xmas-radio-name\">Christmas FM<\/div>\n            <div class=\"xmas-radio-station\">CLASSICS<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"xmas-radio-controls\">\n        <button id=\"xmasPlay\" class=\"xmas-play-button\" aria-label=\"Play Christmas FM Classics\">\n            \u25b6\n        <\/button>\n\n        <div class=\"xmas-radio-info\">\n            <div class=\"xmas-now-playing\">Christmas FM Classics<\/div>\n            <div class=\"xmas-status\" id=\"xmasStatus\">Ready to play<\/div>\n        <\/div>\n\n        <div class=\"xmas-volume\">\n            \ud83d\udd0a\n            <input\n                type=\"range\"\n                id=\"xmasVolume\"\n                min=\"0\"\n                max=\"1\"\n                step=\"0.01\"\n                value=\"0.8\">\n        <\/div>\n    <\/div>\n\n    <audio\n        id=\"xmasAudio\"\n        preload=\"none\"\n        src=\"https:\/\/christmasfm.cdnstream1.com\/2550_128.mp3\">\n    <\/audio>\n\n<\/div>\n\n<style>\n\n.xmas-radio-player {\n    max-width: 700px;\n    margin: 30px auto;\n    padding: 25px;\n    border-radius: 18px;\n    background:\n        linear-gradient(\n            135deg,\n            rgba(30, 30, 30, 0.96),\n            rgba(80, 0, 0, 0.96)\n        );\n    color: #fff;\n    font-family: Arial, sans-serif;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.35);\n}\n\n.xmas-radio-title {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 22px;\n}\n\n.xmas-radio-icon {\n    font-size: 42px;\n}\n\n.xmas-radio-name {\n    font-size: 22px;\n    font-weight: bold;\n}\n\n.xmas-radio-station {\n    margin-top: 3px;\n    font-size: 13px;\n    letter-spacing: 3px;\n    opacity: 0.75;\n}\n\n.xmas-radio-controls {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n}\n\n.xmas-play-button {\n    width: 65px;\n    height: 65px;\n    border: none;\n    border-radius: 50%;\n    background: #fff;\n    color: #8b0000;\n    font-size: 25px;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: transform 0.15s ease;\n}\n\n.xmas-play-button:hover {\n    transform: scale(1.08);\n}\n\n.xmas-radio-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.xmas-now-playing {\n    font-size: 16px;\n    font-weight: bold;\n}\n\n.xmas-status {\n    margin-top: 5px;\n    font-size: 13px;\n    opacity: 0.7;\n}\n\n.xmas-volume {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.xmas-volume input {\n    width: 90px;\n    cursor: pointer;\n}\n\n@media (max-width: 600px) {\n\n    .xmas-radio-player {\n        margin: 20px 10px;\n        padding: 20px;\n    }\n\n    .xmas-radio-controls {\n        gap: 12px;\n    }\n\n    .xmas-play-button {\n        width: 58px;\n        height: 58px;\n    }\n\n    .xmas-volume {\n        display: none;\n    }\n\n}\n\n<\/style>\n\n<script>\n\n(function() {\n\n    const audio = document.getElementById(\"xmasAudio\");\n    const playButton = document.getElementById(\"xmasPlay\");\n    const status = document.getElementById(\"xmasStatus\");\n    const volume = document.getElementById(\"xmasVolume\");\n\n    audio.volume = 0.8;\n\n    playButton.addEventListener(\"click\", function() {\n\n        if (audio.paused) {\n\n            status.textContent = \"Connecting...\";\n\n            audio.play()\n                .then(function() {\n                    playButton.textContent = \"\u275a\u275a\";\n                    status.textContent = \"Playing live\";\n                })\n                .catch(function(error) {\n                    console.error(error);\n                    status.textContent = \"Unable to start the stream\";\n                });\n\n        } else {\n\n            audio.pause();\n\n            playButton.textContent = \"\u25b6\";\n            status.textContent = \"Paused\";\n\n        }\n\n    });\n\n    volume.addEventListener(\"input\", function() {\n        audio.volume = volume.value;\n    });\n\n    audio.addEventListener(\"playing\", function() {\n        playButton.textContent = \"\u275a\u275a\";\n        status.textContent = \"Playing live\";\n    });\n\n    audio.addEventListener(\"pause\", function() {\n        playButton.textContent = \"\u25b6\";\n        status.textContent = \"Paused\";\n    });\n\n    audio.addEventListener(\"error\", function() {\n        status.textContent = \"Stream unavailable\";\n        playButton.textContent = \"\u25b6\";\n    });\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;` \ud83c\udf84 181.FM CHRISTMAS CLASSICS \u25b6 181.FM Christmas Classics Ready to play \ud83d\udd0a &#8220;` \ud83c\udf84 Christmas FM CLASSICS \u25b6 Christmas FM Classics Ready to play \ud83d\udd0a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":8,"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions\/352"}],"wp:attachment":[{"href":"https:\/\/kerst.angioni.nl\/index.php\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}