Player Radoxo (codice copiabile)

Incolla questo codice nel tuo sito per usare il widget Radoxo.

<div class="radoxo-widget-embed" style="max-width:100%;box-sizing:border-box;"><style>@font-face{font-family:"Museo Sans Cyrl 700";src:url("https://radoxo.com/user/fonts-cors/MuseoSansCyrl-700.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans Cyrl 500";src:url("https://radoxo.com/user/fonts-cors/MuseoSansCyrl-500.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Museo Sans Cyrl 300";src:url("https://radoxo.com/user/fonts-cors/MuseoSansCyrl-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}.radoxo-widget-embed{font-family:"Museo Sans Cyrl 500",system-ui,sans-serif}.radoxo-widget-embed a{text-decoration:none!important}.radoxo-widget-embed a:hover{text-decoration:none!important}.widget-player-block--embed{--accent:#2563eb;--accent-hover:#ea256c;--font:"Museo Sans Cyrl 500",system-ui,sans-serif;--font-bold:"Museo Sans Cyrl 700",system-ui,sans-serif;--font-light:"Museo Sans Cyrl 300",system-ui,sans-serif}.radoxo-widget-embed .widget-play-btn{flex:0 0 auto!important;overflow:hidden!important;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.radoxo-widget-embed .widget-player-block:not(.widget-player-block--compact) .widget-play-btn{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important}.radoxo-widget-embed .widget-player-block--compact .widget-play-btn{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}.radoxo-widget-embed .widget-player-block:not(.widget-player-block--compact) .widget-play-btn::before,.radoxo-widget-embed .widget-player-block:not(.widget-player-block--compact) .widget-play-btn.loading::before,.radoxo-widget-embed .widget-player-block:not(.widget-player-block--compact) .widget-play-btn.playing::before{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.radoxo-widget-embed .widget-player-block--compact .widget-play-btn::before,.radoxo-widget-embed .widget-player-block--compact .widget-play-btn.loading::before,.radoxo-widget-embed .widget-player-block--compact .widget-play-btn.playing::before{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}</style><link rel="stylesheet" href="https://radoxo.com/user/css/widgets-page.min.css"><div class="widget-player-block widget-player-block--embed widget-player-block--no-playlist widget-player-block--no-border" id="rwk0ts97pa" data-station-url="https://radoxo.com/it/italy/radioblucloud" data-stream-url="https://stream.radioblu.cloud/stream" data-locale="it" data-api="https://radoxo.com" data-playlist="0" data-top="0"><audio preload="none" hidden aria-hidden="true"></audio><div class="widget-player-block__top widget-player-block__top--settings"><div class="widget-player-preview"><button type="button" class="widget-play-btn" aria-label="Play"></button><a class="widget-preview-link" href="https://radoxo.com/it/italy/radioblucloud" target="_blank" rel="noopener"><div class="widget-preview-img"><img src="https://cdn.radoxo.com/images/italy/radioblucloud.webp" alt="" width="50" height="50" loading="lazy"></div><div class="widget-preview-info"><span class="widget-preview-name">RadioBlu.Cloud</span></div></a></div><div class="widget-player-settings"><div class="widget-change-volume"><button type="button" class="widget-volume" aria-label="Volume"></button><div class="widget-volume-scale"><div class="widget-volume-scale__track"><input type="range" class="widget-volume-input" min="0" max="100" value="80" aria-label="Volume"></div></div></div><a class="widget-logo" href="https://radoxo.com" target="_blank" rel="noopener noreferrer" aria-label="Radoxo - Online Radio"><svg class="widget-logo__svg" width="24" height="24" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><title>Radoxo</title><path class="widget-logo__p1" d="M16.6719 15.4232V30.0649H22.2471V15.4232C22.2471 13.204 24.0517 11.3965 26.2738 11.3965H30.8847V5.82129H26.2738C20.9778 5.82129 16.6719 10.1301 16.6719 15.4232Z"></path><path class="widget-logo__p2" d="M30.2107 1.86081C24.1088 1.2132 17.2614 2.77034 14.2536 8.57005C12.8634 11.195 12.7079 14.4359 12.8144 17.3919C12.8691 20.7739 12.9065 24.153 12.9353 27.5349C10.2125 27.5349 8.00774 25.3129 8.0394 22.5901C8.05955 20.8574 8.08257 19.1246 8.11136 17.3919C8.04516 11.834 9.44975 5.37517 14.4551 2.1544C19.1984 -0.801582 25.4184 -0.536782 30.2107 1.86081Z"></path><path class="widget-logo__p3" d="M0 14.4273V21.2315C0 22.8922 1.34415 24.2364 3.00491 24.2364H5.12907V11.4224H3.00491C1.34415 11.4224 0 12.7665 0 14.4273Z"></path></svg></a></div></div><div class="widget-tracklist-wrap"><ul class="widget-tracklist"></ul></div><div class="widget-top-wrap"><ul class="widget-top-list"></ul></div></div><script src="https://radoxo.com/user/js/widget-embed.min.js" data-api="https://radoxo.com"></script></div></div> Copia codice

Player OnlineRadioBox (codice copiabile)

Incolla questo codice nel tuo sito per usare il widget OnlineRadioBox.

<!--OnlineRadioBox Player widget--> <div class="orbP cmpct" id="orb_player_16c00986a08c7ac7" vlm="1"> <style media="screen"> /* General */ .orbP{position:relative;box-sizing:border-box;overflow:hidden;font-weight:normal;border:1px solid transparent;user-select:none;text-align:left}.orbP br,.orbP>br{display:none!important;}.orbP p,.orbP>p{margin:0!important;padding:0!important;line-height:normal!important;font-size:inherit!important}.orbPh{display:block;position:absolute;z-index:100;top:50%;margin-top:-12px!important;right:10px;width:21px!important;text-decoration:none!important;cursor:pointer}.orbPh>img{margin:0!important;border:none;height:24px!important;-webkit-filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2));filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2))}.orbPt{text-decoration:none!important}.orbPti{float:left;margin:0 10px 0 0!important;vertical-align:top!important;height:48px!important;width:89px!important;border:none!important;border-radius:2px!important;opacity:1!important}.orbPtn{display:block;margin-right:52px;line-height:24px!important;font-size:17px!important;font-weight:bold!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.orbPtt{display:block;margin-right:52px;text-decoration:none!important;line-height:24px!important;font-size:12px!important;opacity:.85;transition:opacity .2s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.orbPtt:hover{opacity:1}.orbPp,.orbPs{float:left!important;margin:0 10px 0 0!important;padding:0!important;height:48px!important;width:48px!important;line-height:48px!important;border-radius:2px!important;border:none!important;text-align:center!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none!important;}.orbPp::before,.orbPs::before{display:inline-block;vertical-align:middle;content:'';width:0;height:0;border-style:solid}.orbPp::before{border-width:16px 0 16px 26px}.orbPs::before{border-width:16px}.orbPp:hover,.orbPs:hover{-webkit-transform:scale(1.087);transform:scale(1.087)}.orbPhc{position:relative!important;box-sizing:border-box!important;padding:10px!important;overflow:hidden} /* Playlist */ .orbPpl{position:relative;overflow:auto;overflow-x:hidden;overflow-y:auto;margin:0!important;padding:0!important;list-style:none!important}.orbPpli{box-sizing:border-box;margin:0!important;padding:0 10px!important;list-style:none!important;background-image:none;float:none!important;height: auto!important}.orbPpli>a,.orbPpli>span{display:block!important;padding:0!important;margin:0!important;height:auto!important;font-weight:normal!important;text-decoration:none!important;line-height:32px!important;font-size:14px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:color .125s;border:none !important;text-align:left!important;}.orbPpli>a:hover,.orbPpli>span:hover{background:transparent!important}.orbPpli>a>time,.orbPpli>span>time{display:inline-block;font-size:12px!important;width:3em!important}.orbPpli+li{border-style:solid!important;border-width:1px 0 0!important} /* Volume */ .orbV{position:absolute;z-index:1!important;width:24px!important;right:48px!important;top:0!important;bottom:0!important;line-height:1!important;overflow:hidden!important;transition:width .3s}.orbV:hover{width:160px!important}.orbVC{position:absolute!important;height:18px!important;left:24px!important;top:50%!important;margin:-9px 0 0 11px!important}.orbVC::after{display:block;content:'';margin-top:4px;width:0;height:0;border-style:solid;border-width:4px 100px 4px 0;opacity:.33}.orbVCs{position:absolute!important;z-index:2!important;top:0!important;width:18px!important;height:18px!important;border-radius:50%!important;cursor:ew-resize!important;box-shadow:0 6px 8px -2px rgba(0,9,18,0.36)}.orbVb{position:absolute!important;width:24px!important;height:24px!important;top:50%!important;left:0!important;margin-top:-12px;white-space:nowrap!important;cursor:pointer;transition:opacity .3s}.orbVb::before{display:inline-block;content:'';vertical-align:middle;width:7px;height:12px}.orbVb::after{display:inline-block;content:'';vertical-align:middle;border-width:12px 12px 12px 0;border-style:solid;height:0;width:0;margin-left:-6px}.orbV:hover .orbVb{opacity:.33!important;cursor:default}.orbVb>._m{display: block!important;width:7px!important;height:18px!important;position:absolute!important;top:50%;margin-top:-9px!important;right:0; overflow: hidden!important;}.orbVb>._m::before{display:block;content:'';position:absolute;right:0;top:50%;width:28px;height:24px;margin-top:-12px;border:1px solid;border-radius:50%}.orbVb>._m::after{display:block;content:'';position:absolute;right:4px;top:50%;width:14px;height:14px;margin-top:-7px;border:1px solid;border-radius:50%} /* Flags*/ .orbF{padding:0 0 10px 10px!important;border-top:1px solid;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-flow:row nowrap!important;flex-flow:row nowrap!important} .orbFl{margin:0!important;padding:0!important;list-style:none!important} .orbFli,.orbFh{display:inline-block!important;vertical-align:top!important;line-height:18px!important;white-space:nowrap!important;margin:10px 7px 0 0!important;padding:0 6px 0 0!important;text-indent:0!important;list-style:none!important;font-size:11px!important;text-align:right} .orbFlif{float:left!important;width:27px!important;height:18px!important;margin-right:5px!important} .orbFhi{position:relative!important;display:inline-block!important;vertical-align:baseline!important;width:8px!important;height:9px!important;margin:0 8px 0 5px!important;border-style:solid!important;border-width:2px 1px 0 1px!important;border-radius:5px 5px 0 0!important;opacity:.5} .orbFhi::before,.orbFhi::after{display:block;content:'';position:absolute;bottom:-2px;width:0;height:3px;border-style:solid;border-width:2px;border-radius:3px} .orbFhi::before{left:-4px}.orbFhi::after{right:-4px} /* Multiselect */ .orbPm{margin:0!important;padding:0!important;list-style:none!important} .orbPmi{position:relative;margin:0!important;padding:10px!important;list-style:none!important;border:dotted rgba(204,204,204,0.5);border-width:1px 0 0;font-size:12px!important;overflow:hidden;white-space:nowrap!important;line-height:1!important;cursor:pointer} .orbPmi::before{display:block;content:'';position:absolute;z-index:1;top:50%;right:10px;margin-top:-8px;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;opacity:.5;filter:alpha(opacity=50);transition:opacity .2s;} .orbPmi:hover::before{opacity:1;filter:alpha(opacity=100)} .orbPmi::after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;width:36px} .orbPmii{display:inline-block;vertical-align:middle;margin-right:10px;width:30px;height:16px;border:none!important;border-radius:2px!important} .orbPmin{display:inline-block;vertical-align:middle;} </style> <style media="screen" id="orb_player_16c00986a08c7ac7_settings">.orbP{background-color:#2f63a0!important}.orbP{border-style:solid;border-color:#2f63a0!important;border-radius:5px}.orbPp,.orbPs{background:#7094bf!important}.orbPp::before{border-color:transparent transparent transparent #ffffff!important}.orbPs::before{border-color:#ffffff!important}.orbPtn,.orbPtt,.orbPtt:hover{color:#ffffff!important}.orbV{background-color:#2f63a0!important;box-shadow:0 0 32px 32px #2f63a0!important}.orbVC::after,.orbVb::after{border-color:transparent #ffffff transparent transparent!important}.orbVb::before,.orbVCs{background:#ffffff!important}.orbVb>._m::before,.orbVb>._m::after{border-color:#ffffff!important}</style> <div class="orbPhc"> <a class="orbPh" href="https://onlineradiobox.com/au/" title="Listen on Online Radio Box!" target="_blank"><img src="//ecdn.onlineradiobox.com/img/wl.svg" alt="Listen on Online Radio Box!"></a> <audio id="orb_player_16c00986a08c7ac7_p" crossorigin="true" style="width:1px;height:1px;overflow:hidden;position:absolute;"></audio> <button class="orbPp" title="Ascolta" country="is" alias="blucloud" stream="1"></button> <a class="orbPt" href="https://onlineradiobox.com/is/blucloud/" target="_blank"> <img class="orbPti" src="//cdn.onlineradiobox.com/img/l/3/155243.v2.png" alt="RadioBlu.Cloud"> <span class="orbPtn">RadioBlu.Cloud</span> </a> <span class="orbPtt" loading="caricamento" playing="in esecuzione" error="errore di riproduzione" not_supported="this browser can't play it" external="Ascolta ora (si apre in popup player)" geo_blocked="Non disponibile nel tuo paese"></span> <div class="orbV"><div class="orbVb"><i class="_m"></i></div><div class="orbVC"><div class="orbVCs" style="left: 100%;"></div></div></div> </div> <script> var orbp_w = orbp_w || { lang: "it-it" }; orbp_w.cmd = orbp_w.cmd || []; orbp_w.apiUrl = "https://onlineradiobox.com"; orbp_w.cmd.push(function() { orbp_w.init("orb_player_16c00986a08c7ac7"); }); var s, t; s = document.createElement('script'); s.type = 'text/javascript'; s.src = "//ecdn.onlineradiobox.com/js/pwidget2.min.235ca64e.js"; t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t); </script> </div> <!--OnlineRadioBox Player widget--> Copia codice