wip: try prefetch

This commit is contained in:
Hegyi Áron Ferenc
2024-07-23 19:07:56 +02:00
parent 5c19fcc7ab
commit 4858813ee5
2 changed files with 8 additions and 11 deletions

View File

@@ -9,14 +9,13 @@
<link rel="preload" href="./style.css" as="style">
<link rel="modulepreload" href="./bg.js">
<link rel="modulepreload" href="./script.js">
<link rel="preload" href="./audio/click.wav" as="audio">
<link rel="preload" href="./audio/click-release.wav" as="audio">
<link rel="preload" href="./images/eeping-cat.png" as="image">
<link rel="preload" href="./images/cat-0.png" as="image">
<link rel="preload" href="./images/cat-1.png" as="image">
<link rel="preload" href="./images/cat-2.png" as="image">
<link rel="preload" href="./images/cat-3.png" as="image">
<link rel="preload" href="./images/eeping-cat.png" as="image">
<link rel="prefetch" href="./images/cat-1.png" as="image">
<link rel="prefetch" href="./images/cat-2.png" as="image">
<link rel="prefetch" href="./images/cat-3.png" as="image">
<link rel="prefetch" href="./audio/click.wav" as="audio">
<link rel="prefetch" href="./audio/click-release.wav" as="audio">
<link rel="stylesheet" href="./style.css">
</head>

View File

@@ -2,10 +2,8 @@ const playBtn = document.getElementById("play-btn");
const catImg = document.getElementsByClassName("cat")[0];
const volumeSlider = document.getElementById("volume-slider");
const currentVolumeLabel = document.getElementById("current-volume-label");
// const clickAudio = new Audio("./audio/click.wav");
// const clickReleaseAudio = new Audio("./audio/click-release.wav");
const clickAudio = new Audio();
const clickReleaseAudio = new Audio();
const clickAudio = new Audio("./audio/click.wav");
const clickReleaseAudio = new Audio("./audio/click-release.wav");
const CROSSFADE_DURATION_MS = 5000;
const CROSSFADE_INTERVAL_MS = 20;