Electron Angular playing static audio files

Question

I try to develop a native app using electron and angular2. Its purpose is to conduct Psychology experiments connected with sound perception.

In order to do this, I want to play sounds that will be stored in some assets directory in my app directories. But I find difficulties with accessing those audio files from angular in order to play it. And the internet seems to be pretty unhelpful after half day of searching I did not find and supporting articles.

What is the best way to do it?

Should I add to my app some server application, with angular proxying api requests to it? That solution will most likely work accordingly to what I found.

But is there any simple solution? Like some Electron library that allows offline access from Angular level to file system and files that are in app directory?

Thanks in advance Tomasz

Answer 1

You could try using howler.js You can install it to your project with npm install --save howler and play a sound with

var sound = new Howl({
  src: ['sound.mp3']
});

sound.play();

You would also probably want to install @types/howler via npm to work with typescript