comparison src/app/app.module.ts @ 192:e4f38975c2bc

Introduce interface for reading a file, once again avoiding specific browser implementation.

 import { WaveformComponent } from './waveform/waveform.component';
 import { AudioFileOpenComponent } from './audio-file-open/audio-file-open.component';
 import { PlaybackControlComponent } from './playback-control/playback-control.component';
 import {
   AudioPlayerService,
-  UrlResourceLifetimeManager
+  UrlResourceLifetimeManager, ResourceReader
 } from "./services/audio-player/audio-player.service";
 import { FeatureExtractionService } from "./services/feature-extraction/feature-extraction.service";
 import { FeatureExtractionMenuComponent } from "./feature-extraction-menu/feature-extraction-menu.component";
 import { ProgressSpinnerComponent } from "./progress-spinner/progress-spinner.component";
 import {

   revokeUrlToResource: (url: string) => {
     URL.revokeObjectURL(url);
   }
 };
 
+export const readResource: ResourceReader = (resource) => {
+  return new Promise((res, rej) => {
+    const reader: FileReader = new FileReader();
+    reader.onload = (event: any) => {
+      res(event.target.result);
+    };
+    reader.onerror = (event) => {
+      rej(event.message);
+    };
+    reader.readAsArrayBuffer(resource);
+  });
+};
+
 @NgModule({
   declarations: [
     AppComponent,
     WaveformComponent,
     AudioFileOpenComponent,

     {provide: 'AudioInputProvider', useFactory: createAudioInputProvider},
     AudioRecorderService,
     FeatureExtractionService,
     {provide: 'MediaRecorderFactory', useFactory: createMediaRecorderFactory},
     {provide: 'PiperRepoUri', useValue: 'assets/remote-plugins.json'},
-    {provide: 'UrlResourceLifetimeManager', useValue: urlResourceManager}
+    {provide: 'UrlResourceLifetimeManager', useValue: urlResourceManager},
+    {provide: 'ResourceReader', useValue: readResource}
   ],
   bootstrap: [AppComponent]
 })
 export class AppModule {