Initial commit: Flask internet radio player

2026-04-30 17:21:10 +02:00
commit b8fb9de3b1
5 changed files with 501 additions and 0 deletions
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>iRadio</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <div class="player-container">
+    <div class="player-header">
+      <h1>&#127925; iRadio</h1>
+    </div>
+
+    <div class="now-playing">
+      <div class="track-info">
+        <div class="track-title" id="track-title">No track selected</div>
+        <div class="track-index" id="track-index"></div>
+      </div>
+    </div>
+
+    <audio id="audio-player" preload="none"></audio>
+
+    <div class="progress-container">
+      <span id="current-time">0:00</span>
+      <input type="range" id="progress-bar" value="0" min="0" max="100" step="0.1">
+      <span id="duration">0:00</span>
+    </div>
+
+    <div class="controls">
+      <button id="btn-prev" title="Previous">&#9664;&#9664;</button>
+      <button id="btn-play" title="Play/Pause">&#9654;</button>
+      <button id="btn-next" title="Next">&#9654;&#9654;</button>
+      <button id="btn-shuffle" title="Shuffle" class="toggle">&#128256;</button>
+      <button id="btn-repeat" title="Repeat" class="toggle">&#128257;</button>
+    </div>
+
+    <div class="volume-container">
+      <span>&#128264;</span>
+      <input type="range" id="volume" value="80" min="0" max="100">
+    </div>
+
+    <div class="playlist-container">
+      <div class="playlist-header">
+        <span>Playlist</span>
+        <span id="playlist-count"></span>
+      </div>
+      <ul id="playlist"></ul>
+    </div>
+  </div>
+
+  <script src="/static/player.js"></script>
+</body>
+</html>