https://github.com/digitalmalayali/radiohub
A free, open-source web template to create an online radio directory.
https://github.com/digitalmalayali/radiohub
lightweight lit lit-element lit-html lit-html-template online-radio pwa radio radio-directory radio-station shoelace shoelace-style shoelace-template template web-components web-template
Last synced: 3 months ago
JSON representation
A free, open-source web template to create an online radio directory.
- Host: GitHub
- URL: https://github.com/digitalmalayali/radiohub
- Owner: digitalmalayali
- License: mit
- Created: 2024-09-08T12:04:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-27T21:12:27.000Z (6 months ago)
- Last Synced: 2025-01-13T08:11:55.566Z (5 months ago)
- Topics: lightweight, lit, lit-element, lit-html, lit-html-template, online-radio, pwa, radio, radio-directory, radio-station, shoelace, shoelace-style, shoelace-template, template, web-components, web-template
- Language: HTML
- Homepage: https://digitalmalayali.github.io/Radiohub/
- Size: 152 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Radiohub
A free, easy-to-use, simple and minimal web template built with [Shoelace](https://shoelace.style/), designed for creating a radio directory.
## Features
- 😊 Create your own radio directory - just add station details and streaming URL!
- 🔽 PWA support - install as a web app on any device!
- 📻 Stream stations without leaving the directory!
- ⚡ Uses [Shoelace](https://shoelace.style/), a powerful web component library!
- 😍 Country flags are powered by [Flag Icons](https://github.com/lipis/flag-icons)!
## Usage
The first step is to click the **Use this template** button above the file list to create a new repository.
### Add station name, website and description
Make sure to keep the description short, with 10-13 words. Go to [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L47-L52) file and find `header`:
```html
Radio Digital Malayali
A 24/7 Indian lo-fi music web radio initiative by Digital Malayali.
```
### Add station logo
Add a logo at a minimum size of 80 pixels in a 1:1 ratio to the [assets](assets) folder. In [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L39-L45) file, find `img` tag:
```html
Play
```
### Add country, language and category
Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L53-L57) file. Use the two-letter country code ([ISO 3166-1-alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)) to display flags:
```html
India
Malayalam
Music
```
### Add streaming URL
Find `audio` tag in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L59-L60) file:
```html
```
## Credits
Logo - [Broadcast pin](https://icons.getbootstrap.com/icons/broadcast-pin/) icon from Bootstrap.