From e0a8eca70ea82c2d6d6c773e6a21d5f0ddc8ea1f Mon Sep 17 00:00:00 2001
From: Baptiste Lyet <44911483+Babali42@users.noreply.github.com>
Date: Fri, 10 Jan 2025 08:41:17 +0100
Subject: [PATCH] play track sample on click wip

---
 .../src/app/components/sequencer/sequencer.component.html | 7 ++++++-
 .../src/app/components/sequencer/sequencer.component.ts   | 4 ++++
 frontend/src/app/services/sound/sound.service.ts          | 8 ++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/sequencer/sequencer.component.html b/frontend/src/app/components/sequencer/sequencer.component.html
index 3f290bc..f53a179 100644
--- a/frontend/src/app/components/sequencer/sequencer.component.html
+++ b/frontend/src/app/components/sequencer/sequencer.component.html
@@ -28,7 +28,12 @@
       </div>
   </div>
   <div class="tracks-name">
-    <h3 *ngFor="let track of beat.tracks" class="track-name">{{ track.name }}</h3>
+    <div *ngFor="let track of beat.tracks" class="flex">
+      <h3 class="track-name">
+        {{ track.name }}
+      </h3>
+      <button style="height: fit-content" (click)="playTrack(track.name)">play</button>
+    </div>
   </div>
   <section class="tracks-container">
     <article *ngFor="let track of beat.tracks">
diff --git a/frontend/src/app/components/sequencer/sequencer.component.ts b/frontend/src/app/components/sequencer/sequencer.component.ts
index 3deed8b..3e5661b 100644
--- a/frontend/src/app/components/sequencer/sequencer.component.ts
+++ b/frontend/src/app/components/sequencer/sequencer.component.ts
@@ -112,5 +112,9 @@ export class SequencerComponent implements OnInit {
     const beatToSelect = this.genres.find(x => x.label === this.selectedGenreLabel)?.beats.find(x => x.label === $event);
     this.selectBeat(beatToSelect);
   }
+
+  playTrack(trackName: string) {
+    this.soundService.playTrack(trackName);
+  }
 }
 
diff --git a/frontend/src/app/services/sound/sound.service.ts b/frontend/src/app/services/sound/sound.service.ts
index b7b9a28..c1648b6 100644
--- a/frontend/src/app/services/sound/sound.service.ts
+++ b/frontend/src/app/services/sound/sound.service.ts
@@ -135,4 +135,12 @@ export class SoundService {
       return;
     this.playSound(this.loopBuffer);
   }
+
+  playTrack(trackName: string) {
+    const source = this.context.createBufferSource();
+    const fileName = this.tracks.find(x => x.name == trackName)?.fileName;
+    source.buffer = this.samples.find(x => x.fileName === fileName)!.sample!;
+    source.connect(this.context.destination);
+    source.start();
+  }
 }