title: Play audio local file with html
body: <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>