78 lines
3.1 KiB
JavaScript
78 lines
3.1 KiB
JavaScript
(function () {
|
|
"use strict";
|
|
|
|
var TWITCH_CHANNEL = "duda_xd";
|
|
|
|
/* ------------------------------------------------------------------
|
|
* YouTube: Liest die Datei videos.json, die auf dem Server von
|
|
* fetch_videos.py (einmal am Tag per Cron) mit den aktuellen
|
|
* Video-IDs deines Kanals aktualisiert wird.
|
|
*
|
|
* Dein API-Key ist dabei NIE im Browser - er bleibt komplett auf
|
|
* dem Server versteckt (siehe fetch_videos.py).
|
|
* ------------------------------------------------------------------ */
|
|
function loadYouTube() {
|
|
var grid = document.getElementById("yt-grid");
|
|
if (!grid) return;
|
|
|
|
fetch("videos.json", { cache: "no-cache" })
|
|
.then(function (r) {
|
|
if (!r.ok) throw new Error("HTTP " + r.status);
|
|
return r.json();
|
|
})
|
|
.then(function (ids) {
|
|
if (!Array.isArray(ids) || !ids.length) {
|
|
grid.innerHTML = '<div class="loading">Noch keine Videos vorhanden.</div>';
|
|
return;
|
|
}
|
|
renderYouTubeGrid(ids);
|
|
})
|
|
.catch(function () {
|
|
grid.innerHTML =
|
|
'<div class="loading error">Videos konnten nicht geladen werden.</div>';
|
|
});
|
|
}
|
|
|
|
function renderYouTubeGrid(videoIds) {
|
|
var grid = document.getElementById("yt-grid");
|
|
var html = "";
|
|
for (var i = 0; i < videoIds.length; i++) {
|
|
var id = String(videoIds[i]).trim();
|
|
if (!id) continue;
|
|
html +=
|
|
'<div class="video-card">' +
|
|
'<div class="video-wrapper">' +
|
|
'<iframe src="https://www.youtube.com/embed/' + id +
|
|
'" title="Duda17 Video" ' +
|
|
'frameborder="0" allow="accelerometer; autoplay; clipboard-write; ' +
|
|
'encrypted-media; gyroscope; picture-in-picture; web-share" ' +
|
|
'referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>' +
|
|
'</div>' +
|
|
'</div>';
|
|
}
|
|
grid.innerHTML = html || '<div class="loading">Keine Videos gefunden.</div>';
|
|
}
|
|
|
|
/* ------------------------------------------------------------------
|
|
* Twitch: Live-Player einbetten.
|
|
* ------------------------------------------------------------------ */
|
|
function loadTwitch() {
|
|
var wrap = document.getElementById("twitch-embed");
|
|
if (!wrap) return;
|
|
|
|
var domain = window.location.hostname || "localhost";
|
|
var iframe = document.createElement("iframe");
|
|
iframe.src = "https://player.twitch.tv/?channel=" + TWITCH_CHANNEL +
|
|
"&parent=" + domain + "&muted=true";
|
|
iframe.setAttribute("title", "Twitch Stream");
|
|
iframe.setAttribute("allowfullscreen", "true");
|
|
iframe.setAttribute("scrolling", "no");
|
|
iframe.setAttribute("allow", "autoplay; fullscreen");
|
|
wrap.appendChild(iframe);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
loadYouTube();
|
|
loadTwitch();
|
|
});
|
|
})(); |