fix audio in device

src/app/shared/chat/messages/messages.page.ts

@@ -35,6 +35,7 @@ import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
 import { DocumentViewer, DocumentViewerOptions } from '@ionic-native/document-viewer';
 import { VoiceRecorder, VoiceRecorderPlugin, RecordingData, GenericResponse, CurrentRecordingStatus } from 'capacitor-voice-recorder';
 import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
+import { DomSanitizer } from '@angular/platform-browser';
 
 const IMAGE_DIR = 'stored-images';
 @Component({
@@ -117,6 +118,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     private CameraService: CameraService,
     private processesService: ProcessesService,
     private fileToBase64Service: FileToBase64Service,
+    private sanitiser: DomSanitizer,
   ) {
 
     this.loggedUser = authService.ValidatedUserChat['data'];
@@ -140,7 +142,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
       this.showAvatar = true
     }, 150)
 
-    this.deleteRecording(this.lastAudioRecorded)
+    this.deleteRecording()
 
   }
 
@@ -149,7 +151,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
 
     this.getChatMembers();
     VoiceRecorder.requestAudioRecordingPermission();
-    this.deleteRecording(this.lastAudioRecorded);
+    this.deleteRecording();
     this.loadFiles();
   }
 
@@ -250,15 +252,20 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   }
 
   async loadFiles() {
-    Filesystem.readdir({
-      path: '',
-      directory: Directory.Data
-    }).then(result => {
-      console.log(result);
-      this.storedFileNames = result.files.reverse();
-      this.lastAudioRecorded = this.storedFileNames[0];
-      this.getFile(this.lastAudioRecorded);
+
+    this.storage.get('fileName').then((fileName) => {
+      this.lastAudioRecorded = fileName;
     })
+
+    this.storage.get('recordData').then((recordData) => {
+      console.log(recordData);
+      if(recordData.value.recordDataBase64.includes('data:audio')){
+        this.audioRecorded = this.sanitiser.bypassSecurityTrustResourceUrl(recordData.value.recordDataBase64);
+      }
+      else{
+        this.audioRecorded = this.sanitiser.bypassSecurityTrustResourceUrl(`data:${recordData.value.mimeType};base64,${recordData.value.recordDataBase64}`);
+      }
+    });
   }
 
   startRecording() {
@@ -273,6 +280,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   }
 
   stopRecording() {
+    this.deleteRecording();
     this.allowTyping = false;
     console.log('Stop');
     if (!this.recording) {
@@ -280,27 +288,28 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     }
     this.recording = false;
     VoiceRecorder.stopRecording().then(async (result: RecordingData) => {
+      console.log(result);
       this.recording = false;
       if (result.value && result.value.recordDataBase64) {
         const recordData = result.value.recordDataBase64;
+        //console.log(recordData);
         const fileName = new Date().getTime() + ".wav";
-        await Filesystem.writeFile({
-          path: fileName,
-          directory: Directory.Data,
-          data: recordData,
+        //Save file
+        this.storage.set('fileName',fileName);
+        this.storage.set('recordData',result).then(() => {
+          console.log('Audio recorded saved');
         })
       }
     })
     setTimeout(async () => {
       this.loadFiles();
-    }, 500);
+    }, 1000);
   }
 
-  async deleteRecording(fileName){
-    await Filesystem.deleteFile({
-      directory: Directory.Data,
-      path: fileName
-    });
+  async deleteRecording(){
+    this.storage.remove('fileName');
+    this.storage.remove('recordData');
+
     this.allowTyping = true;
     this.lastAudioRecorded = '';
     this.loadFiles();
@@ -348,13 +357,20 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   }
 
   async sendAudio(fileName) {
+
     const roomId = this.roomId
-    const audioFile = await Filesystem.readFile({
-      path: fileName,
-      directory: Directory.Data
-    })
-    const base64sound = audioFile.data;
-    const base64Response = await fetch(`data:audio/aac;base64,${base64sound}`);
+    this.storage.get('recordData').then((recordData) => {
+      console.log(recordData);
+      if(recordData.value.recordDataBase64.includes('data:audio')){
+        this.audioRecorded = recordData.value.recordDataBase64;
+      }
+      else{
+        this.audioRecorded = `data:${recordData.value.mimeType};base64,${recordData.value.recordDataBase64}`;
+      }
+    });
+
+    //Converting base64 to blob
+    const base64Response = await fetch(this.audioRecorded);
     const blob = await  base64Response.blob();
 
     const formData = new FormData();
@@ -367,15 +383,13 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
       },
       attachments: [{
         "title": fileName ,
-        "title_link": `data:audio/aac;base64,${base64sound}`,
+        "title_link": this.audioRecorded,
         "title_link_download": true,
         "type": "file"
       }],
       temporaryData: formData
     })
-
-    this.allowTyping = true;
-    this.lastAudioRecorded = '';
+    this.deleteRecording();
 
   }