title: How to stream M4A files correctly?
body: <p>I would like to stream an <strong>M4A</strong> audio file but for some reason the player starts to play the song only after downloaded the entire file.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;audio controls&gt;
    &lt;source src="https://php-test-easybreazy.c9users.io/music/1021785690_1171244514_239291028.m4a" type="audio/mpeg"&gt;
  Your browser does not support the audio element.
  &lt;/audio&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In my <strong>Ubuntu</strong> server I used <strong>FFMPEG</strong> to encode my audio file.</p>
  
  <p>The only thing I can think of is a metadata/encode issue. </p>
  
  <p><strong>Why the player starts playing only after downloaded the entire file audio?</strong></p>