index.php (10149B)
1 <!-- SPDX-License-Identifier: AGPL-3.0-or-later
2 SPDX-FileCopyrightText: 2021-2024 JayVii <jayvii[AT]posteo[DOT]de>
3 -->
4
5 <!DOCTYPE html>
6 <html lang="en">
7 <head>
8 <meta charset="utf-8">
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <title>YouTube Videos</title>
11 <link rel="icon" type="image/png" href="/assets/favicon.png">
12 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon_16.png">
13 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon_32.png">
14 <link rel="icon" type="image/png" sizes="64x64" href="/assets/favicon_64.png">
15 <link rel="icon" type="image/png" sizes="128x128" href="/assets/favicon_128.png">
16 <link rel="apple-touch-icon" href="/assets/favicon.png">
17 <link rel="stylesheet" type="text/css" href="/assets/css/simple.min.css"/>
18 <link rel="stylesheet" type="text/css" href="/assets/css/custom.css"/>
19 <script async src="assets/js/yt.js"></script>
20 <link crossorigin="use-credentials" rel="manifest" href="/manifest.json">
21 <meta name="viewport" content="width=device-width, initial-scale=1.0">
22 </head>
23
24 <?php
25
26 /* Comparing function for sorting */
27 function compare_numeric(array $a, array $b, string $col) {
28 return $b[$col] - $a[$col];
29 }
30 function compare_string(array $a, array $b, string $col) {
31 return strcmp(strtolower($a[$col]), strtolower($b[$col]));
32 }
33
34
35 /* Initilise videos template */
36 $video_template = array(
37 "vid" => array(),
38 "title" => array(),
39 "desc" => array(),
40 "time" => array(),
41 "aid" => array(),
42 "author" => array()
43 );
44
45 /* Initilise channels arrays */
46 $channels = array();
47 $channels_list = array();
48
49 /* Initilise videos array */
50 $videos = array();
51
52 // Fetch POST, GET arguments or the COOKIE
53 // Cookie should have lowest priority (fallback), POST first (intend)
54 // GET arguments are used for one-time usage (will not set cookie)
55 if (!is_null($_COOKIE["channels"])) {
56 $channels = explode(",", $_COOKIE["channels"]);
57 }
58 if (!is_null($_POST["channels"])) {
59 $channels = urldecode($_POST["channels"]);
60 $channels = preg_replace('/[^A-Za-z0-9\-\_\,]+/', '', $channels);
61 $channels = explode(",", $channels);
62 }
63 if (!is_null($_GET["channels"])) {
64 $channels = explode(",", $_GET["channels"]);
65 }
66
67 // Sort channels by alphabet and ensure each channel is unique
68 $channels = array_unique($channels);
69
70 /* refresh cookie */
71 if (is_null($_GET["channels"])) {
72 header(
73 "Set-Cookie: " .
74 "channels=" . implode(",", $channels) . ";" .
75 "Max-Age=" . 31536000 . "; " . /* 60 x 60 x 24 x 365 = 1 year */
76 "Domain=" . $_SERVER["SERVER_NAME"] . "; " .
77 "SameSite=Strict;"
78 );
79 }
80
81 for ($i = 0; $i < count($channels); $i++) {
82 $channel = $channels[$i];
83
84 // Fetch Youtube XML Feed
85 $channel_xml = file(
86 "https://www.youtube.com/feeds/videos.xml?channel_id=" . $channel
87 );
88
89 /* Skip to next entry, if channel could not be found */
90 if ($channel_xml === false) {
91 /* Remove entry from channels list */
92 array_splice($channels, $i, 1);
93 /* Skip item within loop */
94 continue;
95 }
96
97 // Replace un-parsable items
98 $channel_xml = str_replace(
99 array("yt:", "media:"),
100 array("yt_", "media_"),
101 $channel_xml
102 );
103
104 // Cast Array to string
105 $channel_xml = implode(PHP_EOL, $channel_xml);
106
107 // Parse XML
108 $channel_xml = simplexml_load_string($channel_xml);
109 $channel_xml = json_encode($channel_xml);
110 $channel_xml = json_decode($channel_xml, true);
111
112 // Get Channel name
113 $author = str_replace(
114 array("&"),
115 "&",
116 $channel_xml["entry"][0]["author"]["name"]
117 );
118
119 /* Fill channels list array */
120 array_push($channels_list, array("aid" => $channel, "author" => $author));
121
122 // Process Entries
123 foreach ($channel_xml["entry"] as $entry) {
124
125 /* Copy video template array */
126 $video = $video_template;
127
128 // Get Video ID
129 $video["vid"] = str_replace(array("yt_video:"), "", $entry["id"]);
130
131 // Get Video Title
132 $video["title"] = str_replace(array("&"), "&", $entry["title"]);
133
134 // Get Video Description
135 $video["desc"] = preg_replace(
136 "/\n+/",
137 "<br>",
138 $entry["media_group"]["media_description"]
139 );
140 if (empty($video["desc"])) {
141 $video["desc"] = "";
142 }
143
144 // Get Time
145 $video["time"] = strtotime($entry["published"]);
146
147 // Get Channel ID
148 $video["aid"] = $channel;
149
150 // Get Channel Name
151 $video["author"] = $author;
152
153 /* check whether indications of a YouTube-Short exist, skip if it is
154 * We assume video is a short if any of the following applies:
155 * has #short/#shorts in the title
156 * has #short #shorts in the description
157 * description only contains #hashtags
158 * has no description at all
159 */
160 $vdesc = explode(" ", $video["desc"]);
161 if (
162 preg_match('/#short(s)*/', $video["title"]) > 0 ||
163 preg_match('/#short(s)*/', $video["desc"]) > 0 ||
164 preg_grep('/^(#|$)/', $vdesc) == $vdesc ||
165 strlen($video["desc"]) == 0
166 ) {
167 continue;
168 }
169
170 /* Add video to videos array */
171 array_push($videos, $video);
172
173 }
174
175 }
176
177 /* Sort videos and channels arrays */
178 function cmp_time(array $a, array $b) {
179 return compare_numeric($a, $b, "time");
180 }
181 function cmp_name(array $a, array $b) {
182 return compare_string($a, $b, "author");
183 }
184 usort($videos, "cmp_time");
185 usort($channels_list, "cmp_name");
186
187 ?>
188
189 <body>
190
191 <header>
192 <nav>
193 <a href="/">All Videos</a>
194 <?php
195 /* For GET-requests, draw simple reload button,
196 * otherwise re-submit channels form
197 */
198 if (is_null($_GET["channels"])) {
199 $jsfun = "document.getElementById('channel_form').submit();";
200 } else {
201 $jsfun = "window.location.reload();";
202 }
203 ?>
204 <a href="#" onclick="<?php echo $jsfun; ?>">
205 Refresh
206 </a>
207 <a href="https://src.jayvii.de/pub/yt2html" target="_blank">
208 Development
209 </a>
210 </nav>
211 <h1>Videos</h1>
212 </header>
213
214 <form action="https://www.youtube.com/results" method="GET">
215 <input
216 id="searchbar"
217 type="text"
218 id="searchInput"
219 name="search_query"
220 placeholder="Search on YouTube..."
221 >
222 </form>
223
224 <!-- Channels List Form -->
225 <details id="channels">
226 <summary>List of Channels</summary>
227 <form action="/" method="POST" id="channel_form">
228 <details>
229 <summary>Import / Export</summary>
230 <p>
231 Please enter the YouTube channel-IDs you want to check here, each
232 separated with a <code>,</code>:
233 </p>
234 <input
235 name="channels"
236 type="text"
237 value="<?php echo implode("," . PHP_EOL, $channels); ?>"
238 >
239 <input type="submit" value="Save & Reload">
240 </details>
241 <div id="channels_list">
242 <?php
243 /* Draw Input fields for each channel ID */
244 for ($i = 0; $i < count($channels_list); $i++) {
245 ?>
246 <label for="channel_<?php echo $i; ?>">
247 <?php
248 if ($channels_list[$i]["author"] != "") {
249 echo "<a href=\"/?channels=" . $channels_list[$i]["aid"] .
250 "\" target=\"_blank\">" . $channels_list[$i]["author"] .
251 "</a>";
252 } else {
253 echo "<mark class=\"error\">Error</mark>";
254 }
255 ?>
256 </label>
257 <input
258 name="channel_<?php echo $i; ?>"
259 class="channels_input"
260 type="text"
261 value="<?php echo $channels_list[$i]["aid"]; ?>"
262 oninput="yt2html_update_channels_list();"
263 >
264 <?php
265 }
266 ?>
267 <!-- Draw one empty input field for new entry by the user -->
268 <label for="channel_<?php echo ($i); ?>">
269 <mark>Add a new channel here</mark>
270 </label>
271 <input
272 name="channel<?php echo ($i); ?>"
273 class="channels_input"
274 type="text"
275 oninput="yt2html_update_channels_list();"
276 >
277 </div>
278 <!-- Submit Button -->
279 <input type="submit" value="Save & Reload">
280 </form>
281 </details>
282
283 <!-- Video List -->
284 <?php
285 $index = 0;
286 foreach ($videos as $video) {
287
288 /* Stop if 500 videos are listed */
289 if ($index >= 500) {
290 break;
291 }
292 ?>
293 <section id="video_<?php echo $index; ?>">
294
295 <!-- Headline: streamer name -->
296 <h2><?php echo $video["title"]; ?></h2>
297
298 <!-- player Container -->
299 <div class="player_container hidden"></div>
300
301 <!-- Preview Image -->
302 <img
303 id="preview_<?php echo $index; ?>"
304 class="preview"
305 src="https://i4.ytimg.com/vi/<?php echo $video["vid"]; ?>/hqdefault.jpg"
306 loading="lazy"
307 >
308
309 <!-- Video Information -->
310 <div style="width:100%;margin-bottom:0.5em;">
311 <span style="margin-right:0.25em;"><?php echo $video["author"]; ?></span>
312 <span style="margin-left:0.25em;"><?php echo date("Y-m-d, H:i:s", $video["time"]); ?></span>
313 </div>
314
315 <!-- Video Buttons -->
316 <?php $js_args = $index . ",'" . $video["vid"] . "'"; ?>
317 <button onclick="yt2html_toggle_player(<?php echo $js_args; ?>)">
318 Toggle Player
319 </button>
320 <a
321 class="button"
322 href="/?channels=<?php echo $video["aid"]; ?>"
323 >
324 Open Channel
325 </a>
326 <a
327 class="button"
328 href="https://www.youtube.com/watch?v=<?php echo $video["vid"]; ?>"
329 target="_blank"
330 >
331 Open on YouTube
332 </a>
333
334 <!-- Chat Collapsable -->
335 <details>
336 <summary>
337 Description
338 </summary>
339 <?php echo $video["desc"]; ?>
340 </details>
341
342 </section>
343
344 <?php
345
346 $index++;
347
348 }
349
350 ?>
351
352 </body>
353 </html>
