jozamudi
9b90be3a10
Root cause of 'eternal spinner': a browser without working hls.js (no MSE, or hls.min.js blocked) threw 'HLS not supported' which the old showStreamError hid UNDER the spinner overlay, and there was no fallback — so the player sat on Loading… forever with no /stream request ever leaving the browser (matched the prod log exactly). - no-hls.js + canPlayType(mpegurl) -> v.src = proxied m3u8, native <video> plays it (iOS < 17 path). Verified: readyState 4, playing, no hls.js at all. - no-hls.js + no native HLS -> VISIBLE 'Stream error: ...' overlay with Retry (was: hidden under the spinner) - every play() catch routes through the visible overlay now Desktop hls.js regression: still plays. assets v=6.
36 lines
1.6 KiB
HTML
36 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>ani-web</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23f97316'/%3E%3Ctext x='32' y='45' font-family='sans-serif' font-size='42' font-weight='700' text-anchor='middle' fill='%230e0f13'%3Ea%3C/text%3E%3C/svg%3E">
|
|
|
|
<link rel="stylesheet" href="style.css?v=6">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a class="logo" href="/">ani-web</a>
|
|
<form onsubmit="const q=document.getElementById('q').value.trim(); if(q) location='?q='+encodeURIComponent(q); return false">
|
|
<input id="q" placeholder="search anime…" autocomplete="off" autocapitalize="off" spellcheck="false">
|
|
</form>
|
|
<span id="me" class="muted"></span>
|
|
<div id="menubox" style="display:none">
|
|
<button id="menu" class="tiny" aria-label="menu" aria-haspopup="true">☰</button>
|
|
<div id="menu-items">
|
|
<a id="stats" class="tiny" href="?stats">stats</a>
|
|
<button id="logout" class="tiny">logout</button>
|
|
<button id="delacct" class="tiny danger">delete account</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main id="main"><p class="muted">Search for an anime to get started.</p></main>
|
|
<div id="toasts" aria-live="polite"></div>
|
|
<!-- ponytail: bump ?v= whenever app.js/style.css change — they are cached
|
|
max-age=300 in browser AND possibly in your HTTPS proxy, and a stale
|
|
copy is exactly how users keep seeing an old UI after a deploy -->
|
|
<script src="hls.min.js"></script>
|
|
<script src="app.js?v=6"></script>
|
|
</body>
|
|
</html>
|