Files
WaifuBoard/views/watch.html
2025-11-27 20:23:00 +01:00

74 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">
<title>WaifuBoard Watch</title>
<link rel="stylesheet" href="/views/css/anime/watch.css">
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
<script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
<link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
</head>
<body>
<div class="top-bar">
<a href="#" id="back-link" class="back-btn">
<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
Back to Series
</a>
</div>
<div class="theater-container">
<div class="player-toolbar">
<div class="sd-toggle" id="sd-toggle" data-state="sub" style="display: none;" onclick="toggleAudioMode()">
<div class="sd-bg"></div>
<div class="sd-option active" id="opt-sub">Sub</div>
<div class="sd-option" id="opt-dub">Dub</div>
</div>
<select id="server-select" class="extension-select" style="display:none;" onchange="loadStream()">
</select>
<select id="extension-select" class="extension-select" onchange="onExtensionChange()">
<option value="" disabled selected>Source...</option>
</select>
</div>
<div class="video-wrapper">
<video id="player" controls crossorigin playsinline poster=""></video>
<div id="loading-overlay" class="loading-overlay">
<div class="spinner"></div>
<span id="loading-text">Select a source...</span>
</div>
</div>
<div class="controls-area">
<div class="episode-info">
<h2 id="anime-title">Loading...</h2>
<span id="episode-label">Episode --</span>
</div>
<div class="nav-controls">
<button class="nav-btn" id="prev-btn">
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
Prev
</button>
<button class="nav-btn" id="next-btn">
Next
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7"/></svg>
</button>
</div>
</div>
</div>
<script src="../src/scripts/anime/player.js"></script>
</body>
</html>