From 5d5bcddf6a12a5e0e2534ccd5e767904d21f71e1 Mon Sep 17 00:00:00 2001 From: alevikx <131615202+alevikx@users.noreply.github.com> Date: Wed, 11 Mar 2026 21:46:57 +0530 Subject: [PATCH] Update sequence.js --- kaviraj/v2/main/about/sequence.js | 57 ++++++++++++++++++++++++------- 1 file changed, 45 insertions(+), 12 deletions(-) diff --git a/kaviraj/v2/main/about/sequence.js b/kaviraj/v2/main/about/sequence.js index 42d7986b..9cb50f91 100644 --- a/kaviraj/v2/main/about/sequence.js +++ b/kaviraj/v2/main/about/sequence.js @@ -121,19 +121,52 @@ if (window.innerWidth >= 803) { setTimeout(() => { document.querySelector('.k-preloader-progress-track').classList.add('hide'); }, 250); - setTimeout(() => { - //document.querySelector('.k-preloader .k-stroke-button').classList.remove('hide'); - gsap.to(".k-preloader[data-sprite]", - {ease: "none", duration: 2, - onUpdate() {const el = this.targets()[0]; el._spriteSetProgress?.((this.progress()));}, - onComplete: () => {document.querySelector(".k-preloader")?.remove(); gsap.set(".ka-background-frame-container", {x: "0vw"});} - } - ); - }, 1000); - - if (window.ScrollTrigger) ScrollTrigger.refresh(); + setTimeout(() => { + document.querySelector('.k-preloader .k-stroke-button').classList.remove('hide'); + }, 1000); + + + //[START] AUDIO [START]// + const audio = new Audio('https://teamepyc.github.io/cdn/kaviraj/v2/sound.mp3'); + audio.preload = 'auto'; + audio.loop = true; + let isPlaying = false; + + function toggleSound() { + if (isPlaying) { + audio.pause(); + isPlaying = false; + soundToggleButton.classList.add('paused'); + } else { + audio.play(); + isPlaying = true; + soundToggleButton.classList.remove('paused'); + } + } + const soundToggleButton = document.querySelector('.k-nav-sound'); + soundToggleButton.addEventListener('click', () => { + toggleSound(); + }); + + const loaderButton = document.querySelector('.k-stroke-button.loader'); + loaderButton.addEventListener('click', () => { + toggleSound(); + gsap.to(".k-preloader[data-sprite]", + {ease: "none", duration: 2, + onUpdate() {const el = this.targets()[0]; el._spriteSetProgress?.((this.progress()));}, + onComplete: () => {document.querySelector(".k-preloader")?.remove(); gsap.set(".ka-background-frame-container", {x: "0vw"});} + } + ); + }); + //[END] AUDIO [END]// + + + if (window.ScrollTrigger) ScrollTrigger.refresh(); + } + + loadVideo(VIDEO_URL); -} +}