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

9
web/index.html
View File

@@ -6,7 +6,7 @@
<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="./script.js">
<link rel="preload" href="./images/cat-0.png" as="image">
@@ -14,10 +14,6 @@
<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>
<body>
<div class="container">
@@ -43,6 +39,9 @@
<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="./script.js"></script>
</body>

4
web/script.js
View File

@@ -2,8 +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 = document.getElementById("click-audio");
const clickReleaseAudio = document.getElementById("click-release-audio");
const CROSSFADE_DURATION_MS = 5000;
const CROSSFADE_INTERVAL_MS = 20;