kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Small optimizations #1

Merged
Rettend merged 22 commits from kennethnym-main into main 2024-07-24 15:30:46 +01:00
Conversation 4 Commits 22 Files Changed 4 +52 -59
16 changed files with 52 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f73205b720 - Show all commits

10
web/index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>infinifi</title> <title>infinifi</title>
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
@@ -17,8 +17,8 @@
<input id="volume-slider" type="range" min="0" max="100" step="1" /> <input id="volume-slider" type="range" min="0" max="100" step="1" />
</div> </div>
</main> </main>
<img class="cat" src="/images/cat-0.png"></img> <img class="cat" src="./images/cat-0.png"></img>
<img class="eeping-cat" src="/images/eeping-cat.png"></img> <img class="eeping-cat" src="./images/eeping-cat.png"></img>
</div> </div>
<footer> <footer>
@@ -28,7 +28,7 @@
<canvas id="bg"></canvas> <canvas id="bg"></canvas>
<script type="text/javascript" src="/bg.js"></script> <script type="text/javascript" src="./bg.js"></script>
<script type="text/javascript" src="/script.js"></script> <script type="text/javascript" src="./script.js"></script>
</body> </body>
</html> </html>

8
web/script.js
View File

@@ -2,8 +2,8 @@ const playBtn = document.getElementById("play-btn");
const catImg = document.getElementsByClassName("cat")[0]; const catImg = document.getElementsByClassName("cat")[0];
const volumeSlider = document.getElementById("volume-slider"); const volumeSlider = document.getElementById("volume-slider");
const currentVolumeLabel = document.getElementById("current-volume-label"); const currentVolumeLabel = document.getElementById("current-volume-label");
const clickAudio = new Audio("/audio/click.wav"); const clickAudio = new Audio("./audio/click.wav");
const clickReleaseAudio = new Audio("/audio/click-release.wav"); const clickReleaseAudio = new Audio("./audio/click-release.wav");
const CROSSFADE_DURATION_MS = 5000; const CROSSFADE_DURATION_MS = 5000;
const CROSSFADE_INTERVAL_MS = 20; const CROSSFADE_INTERVAL_MS = 20;
@@ -17,7 +17,7 @@ let currentVolume = 0;
function playAudio() { function playAudio() {
// add a random query parameter at the end to prevent browser caching // add a random query parameter at the end to prevent browser caching
currentAudio = new Audio(`/current.mp3?t=${Date.now()}`); currentAudio = new Audio(`./current.mp3?t=${Date.now()}`);
currentAudio.onplay = () => { currentAudio.onplay = () => {
isPlaying = true; isPlaying = true;
playBtn.innerText = "pause"; playBtn.innerText = "pause";
@@ -93,7 +93,7 @@ function animateCat() {
} else { } else {
current += 1; current += 1;
} }
catImg.src = `/images/cat-${current}.png`; catImg.src = `./images/cat-${current}.png`;
}, 500); }, 500);
} }