nelle-observer/frontend/public/scripts/sound.js
2024-10-30 19:59:07 -06:00

81 lines
1.9 KiB
JavaScript

const clickSound = new Audio("/assets/sounds/ui/zapsplat_button_click_2.mp3");
const hoverSound = new Audio(
"/assets/sounds/ui/zapsplat_button_click_bright_2.mp3",
);
const phonewaveSound = new Audio(
"/assets/sounds/sciadv/phonewave/phonewave.ogg",
);
const startLeapSound = new Audio(
"/assets/sounds/sciadv/phonewave/begin-leap.ogg",
);
// Sound effects
function PlaySound(soundobj) {
const thisSound = document.getElementById(soundobj);
thisSound.play();
}
function StopSound(soundobj) {
const thisSound = document.getElementById(soundobj);
thisSound.pause();
thisSound.currentTime = 0;
}
const buttons = document.querySelectorAll("button");
const links = document.querySelectorAll("a");
const image = document.querySelectorAll("img");
const phonewave = document.getElementById("phonewave");
// biome-ignore lint/complexity/noForEach: <explanation>
links.forEach((a) => {
a.addEventListener("click", () => {
clickSound.play();
});
/*
a.addEventListener("mouseover", () => {
hoverSound.play();
});
*/
});
// biome-ignore lint/complexity/noForEach: <explanation>
buttons.forEach((button) => {
button.addEventListener("click", () => {
clickSound.play();
});
/*
button.addEventListener("mouseover", () => {
hoverSound.play();
});
button.addEventListener("momouseoutuseover", () => {
hoverSound.stop();
});
*/
});
// biome-ignore lint/complexity/noForEach: <explanation>
image.forEach((button) => {
button.addEventListener("click", () => {
clickSound.play();
});
/*
button.addEventListener("mouseover", () => {
hoverSound.play();
});
button.addEventListener("mouseout", () => {
hoverSound.stop();
});
*/
});
phonewave.addEventListener("click", () => {
phonewaveSound.play();
setTimeout(() => {
startLeapSound.play();
setTimeout(() => {
window.location.href = "https://applianceri.ng/next?host=nelle.observer";
return;
}, 8000);
return;
}, 10000);
});