Primjer dizajna

Ova stranica služi za provjeru tipografije, razmaka i oznaka bez izmjene podataka o postajama. Komponente koriste iste CSS klase kao popisi postaja.

Primjer kartice postaje

Aegean Chill

📍 Cyclades

Glasovi 1,245 Brzina prijenosa 128 kbps ChilloutLoungeAmbient
Oznaka aplikacije Radddio

Athens Rock FM

📍 Attica

Glasovi 987 Brzina prijenosa 192 kbps RockAlternativni
Oznaka aplikacije Radddio

Thessaloniki Beats

📍 Central Macedonia

Glasovi 562 Brzina prijenosa 256 kbps ElectronicDance
Oznaka aplikacije Radddio

Paleta oznaka

Glasovi 9,999 Brzina prijenosa 320 kbps Jazz Govorni program

Primjeri API-ja za trenutačnu pjesmu

Mnoge postaje koriste platforme poput Radio.co ili AzuraCast s jednostavnim JSON sučeljima. Postupak je sljedeći: • dohvatite nowPlayingUrl svakih 10–20 sekundi • prikažite dobiveno ime izvođača i naslov pjesme

Dice Radio

Platforma: Radio.co

URL prijenosa
https://s2.radio.co/s4648f1c61/listen
Adresa za podatke o trenutačnoj pjesmi
https://public.radio.co/station/s4648f1c61/nowplaying

Posljednji odgovor:

Čekanje…

Kyklos

Platforma: AzuraCast

URL prijenosa
https://azuracast.streams.ovh/radio/8120/radio.mp3
Adresa za podatke o trenutačnoj pjesmi
https://azuracast.streams.ovh/api/nowplaying/radiokyklos

Posljednji odgovor:

Čekanje…

Kaseta Radio

Platforma: AzuraCast

URL prijenosa
https://azuracast.streams.gr/listen/kasetaradio/radio.mp3
Adresa za podatke o trenutačnoj pjesmi
https://azuracast.streams.gr/api/nowplaying/kasetaradio

Posljednji odgovor:

Čekanje…

CORS pravila određuje postaja. Ako se pojave pogreške, pristup iz preglednika možda je blokiran i potreban je posrednički poslužitelj.

Napomene o implementaciji

  • ✔️ Koristi .station-list, .station-item, i stilove oznaka iz datoteke global.css.
  • ✔️ Ikone dolaze iz Bootstrap Icons CDN-a, već uključenog u osnovni predložak.
  • ✔️ Nisu potrebne dodatne skripte ni stilovi. Primjer možete ukloniti kada više nije potreban.