CINXE.COM
Ubuntu Radio - AzuraCast
<!DOCTYPE html> <html lang="en" data-bs-theme=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ubuntu Radio - AzuraCast</title> <script type="module" src="/static/vite_dist/assets/Layout-C2Gcx4OE.js"></script> <script> function ready(callback) { if (document.readyState !== "loading") callback(); else document.addEventListener("DOMContentLoaded", callback); } </script> <link rel="modulepreload" href="/static/vite_dist/bootstrap.esm-BZy605kZ.js" /> <link rel="stylesheet" href="/static/vite_dist/assets/Layout-Cv860oWs.css" /> <link rel="apple-touch-icon" sizes="57x57" href="/static/uploads/browser_icon/57.1678559078.png"> <link rel="apple-touch-icon" sizes="60x60" href="/static/uploads/browser_icon/60.1678559078.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/uploads/browser_icon/72.1678559078.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/uploads/browser_icon/76.1678559078.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/uploads/browser_icon/114.1678559078.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/uploads/browser_icon/120.1678559078.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/uploads/browser_icon/144.1678559078.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/uploads/browser_icon/152.1678559078.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/uploads/browser_icon/180.1678559078.png"> <link rel="icon" type="image/png" sizes="192x192" href="/static/uploads/browser_icon/192.1678559078.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/uploads/browser_icon/32.1678559078.png"> <link rel="icon" type="image/png" sizes="96x96" href="/static/uploads/browser_icon/96.1678559078.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/uploads/browser_icon/16.1678559078.png"> <meta name="msapplication-TileColor" content="#2196F3"> <meta name="msapplication-TileImage" content="/static/uploads/browser_icon/144.1678559078.png"> <meta name="theme-color" content="#2196F3"> <link rel="manifest" href="/public/ubuntu_radio/app.webmanifest"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Ubuntu Radio"> <meta property="og:title" content="Ubuntu Radio"> <meta property="og:url" content="https://www.ubunturadio.com/"> <meta property="og:image" content="https://radio2.eclipse-streaming.co.za/api/nowplaying/ubuntu_radio/art/1742127562.jpg"> <meta property="twitter:card" content="player"> <meta property="twitter:player" content="https://radio2.eclipse-streaming.co.za/public/ubuntu_radio/social"> <meta property="twitter:player:width" content="400"> <meta property="twitter:player:height" content="200"> <link rel="alternate" type="application/json+oembed" href="https://radio2.eclipse-streaming.co.za/public/ubuntu_radio/oembed/json"/> <link rel="alternate" type="text/xml+oembed" href="https://radio2.eclipse-streaming.co.za/public/ubuntu_radio/oembed/xml"/> <link rel="stylesheet" href="/static/vite_dist/assets/SongHistory-Do-ksD99.css" /> <link rel="stylesheet" href="/static/vite_dist/assets/AlbumArt-yLNqwMLk.css" /> <link rel="stylesheet" href="/static/vite_dist/assets/Player-rKzoa2Jr.css" /> <link rel="modulepreload" href="/static/vite_dist/vue-B-dHMJBO.js" /> <link rel="modulepreload" href="/static/vite_dist/SongHistory-BPruyLCa.js" /> <link rel="modulepreload" href="/static/vite_dist/AlbumArt-CBKeBxZN.js" /> <link rel="modulepreload" href="/static/vite_dist/lightbox-BJHiTgc7.js" /> <link rel="modulepreload" href="/static/vite_dist/_plugin-vue_export-helper-DlAUqK2U.js" /> <link rel="modulepreload" href="/static/vite_dist/luxon-CZdxk94s.js" /> <link rel="modulepreload" href="/static/vite_dist/datetime-BTmRqpun.js" /> <link rel="modulepreload" href="/static/vite_dist/usePlayerStore-DETtt5pZ.js" /> <link rel="modulepreload" href="/static/vite_dist/bootstrap.esm-BZy605kZ.js" /> <link rel="modulepreload" href="/static/vite_dist/lodash-BwctMegf.js" /> <link rel="modulepreload" href="/static/vite_dist/useHasModal-BFeXMp8L.js" /> <link rel="modulepreload" href="/static/vite_dist/Loading-B4WK-6A0.js" /> <link rel="modulepreload" href="/static/vite_dist/index-DF748HN0.js" /> <link rel="modulepreload" href="/static/vite_dist/Requests-TUKuARnb.js" /> <link rel="modulepreload" href="/static/vite_dist/DataTable-DjR6QCF2.js" /> <link rel="modulepreload" href="/static/vite_dist/lodash-Bdl6ys83.js" /> <link rel="modulepreload" href="/static/vite_dist/icons-Yf7pfv1X.js" /> <link rel="modulepreload" href="/static/vite_dist/FormMultiCheck-C8kU6V99.js" /> <link rel="modulepreload" href="/static/vite_dist/FormCheckbox-CBrIHDuX.js" /> <link rel="modulepreload" href="/static/vite_dist/useOptionalStorage-CDNq_Z_2.js" /> <link rel="modulepreload" href="/static/vite_dist/Player-DsfbGQ87.js" /> <link rel="modulepreload" href="/static/vite_dist/useShowVolume-C09HnTmI.js" /> <link rel="modulepreload" href="/static/vite_dist/hlsjs-DL814E_v.js" /> <link rel="modulepreload" href="/static/vite_dist/PlayButton-BBXf-FtK.js" /> <link rel="modulepreload" href="/static/vite_dist/useNowPlaying-CMdGuzZV.js" /> <link rel="modulepreload" href="/static/vite_dist/router-DSkQVxVy.js" /> <link rel="modulepreload" href="/static/vite_dist/formatTime-DvDPwXf4.js" /> <link rel="modulepreload" href="/static/vite_dist/MuteButton-jJ6JEhpT.js" /> <link rel="modulepreload" href="/static/vite_dist/Lightbox-CyVEhnVk.js" /> <link rel="modulepreload" href="/static/vite_dist/MinimalLayout-Dj9cT0nW.js" /> <link rel="modulepreload" href="/static/vite_dist/MinimalLayout-Bq5lAqLQ.js" /> <style> body.station-plaas-radio { background: #edecec url (https://eclipse-streaming.co.za/wp-content/uploads/2022/08/Casa-de-Bonos.jpeg) ; background-size: cover; background-attachment: fixed; } # Targeting either dark or light themed pages body.radio1 { background: #edecec url (https://eclipse-streaming.co.za/wp-content/uploads/2022/08/eclipse-radio.jpg) ; background-size: cover; background-attachment: fixed; } html.inside-iframe .radio-player-widget { border: 3px solid red; margin:25px; padding: 25px; } @media only screen and (max-width: 960px) { body.page-minimal .public-page .card { width: calc(100% - 20px); margin-left: none; } .radio-player-widget .radio-controls .radio-control-volume-slider { flex: 1 1 auto; max-width: 72% !important; } .station-zoibi_fm .radio-player-widget .radio-controls { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .station-zoibi_fm .radio-player-widget .now-playing-details { display: unset !important; text-align: center; } .station-zoibi_fm .now-playing-art, ::after, ::before { border-bottom: 1px solid rgba(0,0,0,.12); padding-bottom: 5px; margin-botom: 5px; } .station-zoibi_fm .now-playing-art::after{ content: "\a"; white-space: pre; } .station-zoibi_fm .card { border: 7px solid red; } .station-zoibi_fm body { font-size: 1em; } } .station-zoibi_fm .radio-player-widget .now-playing-details .now-playing-main { flex: 1; } .station-zoibi_fm .page-minimal .public-page .card { width: -webkit-fill-available !important; min-width: 55%; } .station-zoibi_fm .card { background-color: #fff; min-width: 55%; } .station-zoibi_fm .now-playing-art img { min-width: 240px !important; width: 95%; height: 280px; border-radius: 5px; } .station-zoibi_fm .radio-player-widget .now-playing-details h4, h5 { font-size: 1.4rem; } .station-zoibi_fm .radio-player-widget .now-playing-details h5 { font-size: 1.2rem; font-weight: normal; } .station-zoibi_fm .radio-player-widget .now-playing-details .time-display { font-size: 1.5rem; margin-top: 0.25rem; flex-direction: row; align-items: center; display: flex; } .station-zoibi_fm .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; } .station-zoibi_fm .btn-group-sm>.btn, .btn-sm, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-prepend>.btn { font-size: 1rem; padding: 1rem; } .d-table-cell{ color: white;}[data-bs-theme] body.page-minimal { background-image: url('/static/uploads/background.1683801196.jpg'); } </style> <style>[data-bs-theme] body.page-minimal { background-image: url('/static/uploads/ubuntu_radio/background.1699350273.jpg'); }</style></head> <body class="page-minimal page-station-public-player station-ubuntu_radio"> <script> ready(() => { if ('serviceWorker' in navigator) { window.addEventListener('load', function () { navigator.serviceWorker.register('/public/sw.js'); }); } }); </script> <script type="module" src="/static/vite_dist/assets/PublicFullPlayer-8fs9w2J-.js"></script> <script type="text/javascript"> let Vue_PublicFullPlayer; ready(() => { Vue_PublicFullPlayer = window.vueComponent('#public-radio-player', {"enableAdvancedFeatures":true,"locale":"en_US","localeShort":"en","localeWithDashes":"en-US","timeConfig":{},"componentProps":{"stationShortName":"ubuntu_radio","useStatic":true,"useSse":true,"offlineText":"online","showAlbumArt":true,"autoplay":false,"showHls":false,"downloadPlaylistUri":"\/public\/ubuntu_radio\/playlist.pls","stationName":"Ubuntu Radio","enableRequests":false,"requestListUri":"\/api\/station\/12\/requests","customFields":[]}}); }); </script> <script> </script> <script>loadJS("//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js",false); loadJS("//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js",false); var div = document.createElement('div'); var zoibi; zoibi = '<div class="radiobanner"><img src="/static/uploads/ubuntu_radio/album_art.1699349858.jpg" style="max-width:480px; width:100%;"></div>'; div.className = ''; div.id = 'radiobanner'; div.style.cssText = 'max-width: 480px; width: 100%; z-index:99; margin: auto;'; div.innerHTML = zoibi; function loadJS(FILE_URL, async = true) { let scriptEle = document.createElement("script"); scriptEle.setAttribute("src", FILE_URL); scriptEle.setAttribute("type", "text/javascript"); scriptEle.setAttribute("async", async); document.body.appendChild(scriptEle); // success event scriptEle.addEventListener("load", () => { console.log("File loaded") $(document).ready(function(){ console.log('loadedpage'); $('#main').css('padding',0); $('.card').css('margin','50px'); $('.card').wrap('<div class="playerdivbefore" style="max-width:480px;width:100%;"></div>'); $('.card').css('width','100%'); // $('.card').prepend('<div class="playerdivbefore"><img src="/static/uploads/ubuntu_radio/album_art.1699349858.jpg"></div>'); $('.card').prepend(div); // $('<link/>', {rel: 'stylesheet', href: 'https://vjs.zencdn.net/7.2.3/video-js.css'}).appendTo('head'); }); }); // error event scriptEle.addEventListener("error", (ev) => { alert("Error on loading file - " + FILE_URL, ev); }); }</script> <div id="page-wrapper"> <main id="main"> <div id="public-radio-player" class="vue-component">Loading...</div> </main> <footer id="footer" class="footer-alt" role="contentinfo" aria-label="Footer"> Powered by <a href="https://azuracast.com/" target="_blank">AzuraCast</a> </footer> </div> <div class="toast-container position-fixed top-0 end-0 p-3"> </div> </body> </html>