It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.q-3.eu

  1.  
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  <head>
  5.    <meta charset="UTF-8">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.      <title>LISTEN RADIO ONLINE - EXPLORE BY GENRE, COUNTRY & MORE | RADIO QUAKE</title>
  8.  <meta name="description" content=" Listen to online radio and music on the best selected radio stations. Enjoy unlimited radio streaming and listen radio anytime on q-3.eu - your hub for online radio stations.">
  9. <meta name="keywords" content="internet radio, listen radio, top music online, music radio station, music radio fm, house music radio, radio listen for free, listen radio">
  10.  
  11.  
  12.    <!-- Open Graph (Facebook) -->
  13.    <meta property="og:title" content="Free internet radio and music online"/>
  14.    <meta property="og:site_name" content="q-3.eu"/>
  15.    <meta property="og:description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu"/>
  16.    <meta property="og:image" content="https://www.q-3.eu/facebook.jpg"/>
  17.    <meta property="og:url" content="https://www.q-3.eu/"/>
  18. <meta property="og:type" content="website"/>
  19.  
  20.    <!-- Twitter -->
  21.    <meta name="twitter:card" content="summary"/>
  22.    <meta name="twitter:title" content="Free internet radio online"/>
  23.    <meta name="twitter:description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu"/>
  24.    <meta name="twitter:image" content="https://www.q-3.eu/logs.jpg"/>
  25.    <meta name="twitter:url" content="https://www.q-3.eu/"/>
  26.  
  27.    <!-- Favicon -->
  28.    <link rel="icon" href="favicon.ico" type="image/x-icon"  />
  29.    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  30.  
  31.    <!-- Manifest -->
  32.    <link rel="manifest" href="/manifest.json">
  33.    <link rel="canonical" href="https://www.q-3.eu/" />
  34. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  35.    <link rel="preload" href="assets/css/home.css?v=05022025205749" as="style">
  36.    <link rel="stylesheet" href="assets/css/home.css?v=05022025205749">
  37. <link rel="sitemap" type="application/xml" title="Sitemap XML" href="https://www.q-3.eu/sitemap.xml">
  38.    <link rel="sitemap" type="text/plain" title="Sitemap TXT" href="https://www.q-3.eu/sitemap.txt">
  39.  
  40.   <script type="application/ld+json">
  41. {
  42.  "@context": "https://schema.org",
  43.  "@type": "RadioStation",
  44.  "name": "Radio Quake",
  45.  "url": "https://www.q-3.eu/",
  46.  "sameAs": [
  47.    "https://twitter.com/RadioQuake",
  48.    "https://www.facebook.com/RadioQuake"
  49.  ],
  50.  "genre": "Various",
  51.  "logo": "https://www.q-3.eu/logs.jpg",
  52.  "areaServed": "Global",
  53.  "hasBroadcastFrequency": "Online"
  54. }
  55. </script>
  56.  
  57.  
  58. <!-- Dublin Core Metadata -->
  59. <meta name="DC.Title" content="Free internet radio and music online" />
  60. <meta name="DC.Creator" content="Radio Quake" />
  61. <meta name="DC.Subject" content="Online radio, music, various genres, PWA" />
  62. <meta name="DC.Description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu" />
  63. <meta name="DC.Publisher" content="q-3.eu" />
  64. <meta name="DC.Date" content="2025-02-05" />
  65. <meta name="DC.Type" content="PWA Website" />
  66. <meta name="DC.Format" content="text/html" />
  67. <meta name="DC.Identifier" content="https://www.q-3.eu/" />
  68. <meta name="DC.Language" content="en" />
  69. <meta name="DC.Coverage" content="Global" />
  70. <meta name="DC.Rights" content="Copyright © 2025 q-3.eu. All rights reserved." />
  71.  
  72. <!-- Additional Metadata -->
  73. <meta name="application-name" content="Radio Quake" />
  74. <meta name="theme-color" content="#0e1b2b" />
  75. <meta name="mobile-web-app-capable" content="yes" />
  76. <meta name="apple-mobile-web-app-capable" content="yes" />
  77. <meta name="apple-mobile-web-app-title" content="Radio Quake" />
  78. <link rel="icon" sizes="192x192" href="/icons/192/icon-192x192.png" />
  79. <link rel="apple-touch-icon" href="/icons/192/icon-192x192.png" />
  80.  
  81.  
  82. </head>
  83. <body>
  84.    <header>
  85.        <!-- Google Tag Manager -->
  86. <script>
  87.  window.addEventListener('load', function() {
  88.    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  89.    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  90.    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  91.    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  92.    })(window,document,'script','dataLayer','GTM-MRCW2DH7');
  93.  });
  94. </script>
  95. <!-- End Google Tag Manager -->
  96.  
  97. <!-- Google Tag Manager (noscript) -->
  98. <noscript>
  99.  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRCW2DH7"
  100.          height="0" width="0" style="display:none;visibility:hidden"></iframe>
  101. </noscript>
  102. <!-- End Google Tag Manager (noscript) -->
  103.        <div class="menu"> <div class="dropdown"><button class="dropbtn">🏆 Top 20 stations</button><div class="dropdown-content"><a href="/station/classicrock">🥇 Classic Rock</a><a href="/station/relaxlounge">🥈 Relax Lounge</a><a href="/station/dishfm">🥉 Dish FM</a><a href="/station/nrjlounge">🏅 NRJ Lounge</a><a href="/station/relax">🏅 RELAX</a><a href="/station/sandra">🏅 Sandra</a><a href="/station/psytrance">🏅 Psy Trance</a><a href="/station/trancehitsradiorecord">🏅 TRANCE HITS RADIO RECORD</a><a href="/station/pulsradiolounge">🏅 PULSRADIO LOUNGE</a><a href="/station/bestdeepfm">🏅 BEST DEEP FM</a><a href="/station/lovetrance">🏅 LOVE TRANCE</a><a href="/station/tophitradio">🏅 TOP HIT RADIO</a><a href="/station/smoothlounge">🏅 Smooth Lounge</a><a href="/station/dancefmtrance">🏅 DANCE FM TRANCE</a><a href="/station/tranceisstarradio">🏅 Trance Is Star Radio</a><a href="/station/rock70s">🏅 Rock 70s</a><a href="/station/enigmaticspinner">🏅 Enigmatic spinner</a><a href="/station/538dancedept">🏅 538 Dance Dept</a><a href="/station/loungednb">🏅 lounge DNB</a><a href="/station/enigma">🏅 Enigma</a></div></div><script>
  104. document.addEventListener('DOMContentLoaded', () => {
  105.    const dropdown = document.querySelector('.dropdown'); // Весь контейнер дропдауна
  106.    const dropbtn = document.querySelector('.dropbtn'); // Кнопка дропдауна
  107.    const dropdownContent = document.querySelector('.dropdown-content'); // Выпадающий список
  108.  
  109.    // Клик по кнопке для показа/скрытия списка
  110.    dropbtn.addEventListener('click', (event) => {
  111.        event.stopPropagation(); // Предотвращаем всплытие события
  112.        dropdownContent.classList.toggle('show'); // Переключаем видимость
  113.    });
  114.  
  115.    // Клик в любом месте вне дропдауна для его закрытия
  116.    document.addEventListener('click', (event) => {
  117.        if (!dropdown.contains(event.target)) {
  118.            dropdownContent.classList.remove('show'); // Скрываем список
  119.        }
  120.    });
  121. });
  122. </script>
  123.          <img src="/logs.jpg" width="100" height="50" alt="RADIO QUAKE - Logo of the online radio service">
  124.  
  125.        </div>
  126.    </header>
  128.  
  129.  
  130. <div id="news-ticker">
  131.    <div class="ticker-content"><a href="/news/articles/top10techno.php" target="_blank">TOP 10 TECHNO RADIO STATIONS TO KEEP THE BEAT ALIVE</a> ✨ <a href="/news/articles/top10lounge.php" target="_blank">UNWIND WITH THE BEST: TOP 10 LOUNGE RADIO STATIONS FOR RELAXATION AND STYLE</a> ✨ <a href="/news/articles/top3trance.php" target="_blank">TRANCE RADIO ONLINE – THE BEST TRANCE MUSIC STATIONS FOR ULTIMATE LISTENING</a></div>
  132. </div>
  133.  
  134. <style>
  135.    #news-ticker {
  136.        position: fixed;
  137.        bottom: 0;
  138.        left: 0;
  139.        width: 100%;
  140.        background: #000;
  141.        color: #fff;
  142.        z-index: 50000;
  143.        overflow: hidden;
  144.        white-space: nowrap;
  145.    }
  146.  
  147.    .ticker-content {
  148.        display: inline-block;
  149.        padding: 10px;
  150.        font-size: 16px;
  151.        font-weight: bold;
  152.        animation: scroll-left 30s linear infinite;
  153.        animation-play-state: running; /* Запуск анимации */
  154.    }
  155.  
  156.    #news-ticker:hover .ticker-content {
  157.        animation-play-state: paused; /* Остановка анимации при наведении */
  158.    }
  159.  
  160.    #news-ticker a {
  161.        color: #fff;
  162.        text-decoration: none;
  163.        margin-right: 50px;
  164.    }
  165.  
  166.    @keyframes scroll-left {
  167.        from {
  168.            transform: translateX(100%);
  169.        }
  170.        to {
  171.            transform: translateX(-100%);
  172.        }
  173.    }
  174. </style>
  175.  
  176. <script src="article_popup.js"></script>
  177. <h1 class="sr-only">Listen to the Best Free Online Radio Stations</h1>
  178.   <div class="content">
  179.    <div class="tabs">
  180.      
  181.    </div>
  182.    <div class="grid">
  185.        <!-- Карточка "More Genres" -->
  186.        <div class="card">
  187.            <a href="https://www.q-3.eu/wall.php" aria-label="More genres available on the wall page">
  188.                <i class="fas fa-water" aria-hidden="true"></i>
  189.                <p><strong>More Genres</strong></p><h6>12218 STATIONS</h6>
  190.            </a>
  191.        </div>
  192.                                                    <div class="card">
  193.                    <a href="/genre/Electronic"
  194.                       aria-label="Electronic - 2528 stations">
  195.                        <i class="fas fa-compact-disc"
  196.                           aria-hidden="true"></i>
  197.                        <p>
  198.                            <strong>ELECTRONIC</strong>
  199.                        </p>
  200.                        <h6>2528 STATIONS</h6>
  201.                    </a>
  202.                </div>
  203.                                            <div class="card">
  204.                    <a href="/genre/dance"
  205.                       aria-label="dance - 2479 stations">
  206.                        <i class="fas fa-music"
  207.                           aria-hidden="true"></i>
  208.                        <p>
  209.                            <strong>DANCE</strong>
  210.                        </p>
  211.                        <h6>2479 STATIONS</h6>
  212.                    </a>
  213.                </div>
  214.                                            <div class="card">
  215.                    <a href="/genre/Disco"
  216.                       aria-label="Disco - 2328 stations">
  217.                        <i class="fas fa-compact-disc"
  218.                           aria-hidden="true"></i>
  219.                        <p>
  220.                            <strong>DISCO</strong>
  221.                        </p>
  222.                        <h6>2328 STATIONS</h6>
  223.                    </a>
  224.                </div>
  225.                                            <div class="card">
  226.                    <a href="/genre/Club"
  227.                       aria-label="Club - 2269 stations">
  228.                        <i class="fas fa-glass-cheers"
  229.                           aria-hidden="true"></i>
  230.                        <p>
  231.                            <strong>CLUB</strong>
  232.                        </p>
  233.                        <h6>2269 STATIONS</h6>
  234.                    </a>
  235.                </div>
  236.                                            <div class="card">
  237.                    <a href="/genre/Pop"
  238.                       aria-label="Pop - 498 stations">
  239.                        <i class="fas fa-microphone"
  240.                           aria-hidden="true"></i>
  241.                        <p>
  242.                            <strong>POP</strong>
  243.                        </p>
  244.                        <h6>498 STATIONS</h6>
  245.                    </a>
  246.                </div>
  247.                                            <div class="card">
  248.                    <a href="/genre/Techno"
  249.                       aria-label="Techno - 221 stations">
  250.                        <i class="fas fa-headphones"
  251.                           aria-hidden="true"></i>
  252.                        <p>
  253.                            <strong>TECHNO</strong>
  254.                        </p>
  255.                        <h6>221 STATIONS</h6>
  256.                    </a>
  257.                </div>
  258.                                            <div class="card">
  259.                    <a href="/genre/lounge"
  260.                       aria-label="lounge - 197 stations">
  261.                        <i class="fas fa-tree"
  262.                           aria-hidden="true"></i>
  263.                        <p>
  264.                            <strong>LOUNGE</strong>
  265.                        </p>
  266.                        <h6>197 STATIONS</h6>
  267.                    </a>
  268.                </div>
  269.                                            <div class="card">
  270.                    <a href="/genre/Mixed"
  271.                       aria-label="Mixed - 162 stations">
  272.                        <i class="fas fa-music"
  273.                           aria-hidden="true"></i>
  274.                        <p>
  275.                            <strong>MIXED</strong>
  276.                        </p>
  277.                        <h6>162 STATIONS</h6>
  278.                    </a>
  279.                </div>
  280.                                            <div class="card">
  281.                    <a href="/genre/rock"
  282.                       aria-label="rock - 90 stations">
  283.                        <i class="fas fa-drum"
  284.                           aria-hidden="true"></i>
  285.                        <p>
  286.                            <strong>ROCK</strong>
  287.                        </p>
  288.                        <h6>90 STATIONS</h6>
  289.                    </a>
  290.                </div>
  291.                                            <div class="card">
  292.                    <a href="/genre/Chillout"
  293.                       aria-label="Chillout - 83 stations">
  294.                        <i class="fas fa-cloud"
  295.                           aria-hidden="true"></i>
  296.                        <p>
  297.                            <strong>CHILLOUT</strong>
  298.                        </p>
  299.                        <h6>83 STATIONS</h6>
  300.                    </a>
  301.                </div>
  302.                                            <div class="card">
  303.                    <a href="/genre/Various"
  304.                       aria-label="Various - 76 stations">
  305.                        <i class="fas fa-music"
  306.                           aria-hidden="true"></i>
  307.                        <p>
  308.                            <strong>VARIOUS</strong>
  309.                        </p>
  310.                        <h6>76 STATIONS</h6>
  311.                    </a>
  312.                </div>
  313.                                            <div class="card">
  314.                    <a href="/genre/Jazz"
  315.                       aria-label="Jazz - 69 stations">
  316.                        <i class="fas fa-sun"
  317.                           aria-hidden="true"></i>
  318.                        <p>
  319.                            <strong>JAZZ</strong>
  320.                        </p>
  321.                        <h6>69 STATIONS</h6>
  322.                    </a>
  323.                </div>
  324.                                            <div class="card">
  325.                    <a href="/genre/House"
  326.                       aria-label="House - 59 stations">
  327.                        <i class="fas fa-home"
  328.                           aria-hidden="true"></i>
  329.                        <p>
  330.                            <strong>HOUSE</strong>
  331.                        </p>
  332.                        <h6>59 STATIONS</h6>
  333.                    </a>
  334.                </div>
  335.                                            <div class="card">
  336.                    <a href="/genre/Ambient"
  337.                       aria-label="Ambient - 57 stations">
  338.                        <i class="fas fa-leaf"
  339.                           aria-hidden="true"></i>
  340.                        <p>
  341.                            <strong>AMBIENT</strong>
  342.                        </p>
  343.                        <h6>57 STATIONS</h6>
  344.                    </a>
  345.                </div>
  346.                                            <div class="card">
  347.                    <a href="/genre/Variety"
  348.                       aria-label="Variety - 35 stations">
  349.                        <i class="fas fa-music"
  350.                           aria-hidden="true"></i>
  351.                        <p>
  352.                            <strong>VARIETY</strong>
  353.                        </p>
  354.                        <h6>35 STATIONS</h6>
  355.                    </a>
  356.                </div>
  357.                                            <div class="card">
  358.                    <a href="/genre/trance"
  359.                       aria-label="trance - 28 stations">
  360.                        <i class="fas fa-bolt"
  361.                           aria-hidden="true"></i>
  362.                        <p>
  363.                            <strong>TRANCE</strong>
  364.                        </p>
  365.                        <h6>28 STATIONS</h6>
  366.                    </a>
  367.                </div>
  368.                                            <div class="card">
  369.                    <a href="/genre/Hits"
  370.                       aria-label="Hits - 25 stations">
  371.                        <i class="fas fa-star"
  372.                           aria-hidden="true"></i>
  373.                        <p>
  374.                            <strong>HITS</strong>
  375.                        </p>
  376.                        <h6>25 STATIONS</h6>
  377.                    </a>
  378.                </div>
  379.                                            <div class="card">
  380.                    <a href="/genre/News"
  381.                       aria-label="News - 24 stations">
  382.                        <i class="fas fa-microphone"
  383.                           aria-hidden="true"></i>
  384.                        <p>
  385.                            <strong>NEWS</strong>
  386.                        </p>
  387.                        <h6>24 STATIONS</h6>
  388.                    </a>
  389.                </div>
  390.                                            <div class="card">
  391.                    <a href="/genre/Classical"
  392.                       aria-label="Classical - 24 stations">
  393.                        <i class="fas fa-music"
  394.                           aria-hidden="true"></i>
  395.                        <p>
  396.                            <strong>CLASSICAL</strong>
  397.                        </p>
  398.                        <h6>24 STATIONS</h6>
  399.                    </a>
  400.                </div>
  401.                                            <div class="card">
  402.                    <a href="/genre/Relax"
  403.                       aria-label="Relax - 23 stations">
  404.                        <i class="fas fa-bed"
  405.                           aria-hidden="true"></i>
  406.                        <p>
  407.                            <strong>RELAX</strong>
  408.                        </p>
  409.                        <h6>23 STATIONS</h6>
  410.                    </a>
  411.                </div>
  412.                                            <div class="card">
  413.                    <a href="/genre/HipHop"
  414.                       aria-label="Hip Hop - 23 stations">
  415.                        <i class="fas fa-music"
  416.                           aria-hidden="true"></i>
  417.                        <p>
  418.                            <strong>HIP HOP</strong>
  419.                        </p>
  420.                        <h6>23 STATIONS</h6>
  421.                    </a>
  422.                </div>
  423.                                            <div class="card">
  424.                    <a href="/genre/DeepHouse"
  425.                       aria-label="Deep House - 21 stations">
  426.                        <i class="fas fa-wave-square"
  427.                           aria-hidden="true"></i>
  428.                        <p>
  429.                            <strong>DEEP HOUSE</strong>
  430.                        </p>
  431.                        <h6>21 STATIONS</h6>
  432.                    </a>
  433.                </div>
  434.                                            <div class="card">
  435.                    <a href="/genre/Country"
  436.                       aria-label="Country - 21 stations">
  437.                        <i class="fas fa-music"
  438.                           aria-hidden="true"></i>
  439.                        <p>
  440.                            <strong>COUNTRY</strong>
  441.                        </p>
  442.                        <h6>21 STATIONS</h6>
  443.                    </a>
  444.                </div>
  445.                                            <div class="card">
  446.                    <a href="/genre/Alternative"
  447.                       aria-label="Alternative - 19 stations">
  448.                        <i class="fas fa-music"
  449.                           aria-hidden="true"></i>
  450.                        <p>
  451.                            <strong>ALTERNATIVE</strong>
  452.                        </p>
  453.                        <h6>19 STATIONS</h6>
  454.                    </a>
  455.                </div>
  456.                                            <div class="card">
  457.                    <a href="/genre/Spiritual"
  458.                       aria-label="Spiritual - 18 stations">
  459.                        <i class="fas fa-music"
  460.                           aria-hidden="true"></i>
  461.                        <p>
  462.                            <strong>SPIRITUAL</strong>
  463.                        </p>
  464.                        <h6>18 STATIONS</h6>
  465.                    </a>
  466.                </div>
  467.                                            <div class="card">
  468.                    <a href="/genre/Retro"
  469.                       aria-label="Retro - 17 stations">
  470.                        <i class="fas fa-record-vinyl"
  471.                           aria-hidden="true"></i>
  472.                        <p>
  473.                            <strong>RETRO</strong>
  474.                        </p>
  475.                        <h6>17 STATIONS</h6>
  476.                    </a>
  477.                </div>
  478.                                            <div class="card">
  479.                    <a href="/genre/Oldies"
  480.                       aria-label="Oldies - 17 stations">
  481.                        <i class="fas fa-music"
  482.                           aria-hidden="true"></i>
  483.                        <p>
  484.                            <strong>OLDIES</strong>
  485.                        </p>
  486.                        <h6>17 STATIONS</h6>
  487.                    </a>
  488.                </div>
  489.                                            <div class="card">
  490.                    <a href="/genre/K-pop"
  491.                       aria-label="K-pop - 17 stations">
  492.                        <i class="fas fa-music"
  493.                           aria-hidden="true"></i>
  494.                        <p>
  495.                            <strong>K-POP</strong>
  496.                        </p>
  497.                        <h6>17 STATIONS</h6>
  498.                    </a>
  499.                </div>
  500.                                            <div class="card">
  501.                    <a href="/genre/talkradio"
  502.                       aria-label="talk radio - 16 stations">
  503.                        <i class="fas fa-microphone-alt"
  504.                           aria-hidden="true"></i>
  505.                        <p>
  506.                            <strong>TALK RADIO</strong>
  507.                        </p>
  508.                        <h6>16 STATIONS</h6>
  509.                    </a>
  510.                </div>
  511.                                            <div class="card">
  512.                    <a href="/genre/Talk"
  513.                       aria-label="Talk - 16 stations">
  514.                        <i class="fas fa-music"
  515.                           aria-hidden="true"></i>
  516.                        <p>
  517.                            <strong>TALK</strong>
  518.                        </p>
  519.                        <h6>16 STATIONS</h6>
  520.                    </a>
  521.                </div>
  522.                                            <div class="card">
  523.                    <a href="/genre/Indian"
  524.                       aria-label="Indian - 16 stations">
  525.                        <i class="fas fa-music"
  526.                           aria-hidden="true"></i>
  527.                        <p>
  528.                            <strong>INDIAN</strong>
  529.                        </p>
  530.                        <h6>16 STATIONS</h6>
  531.                    </a>
  532.                </div>
  533.                                            <div class="card">
  534.                    <a href="/genre/Christian"
  535.                       aria-label="Christian - 16 stations">
  536.                        <i class="fas fa-music"
  537.                           aria-hidden="true"></i>
  538.                        <p>
  539.                            <strong>CHRISTIAN</strong>
  540.                        </p>
  541.                        <h6>16 STATIONS</h6>
  542.                    </a>
  543.                </div>
  544.                                            <div class="card">
  545.                    <a href="/genre/Latin"
  546.                       aria-label="Latin - 15 stations">
  547.                        <i class="fas fa-music"
  548.                           aria-hidden="true"></i>
  549.                        <p>
  550.                            <strong>LATIN</strong>
  551.                        </p>
  552.                        <h6>15 STATIONS</h6>
  553.                    </a>
  554.                </div>
  555.                                            <div class="card">
  556.                    <a href="/genre/Nature"
  557.                       aria-label="Nature - 14 stations">
  558.                        <i class="fas fa-music"
  559.                           aria-hidden="true"></i>
  560.                        <p>
  561.                            <strong>NATURE</strong>
  562.                        </p>
  563.                        <h6>14 STATIONS</h6>
  564.                    </a>
  565.                </div>
  566.                                            <div class="card">
  567.                    <a href="/genre/hard"
  568.                       aria-label="hard - 14 stations">
  569.                        <i class="fas fa-fire"
  570.                           aria-hidden="true"></i>
  571.                        <p>
  572.                            <strong>HARD</strong>
  573.                        </p>
  574.                        <h6>14 STATIONS</h6>
  575.                    </a>
  576.                </div>
  577.                                            <div class="card">
  578.                    <a href="/genre/Chanson"
  579.                       aria-label="Chanson - 14 stations">
  580.                        <i class="fas fa-guitar"
  581.                           aria-hidden="true"></i>
  582.                        <p>
  583.                            <strong>CHANSON</strong>
  584.                        </p>
  585.                        <h6>14 STATIONS</h6>
  586.                    </a>
  587.                </div>
  588.                                            <div class="card">
  589.                    <a href="/genre/SmoothJazz"
  590.                       aria-label="Smooth Jazz - 13 stations">
  591.                        <i class="fas fa-music"
  592.                           aria-hidden="true"></i>
  593.                        <p>
  594.                            <strong>SMOOTH JAZZ</strong>
  595.                        </p>
  596.                        <h6>13 STATIONS</h6>
  597.                    </a>
  598.                </div>
  599.                                            <div class="card">
  600.                    <a href="/genre/Religious"
  601.                       aria-label="Religious - 13 stations">
  602.                        <i class="fas fa-cross"
  603.                           aria-hidden="true"></i>
  604.                        <p>
  605.                            <strong>RELIGIOUS</strong>
  606.                        </p>
  607.                        <h6>13 STATIONS</h6>
  608.                    </a>
  609.                </div>
  610.                                            <div class="card">
  611.                    <a href="/genre/NewAge"
  612.                       aria-label="New Age - 13 stations">
  613.                        <i class="fas fa-music"
  614.                           aria-hidden="true"></i>
  615.                        <p>
  616.                            <strong>NEW AGE</strong>
  617.                        </p>
  618.                        <h6>13 STATIONS</h6>
  619.                    </a>
  620.                </div>
  621.                                            <div class="card">
  622.                    <a href="/genre/instrumental"
  623.                       aria-label="instrumental - 13 stations">
  624.                        <i class="fas fa-music"
  625.                           aria-hidden="true"></i>
  626.                        <p>
  627.                            <strong>INSTRUMENTAL</strong>
  628.                        </p>
  629.                        <h6>13 STATIONS</h6>
  630.                    </a>
  631.                </div>
  632.                                            <div class="card">
  633.                    <a href="/genre/EDM"
  634.                       aria-label="EDM - 13 stations">
  635.                        <i class="fas fa-music"
  636.                           aria-hidden="true"></i>
  637.                        <p>
  638.                            <strong>EDM</strong>
  639.                        </p>
  640.                        <h6>13 STATIONS</h6>
  641.                    </a>
  642.                </div>
  643.                                            <div class="card">
  644.                    <a href="/genre/TamilMusic"
  645.                       aria-label="Tamil Music - 12 stations">
  646.                        <i class="fas fa-music"
  647.                           aria-hidden="true"></i>
  648.                        <p>
  649.                            <strong>TAMIL MUSIC</strong>
  650.                        </p>
  651.                        <h6>12 STATIONS</h6>
  652.                    </a>
  653.                </div>
  654.                                            <div class="card">
  655.                    <a href="/genre/Bollywood"
  656.                       aria-label="Bollywood - 12 stations">
  657.                        <i class="fas fa-music"
  658.                           aria-hidden="true"></i>
  659.                        <p>
  660.                            <strong>BOLLYWOOD</strong>
  661.                        </p>
  662.                        <h6>12 STATIONS</h6>
  663.                    </a>
  664.                </div>
  665.                                            <div class="card">
  666.                    <a href="/genre/Bass"
  667.                       aria-label="Bass - 12 stations">
  668.                        <i class="fas fa-music"
  669.                           aria-hidden="true"></i>
  670.                        <p>
  671.                            <strong>BASS</strong>
  672.                        </p>
  673.                        <h6>12 STATIONS</h6>
  674.                    </a>
  675.                </div>
  676.                                            <div class="card">
  677.                    <a href="/genre/Schlager"
  678.                       aria-label="Schlager - 11 stations">
  679.                        <i class="fas fa-music"
  680.                           aria-hidden="true"></i>
  681.                        <p>
  682.                            <strong>SCHLAGER</strong>
  683.                        </p>
  684.                        <h6>11 STATIONS</h6>
  685.                    </a>
  686.                </div>
  687.                                            <div class="card">
  688.                    <a href="/genre/Chill"
  689.                       aria-label="Chill - 11 stations">
  690.                        <i class="fas fa-music"
  691.                           aria-hidden="true"></i>
  692.                        <p>
  693.                            <strong>CHILL</strong>
  694.                        </p>
  695.                        <h6>11 STATIONS</h6>
  696.                    </a>
  697.                </div>
  698.                                            <div class="card">
  699.                    <a href="/genre/80s"
  700.                       aria-label="80s - 11 stations">
  701.                        <i class="fas fa-music"
  702.                           aria-hidden="true"></i>
  703.                        <p>
  704.                            <strong>80S</strong>
  705.                        </p>
  706.                        <h6>11 STATIONS</h6>
  707.                    </a>
  708.                </div>
  709.                                            <div class="card">
  710.                    <a href="/genre/Sports"
  711.                       aria-label="Sports - 10 stations">
  712.                        <i class="fas fa-music"
  713.                           aria-hidden="true"></i>
  714.                        <p>
  715.                            <strong>SPORTS</strong>
  716.                        </p>
  717.                        <h6>10 STATIONS</h6>
  718.                    </a>
  719.                </div>
  720.                                            <div class="card">
  721.                    <a href="/genre/Party"
  722.                       aria-label="Party - 10 stations">
  723.                        <i class="fas fa-music"
  724.                           aria-hidden="true"></i>
  725.                        <p>
  726.                            <strong>PARTY</strong>
  727.                        </p>
  728.                        <h6>10 STATIONS</h6>
  729.                    </a>
  730.                </div>
  731.                                            <div class="card">
  732.                    <a href="/genre/Minimal"
  733.                       aria-label="Minimal - 10 stations">
  734.                        <i class="fas fa-music"
  735.                           aria-hidden="true"></i>
  736.                        <p>
  737.                            <strong>MINIMAL</strong>
  738.                        </p>
  739.                        <h6>10 STATIONS</h6>
  740.                    </a>
  741.                </div>
  742.                                            <div class="card">
  743.                    <a href="/genre/Gospel"
  744.                       aria-label="Gospel - 10 stations">
  745.                        <i class="fas fa-music"
  746.                           aria-hidden="true"></i>
  747.                        <p>
  748.                            <strong>GOSPEL</strong>
  749.                        </p>
  750.                        <h6>10 STATIONS</h6>
  751.                    </a>
  752.                </div>
  753.                                            <div class="card">
  754.                    <a href="/genre/enigmatic"
  755.                       aria-label="enigmatic - 10 stations">
  756.                        <i class="fas fa-magic"
  757.                           aria-hidden="true"></i>
  758.                        <p>
  759.                            <strong>ENIGMATIC</strong>
  760.                        </p>
  761.                        <h6>10 STATIONS</h6>
  762.                    </a>
  763.                </div>
  764.                    
  765.    
  766.    </div>
  767. </div>
  768.  
  773. <div class="footer">
  774.    <div class="controls">
  775.        <!-- Кнопка воспроизведения/паузы -->
  776.        <button onclick="togglePlay()" aria-label="Play or Pause" id="play-button">
  777.            <i class="fas fa-play" aria-hidden="true"></i>
  778.        </button>
  779.        <!-- Кнопка следующей станции -->
  780.        <button onclick="nextStation()" aria-label="Next Station">
  781.            <i class="fas fa-forward" aria-hidden="true"></i>
  782.        </button>
  783.        <!-- Информация о текущей станции -->
  784.        <div class="station-info">
  785.            <i id="station-icon" class="fas fa-music" aria-hidden="true"></i>
  786.            <span id="station-name" aria-live="polite">Loading...</span>
  787.        </div>
  788.    </div>
  789.    <!-- Аудиоплеер -->
  790.    <audio id="audio-player" preload="none" aria-label="Audio player for the current station"></audio>
  791.    <!-- Регулятор громкости -->
  792.    <input type="range" id="volume-control" min="0" max="1" step="0.1" value="0.5"
  793.           onchange="changeVolume(this.value)" aria-label="Volume control">
  794. </div>
  795.  
  796. <script>
  797.   const audioPlayer = document.getElementById('audio-player');
  798. const playButton = document.getElementById('play-button');
  799. const stationName = document.getElementById('station-name');
  800. const stationIcon = document.getElementById('station-icon');
  801.  
  802. // Список станций из топ-20
  803. const stations = [{"name":"Classic Rock","url":"https:\/\/ouifm3.ice.infomaniak.ch\/ouifm3.mp3","icon":"fa-music"},{"name":"Relax Lounge","url":"https:\/\/stream.relaxfm.ee\/international_HD","icon":"fa-music"},{"name":"Dish FM","url":"https:\/\/server27166.streamplus.de\/stream.mp3","icon":"fa-music"},{"name":"NRJ Lounge","url":"https:\/\/nrj.de\/lounge","icon":"fa-music"},{"name":"RELAX","url":"https:\/\/relax.stream.laut.fm\/relax","icon":"fa-music"},{"name":"Sandra","url":"https:\/\/stream02.pcradio.ru\/Sandra-med","icon":"fa-music"},{"name":"Psy Trance","url":"https:\/\/dfm.hostingradio.ru\/psytrance96.aacp","icon":"fa-music"},{"name":"TRANCE HITS RADIO RECORD","url":"https:\/\/radiorecord.hostingradio.ru\/trancehits96.aacp","icon":"fa-music"},{"name":"PULSRADIO LOUNGE","url":"https:\/\/icecast.pulsradio.com\/relaxHD.mp3","icon":"fa-music"},{"name":"BEST DEEP FM","url":"https:\/\/listen8.myradio24.com\/5129","icon":"fa-music"},{"name":"LOVE TRANCE","url":"https:\/\/trance.stream.laut.fm\/trance","icon":"fa-music"},{"name":"TOP HIT RADIO","url":"https:\/\/strw3.openstream.co\/2372","icon":"fa-music"},{"name":"Smooth Lounge","url":"https:\/\/smoothjazz.cdnstream1.com\/2586_128.mp3","icon":"fa-music"},{"name":"DANCE FM TRANCE","url":"https:\/\/broadcast.dancefmlive.com\/radio\/8010\/radio.mp3","icon":"fa-music"},{"name":"Trance Is Star Radio","url":"https:\/\/listen7.myradio24.com\/tisradio","icon":"fa-music"},{"name":"Rock 70s","url":"https:\/\/ouifmrock70s.ice.infomaniak.ch\/ouifmseventies.mp3","icon":"fa-music"},{"name":"Enigmatic spinner","url":"https:\/\/live.radiospinner.com\/ngmtcbr-64","icon":"fa-music"},{"name":"538 Dance Dept","url":"https:\/\/playerservices.streamtheworld.com\/api\/livestream-redirect\/TLPSTR01.mp3","icon":"fa-music"},{"name":"lounge DNB","url":"https:\/\/128k.co.uk\/stream\/5113\/","icon":"fa-music"},{"name":"Enigma","url":"https:\/\/stream02.pcradio.ru\/Enigma-hi","icon":"fa-music"}];
  804.  
  805.  
  806. // Начинаем с первой станции из списка (а не случайной!)
  807. let currentStationIndex = 0;
  808. let isPlaying = false;
  809.  
  810. // Функция для обновления станции
  811. function updateStation(index) {
  812.    if (index >= 0 && index < stations.length) {
  813.        const station = stations[index];
  814.        audioPlayer.src = station.url;
  815.        stationName.textContent = station.name.toUpperCase();
  816.        stationIcon.className = `fas ${station.icon ?? 'fa-music'}`;
  817.  
  818.        // Обновляем кнопку Play в состояние "Воспроизведение"
  819.        isPlaying = false;
  820.        playButton.innerHTML = '<i class="fas fa-play" aria-hidden="true"></i>';
  821.    }
  822. }
  823.  
  824. // Функция для переключения на следующую станцию (по кругу)
  825. function nextStation() {
  826.    currentStationIndex = (currentStationIndex + 1) % stations.length;
  827.    updateStation(currentStationIndex);
  828. }
  829.  
  830. // Тоггл для воспроизведения/паузы
  831. function togglePlay() {
  832.    if (!isPlaying) {
  833.        audioPlayer.play().then(() => {
  834.            isPlaying = true;
  835.            playButton.innerHTML = '<i class="fas fa-pause" aria-hidden="true"></i>';
  836.        }).catch(() => {
  837.            console.error('Audio cannot be played.');
  838.        });
  839.    } else {
  840.        audioPlayer.pause();
  841.        isPlaying = false;
  842.        playButton.innerHTML = '<i class="fas fa-play" aria-hidden="true"></i>';
  843.    }
  844. }
  845.  
  846. // Управление громкостью
  847. function changeVolume(value) {
  848.    audioPlayer.volume = value;
  849. }
  850.  
  851. // Запускаем первую станцию из топ-20
  852. updateStation(currentStationIndex);
  853.  
  854. </script>
  855.  
  856. <input id="menu-toggle" class="open" type="checkbox" hidden>
  857. <label class="btn" for="menu-toggle" aria-label="Toggle menu"></label>
  858. <div class="top-panel">
  859.  
  860.  
  861. <!-- Кнопка с количеством станций -->
  862. <br>   <div class="station-button">
  863.        STATION COUNT : 12218    </div>
  864.  
  865.    <div class="message">
  866.        <h2><b>
  867. <style>
  868.    nav ul {
  869.        list-style: none;
  870.        padding: 0;
  871.        margin: 0;
  872.    }
  873.  
  874.    nav ul li {
  875.        display: block;
  876.        margin: 0;
  877.    }
  878.  
  879.    .menu-item {
  880.        display: flex;
  881.        align-items: center;
  882.        text-decoration: none;
  883.        padding: 10px;
  884.        background-color: #39464e;
  885.        color: white;
  886.        font-size: 16px;
  887.        border-radius: 4px;
  888.        cursor: pointer;
  889.        border-bottom: 1px solid #2f3a42;
  890.        text-align: center;
  891.    }
  892.  
  893.    .menu-item:hover {
  894.        background-color: #2f3a42;
  895.    }
  896. </style>
  897.  
  898. <nav>
  899.    <ul>
  900.        <li>
  901.            <a href="#" id="install-app-button" class="menu-item" style="display: none;">
  902.                📲 INSTALL APP
  903.            </a>
  904.        </li>
  905.    </ul>
  906. </nav>
  907.  
  908. <script>
  909. document.addEventListener('DOMContentLoaded', () => {
  910.    const installButton = document.getElementById('install-app-button');
  911.    let deferredPrompt = null;
  912.  
  913.    // Проверяем, установлена ли PWA
  914.    const isStandalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
  915.  
  916.    if (isStandalone) {
  917.        installButton.style.display = 'none';
  918.        return;
  919.    }
  920.  
  921.    // Проверяем, это iOS или нет
  922.    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  923.  
  924.    // Для iOS показываем инструкцию по установке
  925.    if (isIOS) {
  926.        installButton.textContent = '📲 ADD TO HOME SCREEN';
  927.        installButton.style.display = 'block';
  928.        installButton.addEventListener('click', () => {
  929.            alert('To install the app, tap the share button and select "Add to Home Screen".');
  930.        });
  931.        return;
  932.    }
  933.  
  934.    // Событие beforeinstallprompt (если PWA можно установить)
  935.    window.addEventListener('beforeinstallprompt', (e) => {
  936.        e.preventDefault();
  937.        deferredPrompt = e;
  938.        installButton.style.display = 'block';
  939.  
  940.        installButton.addEventListener('click', async () => {
  941.            if (deferredPrompt) {
  942.                deferredPrompt.prompt();
  943.                const choiceResult = await deferredPrompt.userChoice;
  944.                if (choiceResult.outcome === 'accepted') {
  945.                    installButton.style.display = 'none';
  946.                }
  947.                deferredPrompt = null;
  948.            }
  949.        });
  950.    });
  951. });
  952.  
  953. // Регистрация Service Worker
  954. if ('serviceWorker' in navigator) {
  955.    navigator.serviceWorker.register('/service-worker.js');
  956. }
  957. </script>
  959. <a href="https://www.q-3.eu/" title="Go to Home Page" aria-label="Go to Home Page">🏠 HOME</a>
  960. <a href="https://www.q-3.eu/radio.php" title="Switch to Random Mode" aria-label="Switch to Random Mode">🎲 RANDOM </a>
  961. <a href="https://www.q-3.eu/search.php" aria-label="Search for radio stations page" title="Search for stations">🔍 SEARCH STATION</a>
  962. <a href="https://www.q-3.eu/all.php" title="View all available stations" aria-label="View all available radio stations">📻 ALL STATIONS</a>
  963. <a href="https://www.q-3.eu/wall.php" title="Filter stations based on your preferences" aria-label="Filter stations based on your preferences">🧹 FILTERS</a>
  964. <a href="https://www.q-3.eu/user/listen.php" title="Listen stations based on your preferences" aria-label="Listen to your favorite stations">⭐ FAVORITES</a>
  965. <a href="https://www.q-3.eu/user/index.php" title="Edit stations based on your preferences" aria-label="Edit your favorite stations">✏️ EDIT FAVORITES</a>
  966. <a href="https://www.q-3.eu/tags/cloud.php" title="Edit stations based on your preferences" aria-label="Edit your favorite stations">🌟 POPULAR TAGS</a>
  967. <a href="https://t.me/radio_quake" target="_blank" title="Join our Telegram community" aria-label="Join our Telegram community (opens in a new window)">💬 TELEGRAM</a>
  968. <a href="https://www.q-3.eu/copyright.php" target="_blank" title="Read the legal information and terms of service" aria-label="Read the legal information and terms of service (opens in a new window)">📜 LEGAL INFORMATION</a>
  969. <a href="https://www.q-3.eu/cookie-policy.php" target="_blank" title="Learn about our cookie usage policy" aria-label="Learn about our cookie usage policy (opens in a new window)">🍪 COOKIE POLICY</a>
  970. <a href="https://www.q-3.eu/privacy.php" target="_blank" title="Understand our privacy policy" aria-label="Understand our privacy policy (opens in a new window)">🔒 PRIVACY POLICY</a>
  971. <a href="https://www.q-3.eu/sitemap.php" target="_blank" title="View the sitemap of the website" aria-label="View the website sitemap (opens in a new window)">🗺️ SITEMAP</a>
  972.  
  973.  
  974.  
  975.            <!-- Ссылка на админку, видимая только для авторизованных пользователей -->
  976.                     </b>
  977. </h2>
  978.      
  981.  
  983. <style>
  984.    .station-button {
  985.        display: flex;
  986.        align-items: center;
  987.        justify-content: center;
  988.        width: 90%;
  989.        height: 40px;
  990.        background: #39464e; /* Основной цвет кнопки */
  991.        border-radius: 5px;
  992.        box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.8), /* Вдавленная внутренняя тень */
  993.                    inset -3px -3px 6px rgba(255, 255, 255, 0.1); /* Легкий свет для гравировки */
  994.        border: none; /* Убрана рамка */
  995.        color: #dce5f5; /* Цвет текста */
  996.        font-size: 1rem; /* Размер текста  */
  997.        font-weight: bold; /* Жирный текст */
  998.        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9); /* Гравировочная тень текста */
  999.        text-align: center; /* Центрирование текста */
  1000.        margin: 10px auto; /* Центрирование кнопки */
  1001.        cursor: default; /* Обычный курсор вместо руки */
  1002.        opacity: 0.7; /* Прозрачность для эффекта неактивности */
  1003.        pointer-events: none; /* Отключает взаимодействие с элементом */
  1004.    }
  1005.  
  1006.    /* Эффект наведения мыши */
  1007.    .station-button:hover {
  1008.        background: #2f3c43; /* Чуть более темный цвет */
  1009.        color: #ffffff; /* Белый текст на hover */
  1010.        cursor: pointer; /* Курсор-указатель */
  1011.    }
  1012. </style>
  1013.  
  1015.    </div>
  1016. </div>
  1017. <script src="/counter/js/home.js" async></script>
  1018. <br><br><br>
  1020. <script src="/sw.js" async></script>
  1021.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda