Corrigindo samples sobrecarregados. Agora está carregando e reaproveitando, ao invés de sempre carregar um novo sample ao tocá-los nas patterns.

assets/js/creations/state.js

@@ -26,6 +26,7 @@ export function addTrackToState() {
     id: Date.now(),
     name: "novo instrumento",
     samplePath: null,
+    audioBuffer: null, // (NOVO) Adicionado para armazenar o áudio decodificado
     steps: [],
     volume: DEFAULT_VOLUME,
     pan: DEFAULT_PAN,
@@ -46,13 +47,34 @@ export function removeLastTrackFromState() {
   renderApp();
 }
 
-export function updateTrackSample(trackId, samplePath) {
+// (ALTERADO) A função agora é 'async' para carregar e decodificar o áudio
+export async function updateTrackSample(trackId, samplePath) {
   const track = appState.tracks.find((t) => t.id == trackId);
   if (track) {
     track.samplePath = samplePath;
     track.name = samplePath.split("/").pop();
+    track.audioBuffer = null; // Limpa o buffer antigo enquanto carrega o novo
+    renderApp(); // Renderiza imediatamente para mostrar o novo nome
+
+    // (NOVO) Lógica para carregar e decodificar o áudio em segundo plano
+    try {
+      const audioContext = getAudioContext();
+      if (!audioContext) initializeAudioContext(); // Garante que o contexto de áudio exista
+
+      const response = await fetch(samplePath);
+      const arrayBuffer = await response.arrayBuffer();
+      const decodedAudio = await audioContext.decodeAudioData(arrayBuffer);
+
+      track.audioBuffer = decodedAudio; // Armazena o buffer decodificado no estado da track
+      console.log(`Sample ${track.name} carregado e decodificado com sucesso.`);
+
+    } catch (error) {
+      console.error("Erro ao carregar ou decodificar o sample:", error);
+      track.samplePath = null;
+      track.name = "erro ao carregar";
+      renderApp(); // Re-renderiza para mostrar a mensagem de erro
+    }
   }
-  renderApp();
 }
 
 export function toggleStepState(trackId, stepIndex) {
@@ -87,4 +109,4 @@ export function updateTrackPan(trackId, pan) {
       track.pannerNode.pan.setValueAtTime(clampedPan, audioContext.currentTime);
     }
   }
-}
+}