a simple web player for subsonic
tinysub.devins.page
subsonic
navidrome
javascript
feat: pwa support
and icon. i know the icon is terrible i spent 30 seconds on it. ill maybe fix it later
(note: this does *not* add offline support. i dont plan on implementing song caching nor do i really want to, and i'm not even sure if large-scale song caching is possible on the web. this app requires a connection to the server to function)
+20
+2
src/index.html
+2
src/index.html
···
4
4
<meta charset="UTF-8" />
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
<title>tinysub</title>
7
+
<link rel="manifest" href="manifest.json" />
8
+
<link rel="icon" href="static/tinysub.svg" type="image/svg+xml" />
7
9
<link rel="stylesheet" href="css/base.css" />
8
10
<link rel="stylesheet" href="css/components.css" />
9
11
</head>
+17
src/manifest.json
+17
src/manifest.json
···
1
+
{
2
+
"name": "tinysub",
3
+
"start_url": "/",
4
+
"display": "standalone",
5
+
"icons": [
6
+
{
7
+
"src": "static/tinysub-192.png",
8
+
"sizes": "192x192",
9
+
"type": "image/png"
10
+
},
11
+
{
12
+
"src": "static/tinysub-512.png",
13
+
"sizes": "512x512",
14
+
"type": "image/png"
15
+
}
16
+
]
17
+
}
src/static/tinysub-192.png
src/static/tinysub-192.png
This is a binary file and will not be displayed.
src/static/tinysub-512.png
src/static/tinysub-512.png
This is a binary file and will not be displayed.
+1
src/static/tinysub.svg
+1
src/static/tinysub.svg
···
1
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><rect width="32" height="32" fill="url(#a)" rx="2"/><path stroke="#ff3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 26c5.523 0 10-4.477 10-10S21.523 6 16 6 6 10.477 6 16s4.477 10 10 10"/><path stroke="#ff3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/><defs><linearGradient id="a" x1="26.286" x2="5.714" y1="0" y2="32" gradientUnits="userSpaceOnUse"><stop stop-color="#f93"/><stop offset="1" stop-color="#f73"/></linearGradient></defs></svg>
