Власникам сайтів

Долучайтеся до нашої радіо спільноти!

Хочете почути нашу чудову музику і програми прямо на вашому веб-сайті? Зробіть свій сайт ще цікавішим і затишнішим, додавши наш радіо-плеєр.

Спільно ми зробимо світ яскравішим та мелодійнішим. Дякуємо за вашу підтримку!

Пропозиції: group.mad.fm@gmail.com

HTML5 Плеєр:
                            
        <style>
        .mad-fm {
            background: rgb(1,104,205);
            background: -moz-linear-gradient(90deg, rgba(1,104,205,1) 0%, rgba(29,168,209,1) 50%, rgba(49,220,212,1) 100%);
            background: -webkit-linear-gradient(90deg, rgba(1,104,205,1) 0%, rgba(29,168,209,1) 50%, rgba(49,220,212,1) 100%);
            background: linear-gradient(90deg, rgba(1,104,205,1) 0%, rgba(29,168,209,1) 50%, rgba(49,220,212,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0168cd",endColorstr="#31dcd4",GradientType=1);
            color: #fff;
            padding: 5px;
            margin: 0;
            font-size: 16px;
            width: 300px;
            margin: 0 auto;
        }
        .mad-fm p{
            color: #ffffff;
        }
        .btn-mad-fm, .btn-mad-fm:active, .btn-mad-fm:focus, .btn-mad-fm:hover {
            background-color: #85a0e5;
            color: #ffffff;
            padding: 5px;
            display: inline-block;
            border: 2px solid #7188c5;
        }
        audio{
            width: 200px;
        }
        </style>
        <div style="text-align:center;">
            <div class="mad-fm">
                <img src="https://mad-fm.com/assets/images/system/logo.webp" border="0" width="120" height="48" alt="Логотип Mad FM">
                <p>Пряма трансляція <a class="btn-mad-fm" target="_blank" title="Mad FM - Українське інтернет радіо" href="https://mad-fm.com/">Mad FM</a></p>
                <p><audio controls src="https://globalic.stream:1440/stream"></audio></p>
            </div>
        </div>	
                            
                        
Результат:
Логотип Mad FM

Пряма трансляція Mad FM

Вивести на екран поточну пісню (JavaScript)

Оновлення данних відбувається кожні 5 секунд.

                            
                                <script src="https://mad-fm.com/assets/js/jquery-3.6.0.min.js"></script>
        <!--Для роботи потрібна jQuery бібліотека. Якщо вже підключена, то видаліть цю ^^^ строку-->
        <script type="text/javascript" src="https://mad-fm.com/assets/js/stream.others.site.js"></script> 
        <div id="stream-mad-fm" class="text-center"></div>
                            
                        
Результат: