thomastuts

I'm working on an application that plays audio clips. The audio clips that are currently playing are stored in the Redux store (you can play more than one clip at once). Everything is working just fine, but I'm wondering what the cleanest way to play/stop the audio would be. (See below JS files for the full source of my store and audio manager file)

Currently, I am triggering the play/stop actions from within the store itself, but this feels kind of wrong:

// store.js

// ...
case 'AUDIO_PLAY':
      const audioObject = createAudioObject({

thomastuts

// tasks/bundle.js

'use strict';

var gulp = require('gulp');
var browserify = require('browserify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var concat = require('gulp-concat');

thomastuts

'use strict';

angular
  .module('test')
  .factory('Animal', function () {

    function Animal(name) {
      this.name = name;
    }
    

thomastuts

// gulpfile.js

var gulp = require('gulp');
var requireDir = require('require-dir');
var tasks = requireDir('./tasks');

gulp.task('sass', tasks.sass);
gulp.task('serve:dev', tasks.serve.dev);
gulp.task('serve:dist', tasks.serve.dist);

thomastuts

app/
├── index.html
└── src
    ├── app.js
    ├── bundle.js
    ├── common
    │   ├── auth.js
    │   ├── router.js
    │   └── storage.js
    ├── components

thomastuts

'use strict';

angular.module('myAuthApp', [
  'ui.router'
])
  .config(function ($urlRouterProvider, $stateProvider) {
    $stateProvider
      .state('login', {
        url: '/signin',
        templateUrl: 'src/views/auth/partials/login.html',

thomastuts

gulp.task('bundle:source', function () {

  return es.merge(
    gulp.src('src/scripts/**/*.html')
      .pipe(templateCache({
        module: 'myModule',
        root: 'scripts'
      })),
    gulp.src([
      'src/scripts/app.js',

thomastuts

var gulp = require('gulp');
var open = require('gulp-open');
var karma = require('karma').server;
var protractor = require('gulp-protractor').protractor;
var paths = require('./paths');

module.exports = {
  unit: function (done) {
    karma.start({
      configFile: paths.tests.unit.config,

thomastuts

var gulp = require('gulp');
var path = require('path');
var paths = require('./paths');
var concat = require('gulp-concat');
var sourceMaps = require('gulp-sourcemaps');
var mainBowerFiles = require('main-bower-files');

var sourceOrdered = [
  '!' + path.join(paths.scripts, 'bundle.js'),
  '!' + path.join(paths.scripts, 'vendor.js'),

thomastuts

var path = require('path');
var gulp = require('gulp');
var concat = require('gulp-concat');
var templateCache = require('gulp-angular-templatecache');
var addsrc = require('gulp-add-src');

var paths = {
  src: 'public/assets/src'
};