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

fix: try audio tags

Browse Source
This commit is contained in:
Hegyi Áron Ferenc
2024-07-23 19:52:10 +02:00
parent 4858813ee5
commit 63e67dd2a2
2 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/index.html
View File

@@ -1,23 +1,19 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>infinifi</title> <title>infinifi</title>
<link rel="preload" href="./style.css" as="style"> <link rel="stylesheet" href="./style.css">
<link rel="modulepreload" href="./bg.js"> <link rel="modulepreload" href="./bg.js">
<link rel="modulepreload" href="./script.js"> <link rel="modulepreload" href="./script.js">
<link rel="preload" href="./images/cat-0.png" as="image"> <link rel="preload" href="./images/cat-0.png" as="image">
<link rel="preload" href="./images/eeping-cat.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-1.png" as="image">
<link rel="prefetch" href="./images/cat-2.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="./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> </head>
<body> <body>
<div class="container"> <div class="container">
@@ -43,6 +39,9 @@
<canvas id="bg"></canvas> <canvas id="bg"></canvas>
<audio id="click-audio" preload="auto" src="./audio/click.wav"></audio>
<audio id="click-release-audio" preload="auto" src="./audio/click-release.wav"></audio>
<script type="module" src="./bg.js"></script> <script type="module" src="./bg.js"></script>
<script type="module" src="./script.js"></script> <script type="module" src="./script.js"></script>
</body> </body>

4
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 = document.getElementById("click-audio");
const clickReleaseAudio = new Audio("./audio/click-release.wav"); const clickReleaseAudio = document.getElementById("click-release-audio");
const CROSSFADE_DURATION_MS = 5000; const CROSSFADE_DURATION_MS = 5000;
const CROSSFADE_INTERVAL_MS = 20; const CROSSFADE_INTERVAL_MS = 20;