audio.js

import { Howl, Howler } from 'howler';
import spriteLayout from './sprite_layout';

let clipsLoaded = 0;
let container;
let readyFn = () => {};

function load() {
  clipsLoaded += 1;
  if (clipsLoaded >= 3) {
    readyFn();
  }
}

export function onReady(fn) {
  if (clipsLoaded >= 3) {
    fn();
  } else {
    readyFn = fn;
  }
}

spriteLayout.onload = () => {
  // 'silence' is a looping sprite that will run continuously to keep
  // other audio actions responsive.
  container.play('silence');
  load();
};
container = new Howl(spriteLayout);

const idents = {
  h_ident: new Howl({
    src: 'clips/h_ident_better.mp3',
    onload: load,
  }),
  v_ident: new Howl({
    src: 'clips/v_ident_better.mp3',
    onload: load,
  }),
};

export const sounds = {
  play(clip, onEnd) {
    let id;
    switch (clip) {
      case 'h_ident':
      case 'v_ident':
        id = idents[clip].play();
        if (onEnd) {
          idents[clip].on('end', onEnd, id);
        }
        return id;
      default:
        return container.play(clip);
    }
  },
  duration(clip) {
    switch (clip) {
      case 'h_ident':
      case 'v_ident':
        return idents[clip].duration() * 1000;
      default:
        return spriteLayout.sprite[clip][1];
    }
  },
  seek(clip, amount) {
    idents[clip].seek(amount / 1000);
  },
  stop() {
    idents.h_ident.stop();
    idents.v_ident.stop();
  },
  volume(value) {
    Howler.volume(value);
  },
};