title: Audio sprite plays only certain parts?
body: <p>I have loaded an audio file into an object's property. I use it as sprite where each section has a start time and end time specified. Then I use this code to play that particular part of the audio file:</p>
  
  <pre><code>speak: function(str) {
          this.vo.currentTime = 0;
          var curr = {};
  
          curr = this.sprite[str];
          this.vo.currentTime = curr[0];
          this.vo.volume = _data.vol[1];
          this.vo.play();
  
          var onTimeUpdate = function() {
              if (this.currentTime &gt;= curr[1]) {
                  this.pause();
                  this.load();
                  this.currentTime = 0;
              }
          };
  
          this.vo.addEventListener('timeupdate', onTimeUpdate, false);
      }
  </code></pre>
  
  <p>the "vo" is the audio file loaded as <code>vo = new Audio('..file..')</code>
  The "str" is the name of the property which contains the start and end time of that part. example: if i pass <code>aud.speak('hello');</code> then it plays the part of the sprite where it says "hello".</p>
  
  <p><strong>The problem: Once a part is played, most of the other parts won't play after that.</strong> I have tried everything almost. that's why you see <code>.load(), .pause(), .currentTime = 0;</code> as well.</p>