mux player

syntaxfm · Oct 25, 2024 · a1881fb · a1881fb
commit a1881fb
Show file tree

Hide file tree

Showing 16 changed files with 995 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,31 @@
+# Node modules
+node_modules/
+*.mp4
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Build output
+dist/
+build/
+
+# Dependency directories
+jspm_packages/
+
+# IDE specific files
+.vscode/
+.idea/
+
+# Miscellaneous
+.DS_Store
+Thumbs.db
diff --git a/images/Syntax Cover Art.png b/images/Syntax Cover Art.png
diff --git a/images/applepodcasts-color.svg b/images/applepodcasts-color.svg
diff --git a/images/bluesky-color.svg b/images/bluesky-color.svg
diff --git a/images/instagram-color.svg b/images/instagram-color.svg
diff --git a/images/rss-color.svg b/images/rss-color.svg
diff --git a/images/spotify-color.svg b/images/spotify-color.svg
diff --git a/images/tiktok-color.svg b/images/tiktok-color.svg
diff --git a/images/x-color.svg b/images/x-color.svg
diff --git a/images/youtube-color.svg b/images/youtube-color.svg
diff --git a/images/youtubeshorts-color.svg b/images/youtubeshorts-color.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Syntax Shorts!</title>
+    <link rel="stylesheet" href="./style.css" />
+    <script src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>
+    <script type="module" src="./shorts.ts"></script>
+  </head>
+  <body>
+    <div class="layout">
+      <div class="video">
+        <!-- <video
+          src="./48 Minutes of Clips.mp4"
+          playsinline
+          controls
+          muted
+          autoplay
+          loop
+        ></video> -->
+
+        <mux-player
+          playback-id="x7Hh3ees2Sh8DamED5hYj2jcPNXWppcR"
+          metadata-video-title="Placeholder (optional)"
+          metadata-viewer-user-id="Placeholder (optional)"
+          accent-color="#f5ba41"
+          autoplay
+          muted
+          loop
+          playsinline
+        ></mux-player>
+      </div>
+      <div class="details">
+        <div class="cover-art">
+          <img src="./images/Syntax Cover Art.png" alt="Syntax" />
+        </div>
+        <div class="socials">
+          <img src="./images/youtube-color.svg" alt="YouTube" />
+          <img src="./images/spotify-color.svg" alt="Spotify" />
+          <img src="./images/applepodcasts-color.svg" alt="Apple Podcasts" />
+          <img src="./images/x-color.svg" alt="X" />
+          <img src="./images/tiktok-color.svg" alt="TikTok" />
+          <img src="./images/instagram-color.svg" alt="Instagram" />
+          <img src="./images/youtubeshorts-color.svg" alt="YouTube Shorts" />
+          <img src="./images/rss-color.svg" alt="RSS" />
+        </div>
+      </div>
+    </div>
+  </body>
+</html>