Play audio local file with html
<p>I'm trying to do something like <a href="https://simontabor.com/labs/audio/" rel="noreferrer">this</a>.</p>

<p>But I don't know why I'm not getting this thing work.
Here it is the codepen <a href="http://codepen.io/tomasfrancisco/pen/YWxmZG" rel="noreferrer">example</a>:</p>

<pre><code>$('input').on('change', function(e) {

  var file = e.currentTarget.files[0];

  var reader = new FileReader();

  reader.onload = function(e) {
    $('audio source').attr('src', e.target.result);
  }   

  reader.readAsDataURL(file);
});
</code></pre>

<p>The source tag is receiving the base64 mp3 file, but it doesn't load the file into browser.</p>