From a16d581f12acd7d14bf1a43706d39610d68d934e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 22 Feb 2026 01:05:29 +0000
Subject: [PATCH 1/3] Initial plan
From 231b347dd409f66242e17128c915419acbd108b7 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 22 Feb 2026 01:15:06 +0000
Subject: [PATCH 2/3] feat: add wakelock.js to prevent screen saver on Fire TV
(Silk Browser)
Co-authored-by: thehack904 <35552907+thehack904@users.noreply.github.com>
---
static/js/wakelock.js | 103 ++++++++++++++++++++++++++++++++++++++++++
templates/guide.html | 4 ++
2 files changed, 107 insertions(+)
create mode 100644 static/js/wakelock.js
diff --git a/static/js/wakelock.js b/static/js/wakelock.js
new file mode 100644
index 0000000..9f75b5b
--- /dev/null
+++ b/static/js/wakelock.js
@@ -0,0 +1,103 @@
+/**
+ * wakelock.js – Prevent the screen saver from appearing on Fire TV (Silk Browser)
+ * and other TV/mobile platforms while the guide page is active and no full-screen
+ * video is playing.
+ *
+ * Strategy:
+ * 1. Try the Screen Wake Lock API (available in Chromium 84+ / modern Silk).
+ * 2. Fall back to an invisible 1×1 canvas-stream video element (the classic
+ * "NoSleep" trick) which also works on Silk / Fire TV and any other
+ * Chromium-based browser that supports captureStream().
+ *
+ * The lock is acquired on page load and re-acquired whenever the page becomes
+ * visible again (e.g. after the user switches back from another Fire TV app).
+ */
+(function () {
+ 'use strict';
+
+ var wakeLockSentinel = null;
+ var noSleepVideo = null;
+
+ // ---------------------------------------------------------------------------
+ // Wake Lock API path
+ // ---------------------------------------------------------------------------
+ function requestWakeLock() {
+ if (!('wakeLock' in navigator)) {
+ startNoSleepVideo();
+ return;
+ }
+ navigator.wakeLock.request('screen').then(function (sentinel) {
+ wakeLockSentinel = sentinel;
+ sentinel.addEventListener('release', function () {
+ wakeLockSentinel = null;
+ });
+ }).catch(function () {
+ // Permission denied or API failed; use the video fallback instead.
+ startNoSleepVideo();
+ });
+ }
+
+ // ---------------------------------------------------------------------------
+ // NoSleep video fallback (canvas-stream, no external file needed)
+ // ---------------------------------------------------------------------------
+ function startNoSleepVideo() {
+ if (noSleepVideo) return; // already running
+
+ var canvas = document.createElement('canvas');
+ canvas.width = 1;
+ canvas.height = 1;
+
+ var video = document.createElement('video');
+ video.setAttribute('muted', '');
+ video.setAttribute('playsinline', '');
+ video.setAttribute('loop', '');
+ video.style.cssText =
+ 'position:fixed;top:-2px;left:-2px;width:1px;height:1px;' +
+ 'opacity:0;pointer-events:none;z-index:-1;';
+
+ // captureStream is available in Chromium (including Silk) and Firefox.
+ if (typeof canvas.captureStream === 'function') {
+ video.srcObject = canvas.captureStream(1);
+ } else {
+ // No captureStream support; nothing more we can do silently.
+ return;
+ }
+
+ document.body.appendChild(video);
+ noSleepVideo = video;
+
+ video.play().catch(function () {
+ // Autoplay was blocked (requires user gesture on some platforms).
+ // Wire up a one-shot user-interaction handler to start it on first input.
+ function onUserGesture() {
+ // Subsequent failures are silently ignored; the video is best-effort.
+ video.play().catch(function () {});
+ document.removeEventListener('click', onUserGesture, true);
+ document.removeEventListener('keydown', onUserGesture, true);
+ document.removeEventListener('touchstart', onUserGesture, true);
+ }
+ document.addEventListener('click', onUserGesture, true);
+ document.addEventListener('keydown', onUserGesture, true);
+ document.addEventListener('touchstart', onUserGesture, true);
+ });
+ }
+
+ // ---------------------------------------------------------------------------
+ // Re-acquire when the page becomes visible again
+ // ---------------------------------------------------------------------------
+ document.addEventListener('visibilitychange', function () {
+ // Only try to (re-)acquire if neither strategy is currently active.
+ if (document.visibilityState === 'visible' && !wakeLockSentinel && !noSleepVideo) {
+ requestWakeLock();
+ }
+ });
+
+ // ---------------------------------------------------------------------------
+ // Kick off on page load
+ // ---------------------------------------------------------------------------
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', requestWakeLock);
+ } else {
+ requestWakeLock();
+ }
+})();
diff --git a/templates/guide.html b/templates/guide.html
index 08b7aa8..2ed1dca 100644
--- a/templates/guide.html
+++ b/templates/guide.html
@@ -569,6 +569,10 @@ Program Info
+
+
+