Власникам сайтів
Долучайтеся до нашої радіо спільноти!
Хочете почути нашу чудову музику і програми прямо на вашому веб-сайті? Зробіть свій сайт ще цікавішим і затишнішим, додавши наш радіо-плеєр.
Спільно ми зробимо світ яскравішим та мелодійнішим. Дякуємо за вашу підтримку!
Пропозиції: group.mad.fm@gmail.com
HTML5 Плеєр:
<style>
.audio-player {
background-color: #1d4c5c;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
padding: 20px;
text-align: center;
min-width: 240px;
width: 100%;
}
.audio-player .logo {
text-align: center;
margin-bottom: 10px;
}
.audio-player audio {
width: 100%;
outline: none;
border-radius: 0;
}
.audio-player p {
background-color: #f4d25b;
color: #1d4c5c;
font-size: 16px;
font-weight: bold;
border-radius: 10px;
padding: 10px 15px;
margin-top: 10px;
}
.audio-player p::empty {
display: none;
}
</style>
<script type="text/javascript" src="https://mad-fm.com/assets/js/stream.others.site.js"></script>
<div class="audio-player">
<a target="_blank" href="https://mad-fm.com/">
<img class="logo" src="https://mad-fm.com/assets/images/system/logo.webp" border="0" width="100" height="100" alt="Логотип Mad FM">
</a>
<audio preload="none" controls="">
<source src="https://globalic.stream:1305/stream" type="audio/mpeg">
</audio>
<p id="stream-mad-fm"></p>
</div>
Посилання на аудіопотоки
64kpbs:
https://globalic.stream:1415/stream
128kpbs:
https://globalic.stream:1440/stream
320kpbs:
https://globalic.stream:1305/stream
Результат:
Karoon - Дощем
Вивести на екран поточну пісню (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"></div>
Результат: