janishutz/MusicPlayer
1
0
Fork 0
mirror of https://github.com/janishutz/MusicPlayerV2.git synced 2025-11-26 13:24:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

commit to probably rewrite bpm detector

Browse Source
This commit is contained in:
Janis Hutz
2023-11-03 17:25:29 +01:00
parent 4b2ff2c557
commit 5d13e6a9e2
6 changed files with 73 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/client/showcase.html
View File

@@ -8,6 +8,7 @@
<title>Showcase - MusicPlayerV2</title>
<link rel="stylesheet" href="/showcase.css">
<link rel="stylesheet" href="/backgroundAnim.css">
<script src="https://static.janishutz.com/libs/jquery/jquery.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
</head>
<body>
@@ -16,6 +17,7 @@
<div class="current-song">
<span class="material-symbols-outlined fancy-view-song-art" v-if="!playingSong.hasCoverArt">music_note</span>
<img v-else :src="'/getSongCover?filename=' + playingSong.filename" class="fancy-view-song-art">
<progress max="1000" id="progress" :value="progressBar"></progress>
<h1>{{ playingSong.title }}</h1>
<p>{{ playingSong.artist }}</p>
</div>
@@ -42,7 +44,7 @@
<div v-else>
<h1>Loading...</h1>
</div>
<div class="background">
<div class="background" id="background">
<div class="beat"></div>
</div>
<canvas id="canvas"></canvas>