Skip to content

Commit a1881fb

Browse files
wesboswesbos
committed
mux player
0 parents  commit a1881fb

16 files changed

+995
-0
lines changed

‎.gitignore

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Node modules
2+
node_modules/
3+
*.mp4
4+
# Logs
5+
logs
6+
*.log
7+
npm-debug.log*
8+
yarn-debug.log*
9+
yarn-error.log*
10+
11+
# Environment variables
12+
.env
13+
.env.local
14+
.env.development.local
15+
.env.test.local
16+
.env.production.local
17+
18+
# Build output
19+
dist/
20+
build/
21+
22+
# Dependency directories
23+
jspm_packages/
24+
25+
# IDE specific files
26+
.vscode/
27+
.idea/
28+
29+
# Miscellaneous
30+
.DS_Store
31+
Thumbs.db

‎images/Syntax Cover Art.png

2.07 MB
Loading

‎images/applepodcasts-color.svg

+1
Loading

‎images/bluesky-color.svg

+1
Loading

‎images/instagram-color.svg

+1
Loading

‎images/rss-color.svg

+1
Loading

‎images/spotify-color.svg

+1
Loading

‎images/tiktok-color.svg

+1
Loading

‎images/x-color.svg

+1
Loading

‎images/youtube-color.svg

+1
Loading

‎images/youtubeshorts-color.svg

+1
Loading

‎index.html

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Syntax Shorts!</title>
7+
<link rel="stylesheet" href="./style.css" />
8+
<script src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>
9+
<script type="module" src="./shorts.ts"></script>
10+
</head>
11+
<body>
12+
<div class="layout">
13+
<div class="video">
14+
<!-- <video
15+
src="./48 Minutes of Clips.mp4"
16+
playsinline
17+
controls
18+
muted
19+
autoplay
20+
loop
21+
></video> -->
22+
23+
<mux-player
24+
playback-id="x7Hh3ees2Sh8DamED5hYj2jcPNXWppcR"
25+
metadata-video-title="Placeholder (optional)"
26+
metadata-viewer-user-id="Placeholder (optional)"
27+
accent-color="#f5ba41"
28+
autoplay
29+
muted
30+
loop
31+
playsinline
32+
></mux-player>
33+
</div>
34+
<div class="details">
35+
<div class="cover-art">
36+
<img src="./images/Syntax Cover Art.png" alt="Syntax" />
37+
</div>
38+
<div class="socials">
39+
<img src="./images/youtube-color.svg" alt="YouTube" />
40+
<img src="./images/spotify-color.svg" alt="Spotify" />
41+
<img src="./images/applepodcasts-color.svg" alt="Apple Podcasts" />
42+
<img src="./images/x-color.svg" alt="X" />
43+
<img src="./images/tiktok-color.svg" alt="TikTok" />
44+
<img src="./images/instagram-color.svg" alt="Instagram" />
45+
<img src="./images/youtubeshorts-color.svg" alt="YouTube Shorts" />
46+
<img src="./images/rss-color.svg" alt="RSS" />
47+
</div>
48+
</div>
49+
</div>
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)