https://radioba.ba/urban.php

1<!DOCTYPE html>
2<html lang="bs">
3
4<head>
5    <meta charset="UTF-8">
6
7    <!-- Otvara sajt kao aplikaciju bez adresne trake na telefonima i računarima (PWA mod) -->
8    <meta name="apple-mobile-web-app-capable" content="yes">
9    <meta name="mobile-web-app-capable" content="yes">
10    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
11
12    <title>Radio BA Urban - Uživo</title>
13
14    <style>
15        .hide {
16            display: none;
17        }
18            
19        .myDIV:hover + .hide {
20            display: block;
21            color: red;
22        }
23        .centertitle {
24            border: 0px solid;
25            margin: auto;
26            width: 80%;
27            padding: 15px;
28        }
29        div {text-align: center;}
30
31        /* CSS ZA SIGURNO UKLANJANJE TRI TAČKICE (DOWNLOAD ICON) U BRAUZERIMA */
32        audio::-webkit-media-controls-enclosure {
33            overflow: hidden;
34        }
35        audio::-webkit-media-controls-panel {
36            width: calc(100% + 30px); /* Gura dugme sa tri tačkice van vidljivog okvira */
37        }
38    </style>
39 
40    

40<script>
41        // VLC Prečica
42        function myVLC() {
43            var copyText = document.getElementById("myVLC");
44            copyText.select();
45            copyText.setSelectionRange(0, 99999);
46            navigator.clipboard.writeText(copyText.value);
47            alert("Create file on your desktop called RadioBA-Urban-VLC.m3u, paste the text you just copied into the newly created file.");
48        }
49
50        // Winamp Prečica
51        function myWinamp() {
52            var copyText = document.getElementById("myWinamp");
53            copyText.select();
54            copyText.setSelectionRange(0, 99999);
55            navigator.clipboard.writeText(copyText.value);
56            alert("Create file on your desktop called RadioBA-Urban-Winamp.pls, paste the text you just copied into the newly created file.");
57        }
58
59        // Windows Media Player Prečica
60        function myWMP() {
61            var copyText = document.getElementById("myWMP");
62            copyText.select();
63            copyText.setSelectionRange(0, 99999);
64            navigator.clipboard.writeText(copyText.value);
65            alert("Create file on your desktop called RadioBA-Urban-WMP.asx, paste the text you just copied into the newly created file.");
66        }
67
68        // QuickTime Prečica
69        function myQuickTime() {
70            var copyText = document.getElementById("myQuickTime");
71            copyText.select(); 
72            copyText.setSelectionRange(0, 99999);
73            navigator.clipboard.writeText(copyText.value);
74            alert("Create file on your desktop called RadioBA-Urban-QuickTime.m3u, paste the text you just copied into the newly created file.");
75        }
76    </script>

76
77</head>
78
79<body style="background-color:#3e7261;color:#FFFFFF;">
80
81    <DIV class="container">
82        <DIV>
83            <br/>
84            <a id="promo"><img id="imagine" width="100" height="133" class="center" src="assets/images/dedo_100x133.png"></a>
85        </DIV>
86        <DIV class="artist-preload" style="display: none;"></DIV>
87        <DIV style="text-align: middle" class="onair">
88            <DIV class="artist"><font color="FFFFFF">
89                    <br/>
90                    Radio BA Urban</font>
91            </DIV> 
92            <DIV id="stats"></DIV>
93        </DIV>
94        <DIV class="stats history" style="display: none;"></DIV>
95        
96        <!-- Prikaz trenutne pjesme -->
97        <DIV id="refresh" class="centertitle">
98            <p>Currently Artist - Song: <span id="pjesma">Loading...</span></p>
99        </DIV>
100    </DIV>
101
102    <DIV>
103        <DIV style="float:left; width:5%">&nbsp;</DIV> 
104        <div style="float:left; width:55%">
105            <br/>
106            <!-- HTML5 Plejer sa restrikcijom preuzimanja fajla -->
107            <audio controls="controls" preload="none" autoplay title="Radio BA Urban" controlsList="nodownload">
108                <source src="https://radioba.ba/Radio_BA_Urban" type="audio/mpeg">
109                Your browser does not support the audio element.
110            </audio>
111        </div>
112        <div class="myDIV" style="float:left; width:40%">
113            <br/>
114            <span>&nbsp;&nbsp;Listen in your favourite player</span> 
115        </div>
116        <div class="playlists">
117            <br/><br/><br/>&nbsp;&nbsp;
118            <a href="#" onclick="myVLC()" title="Click to copy RadioBA-Urban-VLC.m3u file content"><img width="22" height="22" src="assets/images/player-vlc-icon.svg"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
119            <a href="#" onclick="myWinamp()" title="Click to copy RadioBA-Urban-Winamp.pls file content"><img width="22" height="22" src="assets/images/player-winamp-icon.svg"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
120            <a href="#" onclick="myWMP()" title="Click to copy RadioBA-Urban-WMP.asx file content"><img width="22" height="22" src="assets/images/player-wmp-icon.svg"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
121            <a href="#" onclick="myQuickTime()" title="Click to copy RadioBA-Urban-QuickTime.m3u file content"><img width="22" height="22" src="assets/images/player-quicktime-icon.svg"></a>
122        </div>
123    </DIV> 
124
125    <!-- Tekstualna polja za eksterne plejere (ISPRAVLJENO: Uklonjen dupli https://) -->
126    <textarea id="myVLC" name="w3review" rows="6" cols="50" style="display: none; visibility: hidden;">
127    [playlist]
128    NumberOfEntries=1
129    File1=https://radioba.ba/Radio_BA_Urban;
130    Title1=Radio BA Urban
131    Length1=-1
132    Version=2"
133    </textarea>
134
135    <textarea id="myWinamp" name="w3review" rows="6" cols="50" style="display: none; visibility: hidden;">
136    [playlist]
137    File1=https://radioba.ba/Radio_BA_Urban
138    Title1=Radio BA Urban
139    Length1=0
140    NumberOfEntries=1
141    Version=2
142    </textarea>
143
144    <textarea id="myWMP" name="w3review" rows="6" cols="50" style="display: none; visibility: hidden;">
145    <asx version="3.0">
146    <entry>
147    <title>Radio BA Urban</title>
148    <ref href="https://radioba.ba/Radio_BA_Urban"/>
149    </entry>
150    </asx>
151    </textarea>
152
153    <textarea id="myQuickTime" name="w3review" rows="6" cols="50" style="display: none; visibility: hidden;">
154    #EXTM3U
155    #EXTINF:0,Radio BA Urban
156    https://radioba.ba/Radio_BA_Urban
157    #EXTINF:1,Radio BA Urban
158    https://radioba.ba/Radio_BA_Urban
159    </textarea>   
160
161    <!-- POZADINSKA SKRIPTA: Poziva zajednički fajl trenutna_pjesma.php sa skretnicom -->
162    

162<script>
163        async function azurirajPjesmu() {
164            try {
165                // DODATO: ?stanica=urban javlja skripti da povuče Urban mount point
166                const odgovor = await fetch('trenutna_pjesma.php?stanica=urban&t=' + new Date().getTime());
167                const podaci = await odgovor.json();
168                
169                if (podaci && podaci.pjesma && podaci.pjesma !== "") {
170                    document.getElementById("pjesma").innerText = podaci.pjesma;
171                } else {
172                    document.getElementById("pjesma").innerText = "Radio BA Urban";
173                }
174            } catch (greska) {
175                console.error("Greška pri povlačenju pjesme:", greska);
176                document.getElementById("pjesma").innerText = "Radio BA Urban";
177            }
178        }
179
180        // Pokreni proceduru odmah čim se stranica učita
181        azurirajPjesmu();
182
183        // Automatski osvežavaj naziv pesme svakih 6 sekundi
184        setInterval(azurirajPjesmu, 6000);
185    </script>

185
186
187</body>
188</html>