Edit readme
This commit is contained in:
Johnnybegood90
@@ -1,123 +1,74 @@
|
|||||||
# 📺 GridTV
|
# 📺 GridTV
|
||||||
|
|
||||||
A lightweight **real-time IPTV TV guide** designed for **Tunarr** and
|
> A real-time IPTV TV guide, built for [Tunarr](https://github.com/chrisbenincasa/tunarr) and any XMLTV/M3U source.
|
||||||
any **XMLTV / M3U source**.
|
|
||||||
|
|
||||||
GridTV displays your EPG in a clean horizontal timeline similar to
|
|
||||||
traditional TV guides, accessible from any browser.
|
|
||||||
|
|
||||||
|
|
||||||
```{=html}
|
---
|
||||||
<p align="center">
|
|
||||||
```
|
|
||||||
`<img src="assets/preview.png" width="75%">`{=html}
|
|
||||||
`<img src="assets/previewmobile.png" width="18%">`{=html}
|
|
||||||
```{=html}
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
```{=html}
|
|
||||||
<p align="center">
|
|
||||||
```
|
|
||||||
`<img src="https://img.shields.io/badge/PHP-8.0+-777BB4?style=flat-square&logo=php&logoColor=white">`{=html}
|
|
||||||
`<img src="https://img.shields.io/badge/Nginx-ready-009639?style=flat-square&logo=nginx&logoColor=white">`{=html}
|
|
||||||
`<img src="https://img.shields.io/badge/license-AGPLv3-blue?style=flat-square">`{=html}
|
|
||||||
```{=html}
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
 
|
||||||
|
|
||||||
# 🌐 Demo
|
---
|
||||||
|
|
||||||
A public demo instance is available:
|
## 🌐 Demo
|
||||||
|
|
||||||
|
A public demo instance is available here:
|
||||||
|
|
||||||
👉 https://guide.demo.johnnybegood.fr/
|
👉 https://guide.demo.johnnybegood.fr/
|
||||||
|
|
||||||
The demo runs with **fake channels and sample XMLTV data** to showcase
|
This demo runs with a sample XMLTV feed and fake channels to showcase the interface.
|
||||||
the interface.
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
---
|
||||||
|
|
||||||
# ✨ Features
|
## ✨ Features
|
||||||
|
|
||||||
GridTV focuses on simplicity and usability.
|
- 🎛️ **Timeline grid** — horizontal EPG-style view with a live "now" indicator
|
||||||
|
- 📱 **Responsive** — optimized list view on mobile
|
||||||
|
- ⏱️ **Live progress bar** on the currently airing program
|
||||||
|
- 🕶️ **Past programs** automatically dimmed
|
||||||
|
- 📋 **Hover tooltip** — title, synopsis, season/episode, schedule, duration
|
||||||
|
- 🔗 **One-click copy** buttons for EPG & M3U URLs in the topbar
|
||||||
|
- ⚙️ **Guided setup** on first launch — no config files to edit manually
|
||||||
|
- 🔄 **Auto-reload** EPG every 30 minutes
|
||||||
|
- 0️⃣ **Zero dependencies** — vanilla PHP + nginx, that's it
|
||||||
|
|
||||||
## Interface
|
---
|
||||||
|
|
||||||
- Timeline grid similar to classic EPG interfaces\
|
## 🚀 Installation
|
||||||
- Horizontal scrolling with a live **"Now" indicator**
|
|
||||||
- **Past programs automatically dimmed**
|
|
||||||
- **Live progress bar** on currently airing program
|
|
||||||
- **Hover tooltip** with full program details
|
|
||||||
|
|
||||||
## Mobile
|
### Requirements
|
||||||
|
|
||||||
- Responsive layout
|
- A web server running **PHP 8.0+** with **php-fpm**
|
||||||
- Automatic switch to **list view on mobile**
|
- **Nginx** (or Apache)
|
||||||
|
- An **EPG source in XMLTV format** (e.g. Tunarr, Jellyfin, xTeVe...)
|
||||||
|
- *(Optional)* An **M3U playlist**
|
||||||
|
|
||||||
## Convenience
|
---
|
||||||
|
|
||||||
- One-click **copy buttons** for EPG and M3U URLs
|
### 1. Clone the repo
|
||||||
- **Automatic EPG refresh** every 30 minutes
|
|
||||||
- **Guided setup on first launch**
|
|
||||||
|
|
||||||
## Architecture
|
```bash
|
||||||
|
|
||||||
- Zero dependencies
|
|
||||||
- Pure **PHP + HTML + JS**
|
|
||||||
- Works behind **nginx or apache**
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# 🧩 Compatibility
|
|
||||||
|
|
||||||
GridTV parses the standard **XMLTV format** and works with any
|
|
||||||
compatible source.
|
|
||||||
|
|
||||||
Tested with:
|
|
||||||
|
|
||||||
- Tunarr
|
|
||||||
- xTeVe
|
|
||||||
- Jellyfin Live TV
|
|
||||||
- Any XMLTV-compliant generator
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# 🚀 Installation
|
|
||||||
|
|
||||||
## Requirements
|
|
||||||
|
|
||||||
- PHP **8.0+** with **php-fpm**
|
|
||||||
- nginx or apache
|
|
||||||
- An **XMLTV EPG source**
|
|
||||||
- Optional **M3U playlist**
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
## 1. Clone the repository
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
git clone https://github.com/Johnnybegood90/GridTV.git /var/www/gridtv
|
git clone https://github.com/Johnnybegood90/GridTV.git /var/www/gridtv
|
||||||
cd /var/www/gridtv
|
cd /var/www/gridtv
|
||||||
```
|
```
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
---
|
||||||
|
|
||||||
## 2. Set permissions
|
### 2. Set permissions
|
||||||
|
|
||||||
The web server must be able to create the configuration file.
|
```bash
|
||||||
|
# The web server needs write access to create config.json during setup
|
||||||
``` bash
|
|
||||||
chmod 775 /var/www/gridtv
|
chmod 775 /var/www/gridtv
|
||||||
chown -R www-data:www-data /var/www/gridtv
|
chown -R www-data:www-data /var/www/gridtv
|
||||||
```
|
```
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
---
|
||||||
|
|
||||||
## 3. Configure nginx
|
### 3. Configure Nginx
|
||||||
|
|
||||||
Example configuration:
|
```nginx
|
||||||
|
|
||||||
``` nginx
|
|
||||||
server {
|
server {
|
||||||
listen 80;
|
listen 80;
|
||||||
server_name guide.your-domain.com;
|
server_name guide.your-domain.com;
|
||||||
@@ -136,46 +87,38 @@ server {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Reload nginx:
|
> 💡 Adjust the PHP version (`php8.2-fpm`) to match the one installed on your server.
|
||||||
|
|
||||||
``` bash
|
```bash
|
||||||
nginx -t && systemctl reload nginx
|
nginx -t && systemctl reload nginx
|
||||||
```
|
```
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
---
|
||||||
|
|
||||||
# ⚙️ First launch
|
### 4. First launch — Setup
|
||||||
|
|
||||||
Open your browser:
|
Open your browser at `http://guide.your-domain.com`.
|
||||||
|
|
||||||
http://guide.your-domain.com
|
GridTV detects the missing config and automatically redirects you to the setup page:
|
||||||
|
|
||||||
GridTV automatically detects the missing configuration and opens the
|
| Field | Description |
|
||||||
**setup page**.
|
|---|---|
|
||||||
|
| **Group name** | Displayed top-left in the topbar (e.g. *MyTV*, *FamilyTV*...) |
|
||||||
|
| **EPG URL (XMLTV)** | Your electronic program guide URL |
|
||||||
|
| **M3U URL** *(optional)* | Your IPTV playlist, for quick copy from the topbar |
|
||||||
|
|
||||||
You will need to provide:
|
Once submitted, `config.json` is created on the server. **The setup page becomes inaccessible.**
|
||||||
|
|
||||||
Field Description
|
---
|
||||||
------------ -----------------------------------
|
|
||||||
Group name Displayed in the interface header
|
|
||||||
EPG URL XMLTV program guide
|
|
||||||
M3U URL Optional IPTV playlist
|
|
||||||
|
|
||||||
Once submitted, **config.json is created automatically**.
|
### 5. Editing the config later
|
||||||
|
|
||||||
The setup page then becomes inaccessible.
|
```bash
|
||||||
|
# Via SSH
|
||||||
------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# 🛠 Editing the configuration later
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
nano /var/www/gridtv/config.json
|
nano /var/www/gridtv/config.json
|
||||||
```
|
```
|
||||||
|
|
||||||
Example configuration:
|
```json
|
||||||
|
|
||||||
``` json
|
|
||||||
{
|
{
|
||||||
"group_name": "MyGroup TV",
|
"group_name": "MyGroup TV",
|
||||||
"epg_url": "http://192.168.0.3:8000/api/xmltv.xml",
|
"epg_url": "http://192.168.0.3:8000/api/xmltv.xml",
|
||||||
@@ -183,54 +126,53 @@ Example configuration:
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
---
|
||||||
|
|
||||||
# ⚙️ Advanced configuration
|
## 📁 Project structure
|
||||||
|
|
||||||
These constants can be adjusted in **index.php**:
|
```
|
||||||
|
gridtv/
|
||||||
``` js
|
├── index.php # The TV guide (redirects to setup if no config found)
|
||||||
const PX_PER_MIN = 5;
|
├── setup.php # First-launch configuration page
|
||||||
const HOURS_BEFORE = 1;
|
├── config.example.json # Config template (copy to config.json and fill in)
|
||||||
const HOURS_AFTER = 3;
|
├── .gitignore # config.json excluded from the repo
|
||||||
const ROW_H = 80;
|
└── README.md
|
||||||
```
|
```
|
||||||
|
|
||||||
Meaning:
|
> `config.json` is listed in `.gitignore` — your private URLs will never be pushed to GitHub.
|
||||||
|
|
||||||
- PX_PER_MIN → zoom level of the timeline\
|
---
|
||||||
- HOURS_BEFORE → past hours visible\
|
|
||||||
- HOURS_AFTER → future hours visible\
|
|
||||||
- ROW_H → height of channel rows
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
## ⚙️ Advanced configuration
|
||||||
|
|
||||||
# 📁 Project structure
|
The following constants can be tweaked directly in `index.php`:
|
||||||
|
|
||||||
gridtv/
|
```js
|
||||||
│
|
const PX_PER_MIN = 5; // Horizontal zoom (pixels per minute)
|
||||||
├── index.php
|
const HOURS_BEFORE = 1; // Past hours visible in the grid
|
||||||
├── setup.php
|
const HOURS_AFTER = 3; // Future hours visible in the grid
|
||||||
├── config.example.json
|
const ROW_H = 80; // Channel row height (px)
|
||||||
├── .gitignore
|
```
|
||||||
└── README.md
|
|
||||||
|
|
||||||
`config.json` is ignored by git to prevent leaking private URLs.
|
---
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
## 🧩 EPG Compatibility
|
||||||
|
|
||||||
# 🤝 Contributing
|
GridTV parses the standard **XMLTV format**. Tested with:
|
||||||
|
|
||||||
Pull requests are welcome.
|
- ✅ [Tunarr](https://github.com/chrisbenincasa/tunarr)
|
||||||
|
- ✅ [xTeVe](https://github.com/xteve-project/xTeVe)
|
||||||
|
- ✅ [Jellyfin](https://jellyfin.org/) (via LiveTV plugin)
|
||||||
|
- ✅ Any XMLTV-compliant file
|
||||||
|
|
||||||
Feel free to open issues for:
|
---
|
||||||
|
|
||||||
- bug reports
|
## 🤝 Contributing
|
||||||
- feature requests
|
|
||||||
- improvements
|
|
||||||
|
|
||||||
------------------------------------------------------------------------
|
PRs are welcome! Got an idea, a fix, or a feature request — open an issue or send a PR directly.
|
||||||
|
|
||||||
# 📄 License
|
---
|
||||||
|
|
||||||
GNU Affero General Public License v3 (AGPLv3)
|
## 📄 License
|
||||||
|
|
||||||
|
GNU Affero (AGPLv3)
|
||||||
|
|||||||
Reference in New Issue
Block a user