new sounds to classify

index.html

@@ -32,7 +32,7 @@
       </div>
       <div class="grid grid-cols-2 gap-2">
         <div>
-          <label for="audio-select">Select an audio</label>
+          <label for="audio-select">Select an audio (Credits: Daniel Simion - SoundBible)</label>
           <select id="audio-select" v-model="selectedAudio">
             <option v-for="audioFile in audioFiles" :value="audioFile">
               {{ audioFile }}
@@ -41,10 +41,10 @@
         </div>
         <div>
           <label id="audio-label">Audio Player</label>
-          <audio id="audio" controls :src="selectedAudio"></audio>
+          <audio id="audio" controls :src="`sounds/${selectedAudio}`"></audio>
         </div>
       </div>
-      <button class="btn-success" @click="run">Transcribe</button>
+      <button class="btn-success" @click="run">CLASSIFY</button>
       <h3>{{statusMessage}}</h3>
       <table v-if="classificationLabels.length > 0">
         <thead>

index.js

@@ -5,12 +5,16 @@ const app = createApp({
     setup() {
         const token = ref(localStorage.getItem("token") || "");
         const models = ref(["MIT/ast-finetuned-audioset-10-10-0.4593"]);
-        const selectedAudio = ref("clear-audio-1.wav");
+        const selectedAudio = ref("airplane-landing.mp3");
         const selectedModel = ref("");
         const loading = ref(false);
         const didErrorOccur = ref(false)
-        const audioFiles = ref(["clear-audio-1.wav", "clear-audio-2.wav",
-            "unclear-audio-1.wav", "unclear-audio-2.wav"]);
+        const audioFiles = ref(['airplane-landing.mp3',
+            'alien-spaceship.mp3',
+            'hard_shoes.mp3',
+            'labrador-barking.mp3',
+            'old-car-engine.mp3',
+            'tolling-bell.mp3']);
         const classificationLabels = ref([])
 
 
@@ -24,7 +28,7 @@ const app = createApp({
             loading.value = true;
             try {
                 const hf = new HfInference(token.value);
-                const audioData = await (await fetch(selectedAudio.value)).arrayBuffer()
+                const audioData = await (await fetch(`sounds/${selectedAudio.value}`)).arrayBuffer()
                 const result = await hf.audioClassification({
                     data: audioData,
                     model: selectedModel.value