ngx-sounds

Angular howler.js wrapper service.

Demo

Getting Started

1. Install packages

npm i howler ngx-sounds

2. Import Module

import { NgxSoundsModule } from 'ngx-sounds';

@NgModule({
  declarations: [AppComponent],
  imports: [
    NgxSoundsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

3. Include the service

import { SoundsService } from 'ngx-sounds';

export class AppComponent {

  constructor(
    private sounds: SoundsService
  ){}

  ngOnInit() {
    // Shortcut methods
    this.sounds.play('assets/my-sound.mp3')
      .subscribe(
        () => console.log('sound played!')
      );

    this.sounds.volume(0.5)

    this.sounds.mute();

    // Static accessor
    this.sounds.howler;

    // Howl factory
    const howl = this.sounds.howl({
      src: ['assets/my-sound.mp3']
    });

    howl.play();
  }

}