title: Play multiple audio files with howlerjs
body: <p>I am trying to play with multiple audio files in a sequence without delay and I tried below code which is not working. In actual scenario I only need to have one button which will be play &amp; turn Pause once audio is played and vise versa</p>
  
  <p><a href="http://codepen.io/anon/pen/PWrYKw" rel="nofollow noreferrer">http://codepen.io/anon/pen/PWrYKw</a></p>
  
  <pre><code>&lt;button id='play-button'&gt; Play&lt;/button&gt;
  &lt;button id='pause-button'&gt;Pause&lt;/button&gt;
  &lt;button id='preset-changer'&gt;Present&lt;/button&gt;
  
  (function( $ ) {
  'use strict';
  
  jQuery(window).load(function() {
      var sound_files = {
              sound1 : new Howl({
                  src: ['http://download.quranicaudio.com/verses/Sudais/mp3/001001.mp3'],
                  loop: true
              }),
              sound2 : new Howl({
                  src: ['http://download.quranicaudio.com/verses/Sudais/mp3/001002.mp3'],
                  loop: true
              }),
              sound3 : new Howl({
                  src: ['http://download.quranicaudio.com/verses/Sudais/mp3/001003.mp3'],
                  loop: true
              })
          };
  
      var play_button = $('#play-button'),
          pause_button = $('#pause-button'),
          shift_preset = $('#preset-changer');
  
      play_button.click(function() {
          //sound_files.play();
            for (var prop in sound_files) {
              if(!sound_files.hasOwnProperty(prop)) continue;
              {sound_files[prop].play();}
            }
          });     
  
      //});
  });
  
  })(jQuery);
  </code></pre>
  
  <p>Not sure what I am doing wrong as I don't see any error messages.</p>