title: audio capture and playback not working using mediarecorder api and html5 audio tag in firefox os
body: <p>I want to capture voice at interval and play it in a audio tag. </p>
  
  <p><a href="https://hacks.mozilla.org/2014/06/easy-audio-capture-with-the-mediarecorder-api/" rel="nofollow">https://hacks.mozilla.org/2014/06/easy-audio-capture-with-the-mediarecorder-api/</a>
   this link of dictaphone sample is a good site for this. Here used </p>
  
  <pre><code>record.onclick = function() {
    mediaRecorder.start();
  </code></pre>
  
  <p>to start recording audio here. If i use</p>
  
  <pre><code>mediaRecorder.start(2000); // 2sec interval
  </code></pre>
  
  <p>then it will give data in every 2 sec interval</p>
  
  <pre><code>mediaRecorder.ondataavailable = function(e) {
  </code></pre>
  
  <p>this function will be called which give the audio data in blob (e.data)
  In this function audio src is set.</p>
  
  <pre><code>var audioURL = window.URL.createObjectURL(e.data);
  audio.src = audioURL;
  </code></pre>
  
  <p>calling audio.play() audio can be played. But problem is for first time it plays 2 sec recorded voice. but after that when next data of 2 sec comes no audio is played. there is audio data as blob but no audio sound plays after that first time playing..  How can i handle this to play recorded voice at interval? </p>
  
  <p>any suggestion plz..</p>