A simple web interface that displays the current and upcoming shows on NTS's two channels. Built using vanilla JavaScript and the NTS Radio API.
- Shows current playing show for both NTS channels
- Displays show images, descriptions, and genres when available
- Lists upcoming shows for each channel
- Auto-refreshes every minute
- Indicates replay shows with a badge
- Responsive design
Simply open nts-now-playing.html in a web browser. The page will automatically fetch and display the current shows from NTS Radio's API.
The project uses the NTS Radio API endpoint: https://www.nts.live/api/v2/live
Example response structure (truncated):
{
"results": [
{
"channel_name": "1",
"now": {
"broadcast_title": "DARIA KOLOSOVA w/ Social Vlad",
"start_timestamp": "2024-11-13T01:00:00Z",
"end_timestamp": "2024-11-13T02:00:00Z",
"embeds": {
"details": {
"name": "DARIA KOLOSOVA w/ Social Vlad",
"description": "Daria Kolosova's passion for the depths of electronic music have transformed into her striking versatility and proficiency as an artist. Welcome to her world.",
"genres": [],
"location_long": "Berlin",
"media": {
"picture_medium": "https://media.ntslive.co.uk/resize/400x400/0ab20d37-a879-4bd4-97b7-a3aa2c7445f0_1731369600.jpeg"
}
}
}
},
"next": {
"broadcast_title": "Honey Dijon (R)",
"start_timestamp": "2024-11-13T02:00:00Z",
"end_timestamp": "2024-11-13T03:00:00Z"
}
// ... more upcoming shows
}
// ... channel 2 data
]
}See api_result.json for a full example.
MIT