Fetching audio samples on load so it's faster

Author: Subsussp

homepage.js

@@ -8,6 +8,7 @@ import { ShaderPass } from "https://cdn.jsdelivr.net/npm/three@0.158.0/examples/
 import { VignetteShader } from "./src/jsm/shaders/VignetteShader.js";
 import { DRACOLoader } from 'https://cdn.jsdelivr.net/npm/three@0.158.0/examples/jsm/loaders/DRACOLoader.js';
 import { AfterimagePass } from './src/jsm/postprocessing/AfterimagePass.js';
+import { getAudiofiles } from './src/js/AudioFiles.js';
 gsap.registerPlugin(ScrollTrigger,ScrollSmoother,(gsap.plugins.ScrollToPlugin || ScrollToPlugin));
 const sfx = new (window.AudioContext || window.webkitAudioContext)();
 let buffer;
@@ -1365,6 +1366,7 @@ function animate(time){
         opacity:0,
         duration:2,
     },'<')
+    getAudiofiles()
 
 }else{
   Loadercanvas.remove()
@@ -1389,7 +1391,6 @@ function animate(time){
   updateAudio();
   previousTime = elapsedTime
   // camera.lookAt(new THREE.Vector3(0,activecamera.position.y ,0))
-
   if(config.transition){
     if(statue.position.x < -space){
       statue.position.x = space

index.html

@@ -162,6 +162,7 @@
   font-family: 'MyCustomFont';
   src: url('fonts/DisplayNarrowExtraLight.woff2') format('woff2');
   font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: 'MyCustomFont1';

src/js/AudioFiles.js

@@ -0,0 +1,25 @@
+import * as THREE from 'three';
+
+const audioLoader = new THREE.AudioLoader();
+
+const sampleFiles = {
+  '1': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample1.mp3',
+  '2': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample2.mp3',
+  '3': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample3.mp3',
+  '4': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/Farfromanyroad.mp3',
+  '5': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample5.mp3',
+  '6': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample6.mp3',
+  '7': 'https://cdn.jsdelivr.net/gh/Subsussp/THE@gh-pages/music/sample7.mp3',
+};
+const loadedSamples = {};
+function loadSample(file) {
+  return new Promise(resolve => audioLoader.load(file, resolve));
+}
+function getAudiofiles(){
+  Object.entries(sampleFiles).forEach(([key, path]) => {
+    loadSample(path).then(buffer => {
+      loadedSamples[key] = buffer;
+    });
+  });
+}
+export {loadedSamples,getAudiofiles}