diff --git a/public/app.js b/public/app.js index 454def4..57d458a 100644 --- a/public/app.js +++ b/public/app.js @@ -6,12 +6,12 @@ const JW_HLS = id => `https://cdn.jwplayer.com/manifests/${id}.m3u8`; const JW_POSTER = id => `https://cdn.jwplayer.com/v2/media/${id}/poster.jpg?width=1280`; const CHANNELS = [ - { key: 'one', name: 'One Music TV', color: '#a84d7e', logo: '/logos/one_mt_neg_b.png', alt: 'logo of One', jw: 'CBM2fSnV', live: 'https://oneapp.b-cdn.net/master.m3u8' }, - { key: 'zwei', name: 'Zwei Music TV', color: '#f36700', logo: '/logos/zwei_neg_b.png', alt: 'logo of Zwei', jw: 'LZVUn3Qy', live: 'https://zweiapp.b-cdn.net/master.m3u8' }, - { key: 'mt', name: 'Folx Music TV', color: '#C43651', logo: '/logos/mt_neg_b.png', alt: 'logo of Folx Music',jw: 'UYU6dx3Q', live: 'https://folxapp.b-cdn.net/master.m3u8' }, - { key: 'adria', name: 'Adria Music TV', color: '#30a6d1', logo: '/logos/adria_neg_b.png', alt: 'logo of Adria', jw: 'lI4SC7Do', live: 'https://adriaapp.b-cdn.net/master.m3u8' }, - { key: 'folx-slo', name: 'Folx Slovenija', color: '#a8b539', logo: '/logos/folx_slo_neg_b.png', alt: 'logo of Folx Slovenija', jw: 'aoCWwwSg', live: 'https://folxsloapp.b-cdn.net/master.m3u8' }, - { key: 'one-adria', name: 'One Adria Music TV', color: '#a84d7e', logo: '/logos/one_neg_b.png', alt: 'logo of One Adria', jw: 'IGOSgmvW', live: 'https://oneadriaapp.b-cdn.net/master.m3u8' }, + { key: 'one', name: 'One Music TV', color: '#a84d7e', logo: '/logos/one_mt_neg_b.png', alt: 'logo of One', jw: 'CBM2fSnV', live: 'https://oneapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_one.jpg' } + { key: 'zwei', name: 'Zwei Music TV', color: '#f36700', logo: '/logos/zwei_neg_b.png', alt: 'logo of Zwei', jw: 'LZVUn3Qy', live: 'https://zweiapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_zwei.jpg' } + { key: 'mt', name: 'Folx Music TV', color: '#C43651', logo: '/logos/mt_neg_b.png', alt: 'logo of Folx Music',jw: 'UYU6dx3Q', live: 'https://folxapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_mt.jpg' } + { key: 'adria', name: 'Adria Music TV', color: '#30a6d1', logo: '/logos/adria_neg_b.png', alt: 'logo of Adria', jw: 'lI4SC7Do', live: 'https://adriaapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_adria.jpg' } + { key: 'folx-slo', name: 'Folx Slovenija', color: '#a8b539', logo: '/logos/folx_slo_neg_b.png', alt: 'logo of Folx Slovenija', jw: 'aoCWwwSg', live: 'https://folxsloapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_folx-slo.jpg' } + { key: 'one-adria', name: 'One Adria Music TV', color: '#a84d7e', logo: '/logos/one_neg_b.png', alt: 'logo of One Adria', jw: 'IGOSgmvW', live: 'https://oneadriaapp.b-cdn.net/master.m3u8' },, bg: '/backgrounds/ch_one-adria.jpg' } ]; // Coloured dot per channel (colour taken from the channel's brand colour). @@ -166,9 +166,7 @@ function showVideoPlayer(ch) { document.getElementById('player-area').innerHTML = `
-
- -
+
`; } @@ -195,7 +193,6 @@ function showLoadingOverlay(ch) { el.classList.remove('channelLoading--img'); el.style.backgroundImage = ''; } - const img = el.querySelector('img'); if (img) img.src = ch.logo; } el.style.display = 'flex'; el.style.opacity = '1'; } diff --git a/public/backgrounds/ch_adria.jpg b/public/backgrounds/ch_adria.jpg index de1929f..62494cf 100644 Binary files a/public/backgrounds/ch_adria.jpg and b/public/backgrounds/ch_adria.jpg differ diff --git a/public/backgrounds/ch_folx-slo.jpg b/public/backgrounds/ch_folx-slo.jpg index ce3de63..e615a47 100644 Binary files a/public/backgrounds/ch_folx-slo.jpg and b/public/backgrounds/ch_folx-slo.jpg differ diff --git a/public/backgrounds/ch_mt.jpg b/public/backgrounds/ch_mt.jpg index 9e1fa8d..044d955 100644 Binary files a/public/backgrounds/ch_mt.jpg and b/public/backgrounds/ch_mt.jpg differ diff --git a/public/backgrounds/ch_one-adria.jpg b/public/backgrounds/ch_one-adria.jpg index 7bc821b..97bfe4b 100644 Binary files a/public/backgrounds/ch_one-adria.jpg and b/public/backgrounds/ch_one-adria.jpg differ diff --git a/public/backgrounds/ch_one.jpg b/public/backgrounds/ch_one.jpg index a906093..ee37a5f 100644 Binary files a/public/backgrounds/ch_one.jpg and b/public/backgrounds/ch_one.jpg differ diff --git a/public/backgrounds/ch_zwei.jpg b/public/backgrounds/ch_zwei.jpg index 5cdc67e..274ae41 100644 Binary files a/public/backgrounds/ch_zwei.jpg and b/public/backgrounds/ch_zwei.jpg differ diff --git a/public/styles.css b/public/styles.css index bc3fe3f..bbe8016 100644 --- a/public/styles.css +++ b/public/styles.css @@ -312,7 +312,14 @@ a:hover { border-bottom: 1px solid #313131; } .channelList__channelIcon, .channelList__channelIcon svg, .channelList__channelIcon svg path { transition: all .25s ease; } #random-btn { color: #D91D4A; } -/* channel loading overlay — plain black, channel logo only */ +/* channel loading overlay — plain black fallback */ .channelLoading { background-color: #000; } +/* banner background per channel */ +.channelLoading--img { + background-color: #000; + background-repeat: no-repeat !important; + background-size: cover !important; + background-position: center !important; +}