74 lines
2.5 KiB
HTML
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> |