Downloaded m4as

2026-09-05 15:27:30 -06:00
commit f7477a4656
19 changed files with 134 additions and 0 deletions
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Happy Ripper</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
+      crossorigin="anonymous"
+    />
+  </head>
+
+  <body>
+    <div class="container">
+      <h2>Request</h2>
+      <form id="rip-form">
+        <div class="mb-3">
+          <input
+            type="text"
+            name="url"
+            id="urlInput"
+            placeholder="https://music.youtube.com/..."
+            class="form-control"
+            required
+          />
+        </div>
+        <button type="submit" class="btn btn-primary">Queue</button>
+      </form>
+    </div>
+
+    <script>
+      document
+        .getElementById("rip-form")
+        .addEventListener("submit", async function (e) {
+          e.preventDefault();
+
+          const formData = new FormData(this);
+
+          const response = await fetch("/rip", {
+            method: "POST",
+            body: formData,
+          });
+
+          const data = await response.json();
+        });
+    </script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>