Reproduce archivos locales de audio con html

, Estoy tratando de hacer algo comoesta.

Pero no sé por qué no estoy haciendo que esto funcione. Aquí está el codepenejemplo:

$('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);
});

La etiqueta fuente está recibiendo el archivo mp3 base64, pero no carga el archivo en el navegador.

Respuestas a la pregunta(3)

Su respuesta a la pregunta