idiotbox.html - www.codemadness.org - www.codemadness.org saait content files
(HTM) git clone git://git.codemadness.org/www.codemadness.org
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
idiotbox.html (4418B)
---
1 <!DOCTYPE html>
2 <html dir="ltr" lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <meta http-equiv="Content-Language" content="en" />
6 <meta name="viewport" content="width=device-width" />
7 <meta name="keywords" content="www, gopher, youtube, proxy, CGI, CLI" />
8 <meta name="description" content="Idiotbox: Youtube interface" />
9 <meta name="author" content="Hiltjo" />
10 <meta name="generator" content="Static content generated using saait: https://codemadness.org/saait.html" />
11 <title>Idiotbox: Youtube interface - Codemadness</title>
12 <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
13 <link rel="stylesheet" href="print.css" type="text/css" media="print" />
14 <link rel="alternate" href="atom.xml" type="application/atom+xml" title="Codemadness Atom Feed" />
15 <link rel="alternate" href="atom_content.xml" type="application/atom+xml" title="Codemadness Atom Feed with content" />
16 <link rel="icon" href="/favicon.png" type="image/png" />
17 </head>
18 <body>
19 <nav id="menuwrap">
20 <table id="menu" width="100%" border="0">
21 <tr>
22 <td id="links" align="left">
23 <a href="index.html">Blog</a> |
24 <a href="/git/" title="Git repository with some of my projects">Git</a> |
25 <a href="/releases/">Releases</a> |
26 <a href="gopher://codemadness.org">Gopherhole</a>
27 </td>
28 <td id="links-contact" align="right">
29 <span class="hidden"> | </span>
30 <a href="feeds.html">Feeds</a> |
31 <a href="pgp.asc">PGP</a> |
32 <a href="mailto:hiltjo@AT@codemadness.DOT.org">Mail</a>
33 </td>
34 </tr>
35 </table>
36 </nav>
37 <hr class="hidden" />
38 <main id="mainwrap">
39 <div id="main">
40 <article>
41 <header>
42 <h1>Idiotbox: Youtube interface</h1>
43 <p>
44 <strong>Last modification on </strong> <time>2021-12-25</time>
45 </p>
46 </header>
47
48 <p>Idiotbox is a less resource-heavy Youtube interface. For viewing videos it is
49 recommended to use it with <a href="https://mpv.io/">mpv</a> or
50 <a href="https://mplayerhq.hu/">mplayer</a> with
51 <a href="https://youtube-dl.org/">youtube-dl</a> or
52 <a href="https://github.com/yt-dlp/yt-dlp">yt-dlp</a>.</p>
53 <p>For more (up-to-date) information see the <a href="/git/frontends/file/youtube/README.html">README</a> file.</p>
54 <h2>Why</h2>
55 <p>In my opinion the standard Youtube web interface is:</p>
56 <ul>
57 <li>Non-intuitive, too much visual crap.</li>
58 <li>Too resource-hungry, both in CPU and bandwidth.</li>
59 <li>Doesn't work well on simpler (text-based) browsers such as netsurf and links.</li>
60 </ul>
61 <h2>Features</h2>
62 <ul>
63 <li>Doesn't use JavaScript.</li>
64 <li>Doesn't use (tracking) cookies.</li>
65 <li>CSS is optional.</li>
66 <li>Multiple interfaces available: HTTP CGI, command-line, Gopher CGI (gph),
67 this is a work-in-progress.</li>
68 <li>Doesn't use or require the Google API.</li>
69 <li>CGI interface works nice in most browsers, including text-based ones.</li>
70 <li>On OpenBSD it runs "sandboxed" and it can be compiled as a static-linked
71 binary with <a href="https://man.openbsd.org/pledge">pledge(2)</a>,
72 <a href="https://man.openbsd.org/unveil">unveil(2)</a> in a chroot.</li>
73 </ul>
74 <h2>Cons</h2>
75 <ul>
76 <li>Order by upload date is incorrect (same as on Youtube).</li>
77 <li>Some Youtube features are not supported.</li>
78 <li>Uses scraping so might break at any point.</li>
79 </ul>
80 <h2>Clone</h2>
81 <pre><code>git clone git://git.codemadness.org/frontends
82 </code></pre>
83 <h2>Browse</h2>
84 <p>You can browse the source-code at:</p>
85 <ul>
86 <li><a href="https://git.codemadness.org/frontends/">https://git.codemadness.org/frontends/</a></li>
87 <li><a href="gopher://codemadness.org/1/git/frontends">gopher://codemadness.org/1/git/frontends</a></li>
88 </ul>
89 <h2>Download releases</h2>
90 <p>Releases are available at:</p>
91 <ul>
92 <li><a href="https://codemadness.org/releases/frontends/">https://codemadness.org/releases/frontends/</a></li>
93 <li><a href="gopher://codemadness.org/1/releases/frontends">gopher://codemadness.org/1/releases/frontends</a></li>
94 </ul>
95 <h2>View</h2>
96 <p>You can view it here: <a href="https://codemadness.org/idiotbox/">https://codemadness.org/idiotbox/</a></p>
97 <p>For example you can search using the query string parameter "q":
98 <a href="https://codemadness.org/idiotbox/?q=gunther+tralala">https://codemadness.org/idiotbox/?q=gunther+tralala</a></p>
99 <p>The gopher version is here: <a href="gopher://codemadness.org/7/idiotbox.cgi">gopher://codemadness.org/7/idiotbox.cgi</a></p>
100
101 </article>
102 </div>
103 </main>
104 </body>
105 </html>