title: HTML5 Audio Buffer keeps increasing JS Heap size
body: <p>I'm using the html5 audio object to stream a podcast. Note that this is a long podcast (~2hrs). </p>
  
  <p>By profiling the memory usage, it looks like the the memory is continuously going up even after garbage collected. This is simple html audio tag. There are no JS logic running. So I'm sure the buffer is consuming the memory.</p>
  
  <pre><code>&lt;audio controls="controls"&gt;
     &lt;source src="http://eu8.fastcast4u.com:5000/;"/&gt;
  &lt;/audio&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/henryw4k/mquumgex/1/" rel="nofollow noreferrer">https://jsfiddle.net/henryw4k/mquumgex/1/</a></p>
  
  <p>My question is eventually at this build-up rate, the page will eventually crash when it runs out of memory, is that correct?</p>
  
  <p>How can I limit/reset this memory build-up? Are there any best practices like stoping and re-playing to clear out the buffer? I don't think there's a way to tinker with the buffer memory for HTML5 Audio.</p>
  
  <p><a href="https://i.stack.imgur.com/asr8b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/asr8b.png" alt="enter image description here"></a></p>