Δείγμα σχεδίασης
Χρησιμοποιήστε αυτή τη σελίδα για έλεγχο τυπογραφίας, αποστάσεων και σημάτων χωρίς αλλαγή των δεδομένων. Τα παρακάτω στοιχεία χρησιμοποιούν τις ίδιες κλάσεις CSS με τις λίστες σταθμών.
Προεπισκόπηση κάρτας σταθμού
Παλέτα σημάτων
Δοκιμές API τρέχοντος τραγουδιού
Πολλοί σταθμοί χρησιμοποιούν πλατφόρμες όπως Radio.co ή AzuraCast, που παρέχουν απλά endpoints JSON. Η διαδικασία είναι απλή: • ανακτήστε το nowPlayingUrl κάθε 10–20 δευτερόλεπτα • ενημερώστε την εμφάνιση με τον καλλιτέχνη και τον τίτλο που επιστράφηκαν
Dice Radio
Πλατφόρμα: Radio.co
- Διεύθυνση μετάδοσης
https://s2.radio.co/s4648f1c61/listen- Endpoint τρέχοντος τραγουδιού
https://public.radio.co/station/s4648f1c61/nowplaying
Τελευταία απόκριση:
Αναμονή…
Kyklos
Πλατφόρμα: AzuraCast
- Διεύθυνση μετάδοσης
https://azuracast.streams.ovh/radio/8120/radio.mp3- Endpoint τρέχοντος τραγουδιού
https://azuracast.streams.ovh/api/nowplaying/radiokyklos
Τελευταία απόκριση:
Αναμονή…
Kaseta Radio
Πλατφόρμα: AzuraCast
- Διεύθυνση μετάδοσης
https://azuracast.streams.gr/listen/kasetaradio/radio.mp3- Endpoint τρέχοντος τραγουδιού
https://azuracast.streams.gr/api/nowplaying/kasetaradio
Τελευταία απόκριση:
Αναμονή…
Οι πολιτικές CORS καθορίζονται από τον σταθμό. Αν εμφανίζονται σφάλματα, το endpoint μπορεί να αποκλείει την πρόσβαση από το πρόγραμμα περιήγησης και να χρειάζεται διακομιστή μεσολάβησης.
Σημειώσεις υλοποίησης
- ✔️ Χρησιμοποιεί ξανά
.station-list,.station-item, και βοηθητικά στυλ σημάτων από το global.css. - ✔️ Εικονίδια από το Bootstrap Icons CDN, που περιλαμβάνεται ήδη στη βασική διάταξη.
- ✔️ Δεν απαιτούνται πρόσθετα σενάρια ή στυλ. Μπορεί να αφαιρεθεί όταν δεν χρειάζεται πλέον.