{"id":11,"date":"2026-10-31T07:51:55","date_gmt":"2026-10-31T07:51:55","guid":{"rendered":"https:\/\/radio.krd\/?page_id=11"},"modified":"2026-10-31T09:05:32","modified_gmt":"2026-10-31T09:05:32","slug":"home","status":"publish","type":"page","link":"https:\/\/radio.krd\/","title":{"rendered":"Home"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kurdistan Radio Live &#8211; Cinematic<\/title>\n    <style>\n        \/* \u0695\u06ce\u06a9\u062e\u0633\u062a\u0646\u06cc \u0628\u0646\u06d5\u0695\u06d5\u062a\u06cc \u0634\u0627\u0634\u06d5\u06a9\u06d5 *\/\n        body, html {\n            margin: 0 !important; padding: 0 !important; \n            width: 100%; height: 100vh;\n            background-color: #050505 !important; \n            font-family: 'Segoe UI', Arial, sans-serif;\n            color: #ffffff;\n            overflow: hidden !important; \n        }\n\n        \/* \u0634\u06d5\u067e\u06c6\u0644\u06cc \u0626\u0627\u06b5\u0627\u06a9\u06d5 \u0644\u06d5 \u0628\u0627\u06a9\u06af\u0631\u0627\u0648\u0646\u062f (\u0646\u0627\u0648\u06d5\u0695\u0627\u0633\u062a) *\/\n        canvas {\n            position: fixed !important; top: 0 !important; left: 0 !important;\n            width: 100vw !important; height: 100vh !important;\n            z-index: 1; pointer-events: none; \n        }\n\n        \/* \u062f\u0627\u0628\u06d5\u0634\u06a9\u0631\u062f\u0646\u06cc \u0634\u0627\u0634\u06d5\u06a9\u06d5 \u0628\u06c6 \u0633\u06d5\u0631\u06d5\u0648\u06d5 \u0648 \u062e\u0648\u0627\u0631\u06d5\u0648\u06d5 \u0628\u06d5 \u0634\u06ce\u0648\u06d5\u06cc\u06d5\u06a9\u06cc \u0632\u06cc\u0631\u06d5\u06a9 *\/\n        .ui-wrapper {\n            position: fixed; top: 0; left: 0; \n            width: 100vw; height: 100vh;\n            display: flex; flex-direction: column; \n            justify-content: space-between; \n            padding: 40px 0 30px 0; \/* \u0628\u06c6\u0634\u0627\u06cc\u06cc \u0644\u06d5 \u0633\u06d5\u0631\u06d5\u0648\u06d5 \u0648 \u062e\u0648\u0627\u0631\u06d5\u0648\u06d5\u06cc \u0634\u0627\u0634\u06d5\u06a9\u06d5 *\/\n            box-sizing: border-box;\n            z-index: 10; pointer-events: none;\n        }\n\n        \/* ------------------ \u0628\u06d5\u0634\u06cc \u0633\u06d5\u0631\u06d5\u0648\u06d5 ------------------ *\/\n        .top-section {\n            display: flex; flex-direction: column; \n            align-items: center; \n            pointer-events: auto; \n            z-index: 20;\n        }\n\n        .radio-logo {\n            width: clamp(120px, 15vh, 160px); \n            height: clamp(120px, 15vh, 160px); \n            border-radius: 50%;\n            border: 3px solid #f4c430; \n            object-fit: cover; \n            margin-bottom: 20px; \n            box-shadow: 0 0 30px rgba(0,0,0,0.8), 0 0 15px rgba(244, 196, 48, 0.4);\n        }\n\n        .brand-container {\n            display: flex; align-items: center; justify-content: center;\n            gap: 12px; white-space: nowrap; \n        }\n\n        h1 {\n            margin: 0; font-size: clamp(16px, 4vw, 24px); \n            color: #ffffff; letter-spacing: 1px;\n            text-shadow: 0 4px 15px rgba(0,0,0,0.9); \n        }\n\n        .live-wrapper {\n            display: flex; align-items: center; gap: 6px;\n        }\n\n        .live-text {\n            color: #f4c430; font-size: 18px;\n            font-weight: bold; text-transform: uppercase;\n            text-shadow: 0 2px 5px rgba(0,0,0,0.8);\n        }\n\n        .yellow-dot {\n            width: 10px; height: 10px; background-color: #f4c430;\n            border-radius: 50%; box-shadow: 0 0 10px #f4c430;\n            animation: pulse-dot 1.5s infinite; flex-shrink: 0; \n        }\n\n        @keyframes pulse-dot {\n            0% { transform: scale(0.9); opacity: 1; }\n            70% { transform: scale(1.5); opacity: 0; }\n            100% { transform: scale(0.9); opacity: 0; }\n        }\n\n        \/* ------------------ \u0628\u06d5\u0634\u06cc \u062e\u0648\u0627\u0631\u06d5\u0648\u06d5 ------------------ *\/\n        .bottom-section {\n            display: flex; flex-direction: column; align-items: center; justify-content: center; \n            width: 100%;\n            pointer-events: auto;\n            z-index: 50;\n            gap: 25px; \/* \u0626\u06d5\u0645\u06d5 \u0626\u06d5\u0648 \u0641\u0627\u0633\u06cc\u0644\u06d5\u06cc\u06d5\u06cc\u06d5 \u0644\u06d5 \u0646\u06ce\u0648\u0627\u0646 \u067e\u0644\u06d5\u06cc\u06d5\u0631\u06d5\u06a9\u06d5 \u0648 \u06a9\u06c6\u067e\u06cc \u0695\u0627\u06cc\u062a\u06d5\u06a9\u06d5 \u062f\u0631\u0648\u0633\u062a\u06cc \u062f\u06d5\u06a9\u0627\u062a *\/\n        }\n\n        .custom-controls {\n            display: flex; align-items: center; justify-content: center;\n            gap: 20px; width: 90%; max-width: 400px;\n            background: rgba(0,0,0,0.4) !important; \n            padding: 15px 25px; border-radius: 40px;\n            border: 1px solid rgba(244,196,48,0.2);\n            backdrop-filter: blur(5px); \n        }\n\n        .play-btn {\n            background: transparent !important; border: none !important; \n            cursor: pointer; padding: 0; outline: none !important; \n            transition: transform 0.2s; box-shadow: none !important;\n        }\n\n        .play-btn:hover { transform: scale(1.1); }\n\n        .play-btn svg {\n            width: 55px; height: 55px; fill: #f4c430; \n            filter: drop-shadow(0 4px 6px rgba(0,0,0,0.8));\n        }\n\n        .vol-container {\n            display: flex; align-items: center; gap: 10px; flex-grow: 1;\n            background: transparent !important; border: none !important;\n        }\n\n        .vol-icon {\n            width: 28px; height: 28px; fill: #f4c430; \n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8));\n        }\n\n        input[type=\"range\"] {\n            -webkit-appearance: none; width: 100%; \n            background: transparent !important; outline: none !important;\n            border: none !important; box-shadow: none !important;\n            margin: 0 !important; padding: 0 !important; cursor: pointer;\n        }\n        input[type=\"range\"]::-webkit-slider-runnable-track {\n            width: 100%; height: 4px; background: rgba(255,255,255,0.3) !important; \n            border-radius: 2px; border: none !important;\n        }\n        input[type=\"range\"]::-webkit-slider-thumb {\n            -webkit-appearance: none; height: 18px; width: 18px;\n            border-radius: 50%; background: #f4c430 !important; margin-top: -7px; \n            cursor: pointer; box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;\n            border: none !important;\n        }\n\n        \/* \u062f\u06cc\u0632\u0627\u06cc\u0646\u06cc \u0645\u0627\u0641\u06cc \u0644\u06d5\u0628\u06d5\u0631\u06af\u0631\u062a\u0646\u06d5\u0648\u06d5 (Copyright) *\/\n        .copyright-text {\n            color: rgba(255, 255, 255, 0.5); \/* \u0695\u06d5\u0646\u06af\u06cc \u0633\u067e\u06cc \u06a9\u0627\u06b5\u06a9\u0631\u0627\u0648\u06d5 \u0628\u06c6 \u0626\u06d5\u0648\u06d5\u06cc \u0686\u0627\u0648 \u0626\u0627\u0632\u0627\u0631 \u0646\u06d5\u062f\u0627\u062a *\/\n            font-size: 11px;\n            letter-spacing: 1px;\n            text-align: center;\n            text-transform: uppercase;\n        }\n\n        .copyright-text span {\n            color: #f4c430; \/* \u0695\u06d5\u0646\u06af\u06a9\u0631\u062f\u0646\u06cc KURDLAND \u0628\u06d5 \u0632\u06d5\u0631\u062f *\/\n            font-weight: bold;\n        }\n    <\/style>\n\n\n\n    <!-- \u0634\u06d5\u067e\u06c6\u0644\u06d5\u06a9\u0627\u0646 \u0644\u06ce\u0631\u06d5\u062f\u0627 \u062f\u0631\u0648\u0633\u062a \u062f\u06d5\u0628\u0646 -->\n    <canvas id=\"visualizer\"><\/canvas>\n\n    <div class=\"ui-wrapper\">\n        \n        <!-- \u0661. \u0628\u06d5\u0634\u06cc \u0633\u06d5\u0631\u06d5\u0648\u06d5: \u0644\u06c6\u06af\u06c6 \u0648 \u0646\u0627\u0648 -->\n        <div class=\"top-section\">\n            <img decoding=\"async\" src=\"https:\/\/radio.krd\/wp-content\/uploads\/2026\/10\/radiokrdlogo.jpg\" alt=\"Radio Logo\" class=\"radio-logo\">\n            <div class=\"brand-container\">\n                <h1>KURDISTAN RADIO BROADCASTING<\/h1>\n                <div class=\"live-wrapper\">\n                    <span class=\"yellow-dot\"><\/span>\n                    <span class=\"live-text\">Live<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0662. \u0628\u06d5\u0634\u06cc \u0646\u0627\u0648\u06d5\u0695\u0627\u0633\u062a: \u0686\u06c6\u06b5\u06d5 \u0628\u06c6 \u0626\u06d5\u0648\u06d5\u06cc \u0626\u0627\u06b5\u0627\u06a9\u06d5 \u0648 \u0634\u06d5\u067e\u06c6\u0644\u06d5\u06a9\u06d5 \u0628\u06d5 \u062c\u0648\u0627\u0646\u06cc \u062f\u06d5\u0631\u0628\u06a9\u06d5\u0648\u0646 -->\n        \n        <!-- \u0663. \u0628\u06d5\u0634\u06cc \u062e\u0648\u0627\u0631\u06d5\u0648\u06d5: \u0626\u0627\u0645\u06ce\u0631\u06cc \u06a9\u06c6\u0646\u062a\u0631\u06c6\u06b5\u06a9\u0631\u062f\u0646 \u0648 \u06a9\u06c6\u067e\u06cc \u0695\u0627\u06cc\u062a -->\n        <div class=\"bottom-section\">\n            <div class=\"custom-controls\">\n                <button id=\"play-pause-btn\" class=\"play-btn\">\n                    <svg id=\"play-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>\n                    <svg id=\"pause-icon\" viewBox=\"0 0 24 24\" style=\"display: none;\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"><\/path><\/svg>\n                <\/button>\n                <div class=\"vol-container\">\n                    <svg class=\"vol-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"><\/path><\/svg>\n                    <input type=\"range\" id=\"volume-slider\" min=\"0\" max=\"1\" step=\"0.01\" value=\"1\">\n                <\/div>\n            <\/div>\n\n            <!-- \u06a9\u06c6\u067e\u06cc \u0695\u0627\u06cc\u062a \u0644\u06ce\u0631\u06d5 \u0632\u06cc\u0627\u062f \u06a9\u0631\u0627\u0648\u06d5 -->\n            <div class=\"copyright-text\">\n                \u00a9 2726 KURDISTAN RADIO BROADCASTING, Founded &amp; Powered By <span>KURDLAND<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <audio id=\"audio-player\" crossorigin=\"anonymous\" style=\"display: none !important;\">\n        <source src=\"https:\/\/stream.zeno.fm\/3vc5bax3g9otv\" type=\"audio\/mpeg\">\n    <\/audio>\n\n    <script>\n        const audio = document.getElementById('audio-player');\n        const playPauseBtn = document.getElementById('play-pause-btn');\n        const playIcon = document.getElementById('play-icon');\n        const pauseIcon = document.getElementById('pause-icon');\n        const volumeSlider = document.getElementById('volume-slider');\n        \n        const canvas = document.getElementById('visualizer');\n        const ctx = canvas.getContext('2d');\n        let audioCtx, analyser, source;\n\n        function resizeCanvas() {\n            canvas.width = canvas.clientWidth;\n            canvas.height = canvas.clientHeight;\n        }\n        window.addEventListener('resize', resizeCanvas);\n        window.addEventListener('load', resizeCanvas);\n        resizeCanvas();\n\n        volumeSlider.addEventListener('input', (e) => {\n            audio.volume = e.target.value;\n        });\n\n        playPauseBtn.addEventListener('click', () => {\n            if (!audioCtx) {\n                audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n                analyser = audioCtx.createAnalyser();\n                source = audioCtx.createMediaElementSource(audio);\n                source.connect(analyser);\n                analyser.connect(audioCtx.destination);\n                analyser.fftSize = 2048;\n                startVisualizer();\n            } \n            \n            if (audioCtx.state === 'suspended') {\n                audioCtx.resume();\n            }\n\n            if (audio.paused) {\n                audio.play().then(() => {\n                    playIcon.style.display = 'none';\n                    pauseIcon.style.display = 'block';\n                }).catch(error => {\n                    console.error(\"Play failed:\", error);\n                });\n            } else {\n                audio.pause();\n                playIcon.style.display = 'block';\n                pauseIcon.style.display = 'none';\n            }\n        });\n\n        function startVisualizer() {\n            const bufferLength = analyser.frequencyBinCount;\n            const dataArray = new Uint8Array(bufferLength);\n\n            function draw() {\n                requestAnimationFrame(draw);\n                analyser.getByteTimeDomainData(dataArray);\n                ctx.clearRect(0, 0, canvas.width, canvas.height);\n                \n                let volumeSum = 0;\n                for(let i = 0; i < bufferLength; i++) {\n                    volumeSum += Math.abs(dataArray[i] - 128);\n                }\n                let averageVolume = volumeSum \/ bufferLength;\n                \n                let sunRadius = 50 + (averageVolume * 1.5); \n                ctx.beginPath();\n                ctx.arc(canvas.width \/ 2, canvas.height \/ 2, sunRadius, 0, 2 * Math.PI);\n                ctx.fillStyle = '#F4C430';\n                ctx.shadowBlur = 30;\n                ctx.shadowColor = '#F4C430';\n                ctx.fill();\n                ctx.shadowBlur = 0; \n                \n                let flagGradient = ctx.createLinearGradient(0, 0, canvas.width, 0);\n                flagGradient.addColorStop(0, '#ED2024');       \n                flagGradient.addColorStop(0.42, '#ED2024');    \n                flagGradient.addColorStop(0.42, '#FFFFFF');    \n                flagGradient.addColorStop(0.58, '#FFFFFF');    \n                flagGradient.addColorStop(0.58, '#278E43');    \n                flagGradient.addColorStop(1, '#278E43');       \n                \n                ctx.beginPath();\n                const sliceWidth = canvas.width * 1.0 \/ bufferLength;\n                let x = 0;\n                \n                for (let i = 0; i < bufferLength; i++) {\n                    const v = dataArray[i] \/ 128.0; \n                    const amplitude = canvas.height \/ 4; \n                    const y = (canvas.height \/ 2) + ((v - 1) * amplitude);\n                    \n                    if (i === 0) {\n                        ctx.moveTo(x, y);\n                    } else {\n                        ctx.lineTo(x, y);\n                    }\n                    x += sliceWidth;\n                }\n                \n                ctx.strokeStyle = flagGradient;\n                ctx.lineWidth = 4;\n                ctx.lineJoin = 'round';\n                ctx.stroke();\n            }\n            draw();\n        }\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kurdistan Radio Live &#8211; Cinematic KURDISTAN RADIO BROADCASTING Live \u00a9 2726 KURDISTAN RADIO BROADCASTING, Founded &amp; Powered By KURDLAND<\/p>\n","protected":false},"author":1,"featured_media":20,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radio.krd\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":7,"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/23"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/radio.krd\/index.php?rest_route=\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/radio.krd\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}