/ytb

A low-tech youtube

Primary LanguageJavaScriptMIT LicenseMIT

ytb

[WIP] A low-tech youtube.

It is mainly an experiment in an attempt to reduce the environmental impact of this type of video platform and reduce cognitive dependence.

Demo

demo ytb screenshot ytb.bastiencornier.com

Features

The app respect the one page one feature principle.

  • Search a video
  • List videos from search query (10 result max)
  • Play video capped at 480p (720p if 480p not available)
  • And nothing else

Tech

  • Starter is based on : sstnbl
  • Vanilla js and css kepts to minimal
  • For the videos I use the api from invidious instances, I don't host them.

Low Tech Attempts

  • Max request number per page : 6
  • Average request size per page : 43kb (with a budget of 50kb max)
  • HTTP2 server request
  • Favicon is a base64 svg
  • Using only native fonts
  • Very minimalist interface

Getting Started

1. Install dependencies

npm install

Install eleventy

npm i -g eleventy

2. Run Project

build and host locally for local development with watcher

npm run start

build project

npm run build

to debug:

npm run e11:debug