frontend/src/app/app.component.ts

@@ -18,6 +18,7 @@ import { SoundInitializerService } from './shared/services/sound-initializer.ser
     LoginComponent,
     RegisterComponent,
     RecoverPasswordComponent,
+    PlaySoundDirective,
   ],
   templateUrl: './app.component.html',
   hostDirectives: [PlaySoundDirective],

frontend/src/app/shared/services/audio.service.ts

@@ -11,7 +11,7 @@ export class AudioService {
       return this.audioCache.get(soundName)!;
     }
 
-    const audio = new Audio(`/sounds/${soundName}`);
+    const audio = new Audio(`/sounds/${soundName}.mp3`);
     this.audioCache.set(soundName, audio);
     return audio;
   }