Icecast-Status is a simple, refreshed UI for Icecast stream status page.
Due to the screen of the original system being old and clunky I used Tailwind CSS and a really simple static site build system to make a status page for my streams. Because I care for an Icecast streaming server and also keep track of its status I wanted a smooth and clean one.
It makes use of the already available status JSON from Icecast servers, then uses AlpineJS to build the table and manage the settings.
So it features simple stuff:
Due to the screen of the original system being old and clunky I used Tailwind CSS and a really simple static site build system to make a status page for my streams. Because I care for an Icecast streaming server and also keep track of its status I wanted a smooth and clean one.
It makes use of the already available status JSON from Icecast servers, then uses AlpineJS to build the table and manage the settings.
So it features simple stuff:
- AlpineJS
- Tailwind CSS
- Netlify for hosting
- Netlify Lambda functions
- Sharing of Settings from `LocalStorage`
A nice little feature that might not be obvious is the workaround to fetch the status URL for the servers.
Many icecast servers aren't using the SSL option as it usually requires a custom build (it is easy though).
So when you get a status url fetched from an HTTPS page it hits the browsers security policies and drops it... So I made use of the Netlify function as a proxy to keep everything error free :)
GitHub repo: https://github.com/reecem/icecast-status
