sure

src/audio/piano-sampler.ts

@@ -4,7 +4,10 @@ import { GardenAudioGraph } from './garden-audio-graph';
 import { ActivePianoVoice, LoadedPianoSample, PianoNote } from './garden-audio-types';
 import { getLoadedPianoSamples, loadPianoSamples } from './piano-samples';
 
+type PianoLoadState = 'idle' | 'loading' | 'loaded';
+
 export class PianoSampler {
+  private loadState: PianoLoadState = 'idle';
   private sampleLoadPromise: Promise<void> | null = null;
   private samples: Array<LoadedPianoSample> = [];
   private activeVoices: Array<ActivePianoVoice> = [];
@@ -15,9 +18,14 @@ export class PianoSampler {
   ) {}
 
   public load(context: BaseAudioContext): Promise<void> {
+    if (this.loadState === 'loaded') {
+      return Promise.resolve();
+    }
+
     const loadedSamples = getLoadedPianoSamples();
     if (loadedSamples) {
       this.setSamples(loadedSamples);
+      this.loadState = 'loaded';
       return Promise.resolve();
     }
 
@@ -25,13 +33,29 @@ export class PianoSampler {
       return this.sampleLoadPromise;
     }
 
-    this.sampleLoadPromise = loadPianoSamples(context).then((samples) => {
-      this.setSamples(samples);
-    });
+    this.loadState = 'loading';
+    this.sampleLoadPromise = loadPianoSamples(context)
+      .then((samples) => {
+        this.setSamples(samples);
+        this.loadState = 'loaded';
+      })
+      .catch((error) => {
+        this.loadState = 'idle';
+        this.sampleLoadPromise = null;
+        throw error;
+      });
 
     return this.sampleLoadPromise;
   }
 
+  public loadIfIdle(context: BaseAudioContext): Promise<void> | null {
+    if (this.loadState !== 'idle') {
+      return null;
+    }
+
+    return this.load(context);
+  }
+
   public play({
     midi,
     velocity,
@@ -158,6 +182,7 @@ export class PianoSampler {
   }
 
   public reset(): void {
+    this.loadState = 'idle';
     this.sampleLoadPromise = null;
     this.samples = [];
     this.activeVoices = [];