From 7f59c6d27bb1b2c21e27fe0994cf6ae3ae54fb39 Mon Sep 17 00:00:00 2001
From: nmemmert <67961292+nmemmert@users.noreply.github.com>
Date: Wed, 14 Oct 2026 16:06:06 -0400
Subject: [PATCH] Add forward skip to mini player, home-screen app support,
 cover fallback

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 Dockerfile           |   2 +-
 icon-180.png         | Bin 0 -> 2879 bytes
 icon-192.png         | Bin 0 -> 3106 bytes
 icon-512.png         | Bin 0 -> 9914 bytes
 index.html           |  25 +++++++++++++++++--------
 manifest.webmanifest |  15 +++++++++++++++
 server.py            |   9 ++++++++-
 7 files changed, 41 insertions(+), 10 deletions(-)
 create mode 100644 icon-180.png
 create mode 100644 icon-192.png
 create mode 100644 icon-512.png
 create mode 100644 manifest.webmanifest

diff --git a/Dockerfile b/Dockerfile
index dd6814d..e7b6d55 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -3,7 +3,7 @@ FROM python:3.13-slim
 ENV PYTHONUNBUFFERED=1 DATA_DIR=/data PORT=8080
 RUN useradd --system --uid 10001 --home /app app && mkdir /data && chown app /data
 WORKDIR /app
-COPY server.py index.html admin.html ./
+COPY server.py index.html admin.html manifest.webmanifest icon-180.png icon-192.png icon-512.png ./
 USER app
 VOLUME /data
 EXPOSE 8080
diff --git a/icon-180.png b/icon-180.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b60086a0b2cd53481117e8433c5d9473fc2b9a3
GIT binary patch
literal 2879
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

literal 0
HcmV?d00001

diff --git a/icon-192.png b/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a5f3ab1a5a6c761b4e8dab8d6892b84e208c706
GIT binary patch
literal 3106
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
TYUd#KM>rmKv2FO}#HIfL(4^CM

literal 0
HcmV?d00001

diff --git a/icon-512.png b/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8fa484398e81e2dd387c802cc1f7497f0381116
GIT binary patch
literal 9914
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
D#fUa6

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 628ad29..0a57fea 100644
--- a/index.html
+++ b/index.html
@@ -8,11 +8,17 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="Audiobooks">
+<meta name="format-detection" content="telephone=no">
+<link rel="manifest" href="/manifest.webmanifest">
+<link rel="apple-touch-icon" href="/icon-180.png">
 <title>Audiobook Player</title>
 <style>
 :root{--bg:#f6f6f4;--surf:#fff;--surf2:#ececea;--fg:#16161a;--mut:#74747c;--acc:#e8590c;--acc2:#ff8a3d;--bd:rgba(0,0,0,.08);--sh:0 8px 30px rgba(0,0,0,.12)}
 @media(prefers-color-scheme:dark){:root{--bg:#0f0f12;--surf:#1a1a1f;--surf2:#26262d;--fg:#f2f2f4;--mut:#8f8f99;--acc:#ff7a2f;--acc2:#ffb067;--bd:rgba(255,255,255,.08);--sh:0 8px 30px rgba(0,0,0,.5)}}
-*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
+*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
+html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}
+button,a,.card,input[type=range]{touch-action:manipulation}
+button,.card,.ib,.pill{-webkit-user-select:none;user-select:none}
 html,body{margin:0}
 body{background:var(--bg);color:var(--fg);font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
@@ -63,7 +69,7 @@ h2{font-size:18px;margin:26px 0 12px;letter-spacing:-.01em}
 #mini b,#mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #mini span{color:var(--mut);font-size:12.5px}
 #mini .mbar{position:absolute;left:0;bottom:0;height:3px;background:var(--acc);width:0}
-.ib{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex:none}
+.ib{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex:none}
 .ib:hover{background:var(--surf2)}
 .pp{background:var(--acc)!important;color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--acc) 50%,transparent)}
 
@@ -85,7 +91,7 @@ input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;bac
 .times{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;font-variant-numeric:tabular-nums}
 .ctl{display:flex;justify-content:center;align-items:center;gap:18px;margin:14px 0}
 .ctl .ib{width:56px;height:56px;font-size:28px;position:relative}
-.ctl .ib small{position:absolute;font-size:10px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%)}
+.ib small{position:absolute;font-size:10px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%)}
 .ctl .pp{width:76px;height:76px;font-size:34px}
 .opts{display:flex;justify-content:center;gap:10px;margin:6px 0 14px}
 .pill{background:var(--surf);border:1px solid var(--bd);border-radius:99px;padding:8px 16px;font-weight:600;font-size:13.5px}
@@ -133,7 +139,8 @@ a.pill{text-decoration:none;color:var(--fg);display:inline-block}
 
 <div id="mini" class="hide" role="button" aria-label="Open player">
   <img id="mimg" alt=""><div class="meta"><b id="mtitle"></b><span id="msub"></span></div>
-  <button class="ib" id="mback" aria-label="Back 30 seconds"><svg><use href="#i-back"/></svg></button>
+  <button class="ib" id="mback" aria-label="Back 30 seconds"><svg><use href="#i-back"/></svg><small>30</small></button>
+  <button class="ib" id="mfwd" aria-label="Forward 30 seconds"><svg><use href="#i-fwd"/></svg><small>30</small></button>
   <button class="ib pp" id="mplay" aria-label="Play or pause"><svg><use href="#i-play"/></svg></button>
   <div class="mbar" id="mbar"></div>
 </div>
@@ -272,7 +279,8 @@ async function play(b, open) {
   saveProgress();
   current = b;
   $('mini').classList.remove('hide');
-  for (const [i, t] of [['mimg', 'src'], ['bigcov', 'src']]) $(i).src = cover(b);
+  const fallback = 'data:image/svg+xml,' + encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="hsl(${hue(title(b))} 55% 40%)"/><stop offset="1" stop-color="hsl(${hue(title(b)) + 40} 55% 28%)"/></linearGradient></defs><rect width="100" height="100" fill="url(#g)"/><text x="50" y="62" font-size="40" font-family="sans-serif" font-weight="700" text-anchor="middle" fill="#fff">${(title(b)[0] || '?').replace(/[<&]/g, '')}</text></svg>`);
+  for (const i of ['mimg', 'bigcov']) { $(i).onerror = () => { $(i).onerror = null; $(i).src = fallback; }; $(i).src = cover(b); }
   $('fullbg').style.backgroundImage = `url("${cover(b)}")`;
   $('mtitle').textContent = $('ftitle').textContent = title(b);
   $('msub').textContent = $('fsub').textContent = author(b);
@@ -287,7 +295,7 @@ async function play(b, open) {
     const ms = navigator.mediaSession;
     ms.metadata = new MediaMetadata({ title: title(b), artist: author(b), artwork: [{ src: cover(b) }] });
     ms.setActionHandler('seekbackward', () => skip(-30)); ms.setActionHandler('seekforward', () => skip(30));
-    ms.setActionHandler('previoustrack', () => jump(-1)); ms.setActionHandler('nexttrack', () => jump(1));
+    ms.setActionHandler('seekto', e => { audio.currentTime = e.seekTime; });
     ms.setActionHandler('play', () => audio.play()); ms.setActionHandler('pause', () => audio.pause());
   }
 }
@@ -319,7 +327,7 @@ function jump(d) {
 const toggle = () => audio.paused ? audio.play() : audio.pause();
 for (const id of ['play', 'mplay']) $(id).onclick = e => { e.stopPropagation(); toggle(); };
 for (const id of ['back', 'mback']) $(id).onclick = e => { e.stopPropagation(); skip(-30); };
-$('fwd').onclick = () => skip(30); $('pch').onclick = () => jump(-1); $('nch').onclick = () => jump(1);
+for (const id of ['fwd', 'mfwd']) $(id).onclick = e => { e.stopPropagation(); skip(30); }; $('pch').onclick = () => jump(-1); $('nch').onclick = () => jump(1);
 audio.onplay = () => { ico('play', 'pause'); ico('mplay', 'pause'); };
 audio.onpause = () => { ico('play', 'play'); ico('mplay', 'play'); saveProgress(); };
 audio.onended = () => { if (current) setProg(bookId(current), { pos: 0, dur: audio.duration, t: Date.now() }); render(); };
@@ -352,11 +360,12 @@ async function pull() {
   } catch {}
 }
 function saveProgress() { if (current && audio.duration) setProg(bookId(current), { pos: audio.currentTime, dur: audio.duration, t: Date.now() }); }
-let lastSave = 0;
+let lastSave = 0, lastPos = 0;
 audio.ontimeupdate = () => {
   const d = audio.duration || 0, t = audio.currentTime;
   $('seek').max = d || 1; $('seek').value = t; $('seek').style.setProperty('--p', d ? t / d * 100 + '%' : '0%');
   $('mbar').style.width = d ? t / d * 100 + '%' : '0';
+  if (d && 'mediaSession' in navigator && navigator.mediaSession.setPositionState && Date.now() - lastPos > 1000) { lastPos = Date.now(); try { navigator.mediaSession.setPositionState({ duration: d, position: Math.min(t, d), playbackRate: audio.playbackRate }); } catch {} }
   $('cur').textContent = fmt(t); $('left').textContent = '-' + fmt((d - t) / audio.playbackRate);
   if (Date.now() - lastSave > 5000) { lastSave = Date.now(); saveProgress(); }
   let i = -1; chapters.forEach((c, k) => { if (t >= c.start) i = k; });
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 0000000..5ed3388
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,15 @@
+{
+  "name": "Audiobooks",
+  "short_name": "Audiobooks",
+  "description": "Listen to your OpenAudible library",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#0f0f12",
+  "theme_color": "#0f0f12",
+  "icons": [
+    {"src": "/icon-192.png", "sizes": "192x192", "type": "image/png"},
+    {"src": "/icon-512.png", "sizes": "512x512", "type": "image/png"}
+  ]
+}
diff --git a/server.py b/server.py
index d3cb4a9..22af2eb 100644
--- a/server.py
+++ b/server.py
@@ -39,6 +39,10 @@ F_LEGACY = os.path.join(DATA, "progress.json")      # single-user file from the
 COOKIE = "oa_session"
 SESSION_DAYS = 90
 
+# Files the browser fetches without a session (home-screen icon and manifest).
+PUBLIC = {"/manifest.webmanifest": "application/manifest+json", "/icon-180.png": "image/png",
+          "/icon-192.png": "image/png", "/icon-512.png": "image/png"}
+
 # Only read-only endpoints needed for listening are reachable; admin commands/import are not.
 ALLOWED = [re.compile(p) for p in (
     r"^/api/books$",
@@ -153,7 +157,7 @@ def cli(argv):
 # ---------- login page ----------
 LOGIN = """<!doctype html><html lang=en><meta charset=utf-8>
 <meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover">
-<meta name=theme-color content="#0f0f12"><title>Sign in</title>
+<meta name=theme-color content="#0f0f12"><meta name=apple-mobile-web-app-capable content=yes><link rel=manifest href=/manifest.webmanifest><link rel=apple-touch-icon href=/icon-180.png><title>Sign in</title>
 <style>
 :root{color-scheme:light dark;--bg:#f6f6f4;--s:#fff;--fg:#16161a;--m:#74747c;--a:#e8590c;--b:rgba(0,0,0,.1)}
 @media(prefers-color-scheme:dark){:root{--bg:#0f0f12;--s:#1a1a1f;--fg:#f2f2f4;--m:#8f8f99;--a:#ff7a2f;--b:rgba(255,255,255,.1)}}
@@ -217,6 +221,9 @@ class Handler(BaseHTTPRequestHandler):
             return self.send_body(200, LOGIN, "text/html; charset=utf-8")
         if path == "/logout":
             return self.logout()
+        if path in PUBLIC:
+            with open(os.path.join(HERE, path[1:]), "rb") as f:
+                return self.send_body(200, f.read(), PUBLIC[path], [("Cache-Control", "public, max-age=86400")])
         user = self.user()
         if not user:
             return self.deny(path)