http://osobliva-shkola.mozello.shop/ukranske-rado/ Особлива школа - Українське радіо http://osobliva-shkola.mozello.shop/ukranske-rado/params/post/4978923/ur-14 Wed, 14 May 2025 17:44:00 +0000 &nbsp; <span style="text-align: start; font-weight: 400; font-style: normal">Українські онлайн-радіостанції пропонують широкий вибір музики, новин та розважальних програм. Вони доступні у будь-який час та з будь-якого куточка світу, що дозволяє слухачам бути завжди в курсі останніх подій та насолоджуватися улюбленими мелодіями. Серед популярних варіантів можна виділити радіо "Країна ФМ", "Люкс ФМ", "Радіо Рокс" та багато інших. Кожна станція має свою унікальну програму, яка задовольняє різні смаки слухачів — від сучасної поп-музики до класичних українських хітів.</span> <b><br></b> <hr class="moze-more-divider"><p><br></p><p><br></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Українські онлайн-радіостанції</title> <style> body { font-family: sans-serif; background-color: #ffffff; margin: 0; padding: 40px 20px; } h1 { text-align: center; font-size: 28px; margin-bottom: 40px; } .radio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; max-width: 1000px; margin: 0 auto; } .radio-card { display: flex; flex-direction: column; justify-content: space-between; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .radio-header { padding: 20px; color: white; font-weight: bold; font-size: 20px; } .radio-footer { background: white; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .stop-btn { background: none; border: none; font-size: 20px; font-weight: bold; cursor: pointer; color: #555; } .radio-card audio { display: none; } /* Кольори */ .black { background: black; } .blue { background: royalblue; } .green { background: mediumseagreen; } .red { background: crimson; } </style> <h1>Українські онлайн-радіостанції</h1> <div class="radio-grid"> <div class="radio-card black"> <div class="radio-header">Radio ROKS</div> <div class="radio-footer"> Ефір <button class="stop-btn" onclick="toggleAudio('radioroks', this)" fdprocessedid="r6or8h">▶</button> </div> <audio id="radioroks" src="https://online.radioroks.ua/RadioROKS"></audio> </div> <div class="radio-card blue"> <div class="radio-header">Хіт FM</div> <div class="radio-footer"> Ефір <button class="stop-btn" onclick="toggleAudio('hitfm', this)" fdprocessedid="1meirk">▶</button> </div> <audio id="hitfm" src="https://online.hitfm.ua/HitFM"></audio> </div> <div class="radio-card green"> <div class="radio-header">Шлягер FM</div> <div class="radio-footer"> Ефір <button class="stop-btn" onclick="toggleAudio('shlagerfm', this)" fdprocessedid="rnio2">▶</button> </div> <audio id="shlagerfm" src="https://cast.brg.ua/shanson_main_public_mp3_hq"></audio> </div> <div class="radio-card red"> <div class="radio-header">Радіо Jazz</div> <div class="radio-footer"> Ефір <button class="stop-btn" onclick="toggleAudio('radionv', this)" fdprocessedid="5sxdto">▶</button> </div> <audio id="radionv" src="https://online.radiojazz.ua/RadioJazz"></audio> </div> </div> <script> let currentAudio = null; let currentButton = null; function toggleAudio(id, btn) { const audio = document.getElementById(id); if (currentAudio && currentAudio !== audio) { currentAudio.pause(); if (currentButton) currentButton.textContent = '▶'; } if (audio.paused) { audio.play(); btn.textContent = '⏸'; currentAudio = audio; currentButton = btn; } else { audio.pause(); btn.textContent = '▶'; currentAudio = null; currentButton = null; } } </script> <p>сторінку створив Мирон Бурка</p> Колись украхнський підприємець Ігор Стефурак створив сторінку "Радіоліст." Мені вона дуже подобалась, і я любив її слузати. Зараз її немає.