const iframe = document.getElementById("mainframe"); const loadSpeed = 3; let first = false; let play = false; let controlsEnabled = false; let currentPage = "about"; function firstPlay(){ if(first) return; document.getElementById("music-player").style.bottom = "0"; music.volume = 0.1; controlsEnabled = true; playPause(false, page_tracks[currentPage]); first = true; } function loadIFrame(callback){ iframe.contentWindow.start_loading(speed=loadSpeed, not_allowed, callback); } function firstClickPlay(element) { const overlay = document.getElementById("overlay"); if(overlay) { overlay.remove(); // load this window hide_all(); start_loading(speed=loadSpeed, not_allowed, () => { loadIFrame(firstPlay) }); } click1 = clickAudio1 || parent.clickAudio1; click2 = clickAudio2 || parent.clickAudio2; playAudio(click1) element.onmousedown = () => playAudio(click1); element.onmouseup = () => playAudio(click2); } function frameLoadedCallback() { controlsEnabled = true; playPause(!play, page_tracks[currentPage]); } function goToPage(page) { if (!controlsEnabled || currentPage == page) return music.pause() controlsEnabled = false; iframe.src = "pages/" + page + ".html"; iframe.onload = () => { loadIFrame(frameLoadedCallback); }; currentPage = page; }