Drum-n-bass

Drum-n-bass Radio Stations

←
1
2
→

Artist-Song

0:00

0:00

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/7.0.5/mediaelementplayer.min.css" integrity="sha512-7D82/+kVzJhvYhr5k2+TueNVDAoZA4MAklU9vjupYEAnLx97qV3UFZQZgwaD6dPSAEEIiQXBDkK0Wh5BMTUFBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> .radio-widget__image img,.radio-widget__logo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.radio-widget{outline:none}.radio-widget__block{position:relative}.radio-widget .mejs__container{height:80px!important;width: 100% !important;border-radius:12px;border:1px solid rgba(244,244,244,.1);background: #212330;-webkit-box-shadow:none;box-shadow:none;outline:none;overflow:hidden;padding:15px;position:relative}.radio-widget .mejs__controls{height:100%;outline:none;padding:0;display:-webkit-box;background: transparent;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:60px;padding-left:80px}.radio-widget__offer{position:absolute;pointer-events:none;top:50%;z-index:3;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.radio-widget__logo{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px;width:34px;height:34px;border-radius:10px}.radio-widget__image{width:50px;height:50px;border-radius:5px;overflow:hidden}.radio-widget__content{margin-left:70px}.radio-widget__title{font-size:16px;font-style:normal;font-weight:500;line-height:normal;color:#FFF}.radio-widget__text{margin-top:4px;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#fff;}.radio-widget .mejs__playpause-button{cursor:pointer;width:40px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#020309;outline:none}.radio-widget .mejs__playpause-button svg,.radio-widget .mejs__playpause-button span{outline:none}.radio-widget .mejs__playpause-button:hover{background:#FE4401}.radio-widget .mejs__horizontal-volume-slider{display:none!important} </style> <div class="radio-widget"><div class="radio-widget__block"><audio controls src="https://aurahome.org/radoxo/audio/skybeats-hellrazor-mp3.mp3" id="radio-widget"></audio><div class="radio-widget__offer"><div class="radio-widget__image"><img src="https://aurahome.org/radoxo/img/radio-img.png" alt=""></div><div class="radio-widget__content"><div class="radio-widget__title"> Хіт FM</div><div class="radio-widget__text"> Artist - Song</div></div></div><div class="radio-widget__logo"><img src="https://aurahome.org/radoxo/img/logo/icon-orange-black.svg" alt=""></div></div></div>  <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/7.0.5/mediaelement-and-player.min.js" integrity="sha512-ZjSJNNah4veKupXd2MgQ5QFEjF9sKShuRAzH/isJ5AzFMBHGNxSGz/FBkYbmbm/fYohH5hqHb9O74eSspybb5g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script>document.addEventListener('DOMContentLoaded', function() { var audioElement = document.getElementById('radio-widget');var player = new MediaElementPlayer(audioElement, { features: ['playpause', 'volume', '[feature_name]'], success: function(media) { media.addEventListener('loadedmetadata', function() {console.log('loaded');});}});});</script>

<style>.rating-widget{padding:20px;border-radius:12px;border:1px solid rgba(244,244,244,.1);background: #212330;}.rating-widget__offer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rating-widget__image{width:50px;height:50px;overflow:hidden;border-radius:5px;-ms-flex-negative:0;flex-shrink:0;margin-right:15px}.rating-widget__image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rating-widget-list{gap:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rating-widget-list__title{font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:rgba(255,255,255,.7)}.rating-widget-list__title span{font-weight:500;color:#fff;text-decoration:underline}.rating-widget-list__value{margin-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;color: #fff;}.rating-widget-list__value svg{display:block;-ms-flex-negative:0;flex-shrink:0;margin-right:8px}.rating-widget-list__value img{width:12px;-ms-flex-negative:0;flex-shrink:0;margin-right:8px}</style> <div class="rating-widget"><div class="rating-widget__offer"><div class="rating-widget__image"><img src="https://aurahome.org/radoxo/img/radio-img.png" alt=""></div><div class="rating-widget__content"><div class="rating-widget-list"><div class="rating-widget-list__item"><div class="rating-widget-list__title"> Rating</div><div class="rating-widget-list__value"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_598_25810)"><path d="M4.29184 2.04481C5.05202 0.681602 5.43181 0 6 0C6.56819 0 6.94798 0.681602 7.70816 2.04481L7.90495 2.39761C8.12095 2.78521 8.22895 2.97901 8.39694 3.10681C8.56494 3.23461 8.77493 3.28201 9.19492 3.37681L9.57652 3.46321C11.0525 3.79741 11.7899 3.96421 11.9657 4.52881C12.1409 5.09282 11.6381 5.68142 10.6319 6.85802L10.3715 7.16222C10.0859 7.49642 9.94251 7.66382 9.87831 7.87022C9.81411 8.07722 9.83571 8.30042 9.87891 8.74623L9.91851 9.15243C10.0703 10.7226 10.1465 11.5074 9.68691 11.856C9.22732 12.2052 8.53614 11.8866 7.15497 11.2506L6.79678 11.0862C6.40439 10.905 6.20819 10.815 6 10.815C5.7918 10.815 5.59561 10.905 5.20322 11.0862L4.84563 11.2506C3.46386 11.8866 2.77268 12.2046 2.31369 11.8566C1.8535 11.5074 1.9297 10.7226 2.08149 9.15243L2.12109 8.74683C2.16429 8.30042 2.18589 8.07722 2.12109 7.87082C2.05749 7.66382 1.9141 7.49642 1.6285 7.16282L1.36811 6.85802C0.361933 5.68202 -0.140856 5.09342 0.0343402 4.52881C0.210136 3.96421 0.948119 3.79681 2.42408 3.46321L2.80567 3.37681C3.22506 3.28201 3.43446 3.23461 3.60306 3.10681C3.77105 2.97901 3.87905 2.78521 4.09504 2.39761L4.29184 2.04481Z" fill="white"></path></g><defs><clipPath id="clip0_598_25810"><rect width="12" height="12" fill="white"></rect></clipPath></defs></svg>200 </div></div><div class="rating-widget-list__item"><div class="rating-widget-list__title"> In the <span> world</span></div><div class="rating-widget-list__value"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_598_25817)"><path d="M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.00259972 4.80026 -0.11622 6.00665 0.115291 7.17054C0.346802 8.33443 0.918247 9.40352 1.75736 10.2426C2.59648 11.0818 3.66557 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0891 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.8841 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM7.611 3.5H4.389C4.81338 2.66214 5.35592 1.88958 6 1.206C6.64432 1.88939 7.18688 2.66198 7.611 3.5ZM8.011 4.5C8.16467 4.98534 8.2449 5.49093 8.249 6C8.2449 6.50907 8.16467 7.01466 8.011 7.5H3.988C3.83433 7.01466 3.75411 6.50907 3.75 6C3.75411 5.49093 3.83433 4.98534 3.988 4.5H8.011ZM4.7 1.178C4.12383 1.88289 3.64829 2.66435 3.287 3.5H1.6765C2.33943 2.35822 3.42583 1.52388 4.7 1.178ZM1 6C0.999956 5.49118 1.07769 4.98533 1.2305 4.5H2.95C2.82038 4.98957 2.75318 5.49357 2.75 6C2.75318 6.50643 2.82038 7.01043 2.95 7.5H1.2305C1.07769 7.01466 0.999956 6.50882 1 6ZM1.6765 8.5H3.287C3.64829 9.33565 4.12383 10.1171 4.7 10.822C3.42583 10.4761 2.33943 9.64178 1.6765 8.5ZM4.389 8.5H7.611C7.18662 9.33786 6.64408 10.1104 6 10.794C5.35569 10.1106 4.81312 9.33802 4.389 8.5ZM7.3025 10.822C7.87779 10.117 8.35248 9.33551 8.713 8.5H10.3235C9.66116 9.64126 8.57574 10.4755 7.3025 10.822ZM11 6C11 6.50882 10.9223 7.01466 10.7695 7.5H9.05C9.17962 7.01043 9.24682 6.50643 9.25 6C9.24682 5.49357 9.17962 4.98957 9.05 4.5H10.7685C10.9217 4.98528 10.9997 5.49112 11 6ZM8.713 3.5C8.35248 2.66449 7.87779 1.88304 7.3025 1.178C8.57574 1.52446 9.66116 2.35873 10.3235 3.5H8.713Z" fill="white"></path></g><defs><clipPath id="clip0_598_25817"><rect width="12" height="12" fill="white"></rect></clipPath></defs></svg>46 </div></div><div class="rating-widget-list__item"><div class="rating-widget-list__title"> In the <span> country</span></div><div class="rating-widget-list__value"><img src="https://aurahome.org/radoxo/img/flag-ua.png" alt="">10</div></div></div></div></div></div>