Move logic to audioService

Author: Leoniiii

source/src/app/menu/menu.page.ts

@@ -31,8 +31,8 @@ export class MenuPage implements OnInit, OnDestroy {
     public verbsStateService: VerbsStateService,
     public settingsStateService: SettingsStateService,
     public modalController: ModalController,
-    private audioService: AudioService,
     public appTranslateService: AppTranslateService,
+    public audioService: AudioService,
   ) {}
 
   ngOnInit() {
@@ -62,11 +62,7 @@ export class MenuPage implements OnInit, OnDestroy {
   }
 
   reproduceSound(item: ItemWithFilesModel | VerbWithFilesModel): void {
-    if (item.audio) {
-      this.audioService.playAudioFile(item.audio);
-    } else {
-      speechSynthesis.speak(new SpeechSynthesisUtterance(item.text));
-    }
+    this.audioService.reproduceSound(item);
   }
 
   changeLang(lang: string) {

source/src/core/services/audio.service.ts

@@ -2,6 +2,8 @@ import { Injectable } from '@angular/core';
 import { RecordingData, VoiceRecorder } from 'capacitor-voice-recorder';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { FileData } from '../models/file-data.model';
+import { ItemWithFilesModel } from '../models/item-with-files.model';
+import { VerbWithFilesModel } from '../models/verb-with-files.model';
 
 // doc: https://www.npmjs.com/package/capacitor-voice-recorder
 
@@ -68,6 +70,15 @@ export class AudioService {
     return this.playAudio(audioRef);
   }
 
+  reproduceSound(item: ItemWithFilesModel | VerbWithFilesModel) {
+    this.stopAudio();
+    if (item.audio) {
+      this.playAudioFile(item.audio);
+    } else {
+      speechSynthesis.speak(new SpeechSynthesisUtterance(item.text));
+    }
+  }
+
   stopAudio(): void {
     if (this.currentAudio) {
       this.currentAudio.pause();