A simple, homelab video streaming service with current integration for youtube. Just a fun little project I threw together, becuase I wanted to learn how to intergrate FTP's, .m4s, and a video player on the web. It uses Plyr.js for the video player, and there’s not much else to it.

Pre-requisties: Python 3.9+, yt-dlp, ffmpeg

1. Clone this repo:

git clone https://github.com/solarbyte-dev/gridflare

2. Run Script:

python gridflare.py

then you can download as many videos as you want and start server from a TUI

• Grid layout for displaying video thumbnails.
• Clicking a thumbnail opens a video player in fullscreen.
• Video player is fully customizable (play, pause, volume, fullscreen, etc.).
• Responsive; it’ll scale to any screen size (more or less).
• Simple, almost too minimalistic interface.

It’s really simple. I used the Plyr.js library for the video player. script.js reads video.json and fetches the correct image and thumbnail, which is then showed on the website. It's REALLY barebones (for now)

video.json is the file used for thumbnail, and actual video location, along with the id and length (in seconds). And exmaple is:

[
    {
        "id": "50axoidZwE0",
        "title": "Addressing the Creeper Controversy and Hate.",
        "length": 504.151655,
        "thumbnail": "thumbnails/creeper-controversy.webp"
    },
    {
        "id": "uwJPHUkft0A",
        "title": "Blur: 11 Years Later",
        "length": 2685.666395,
        "thumbnail": "thumbnails/blur-activision.webp"
    },
    {
        "id": "xM2pHUelP-0",
        "title": "I Created An Ecosystem",
        "length": 1245.843447,
        "thumbnail": "thumbnails/i-created-a-ecosystem.webp"
    },
    {
        "id": "yUNhVpsWdXM",
        "title": "What makes Open Worlds so... Empty?",
        "length": 489.917823,
        "thumbnail": "thumbnails/what-makes-open-world-so-empty.webp"
    }
]

• More options (like sorting stuff, tags etc)
• An updating script; auto-generating thumbnails
• Add keyboard shortcuts for video controls (because I like mpv too much)
• Add an actual TUI using textual

Licensed under the MIT license