Estou tentando implementar um player de musica utilizando javascript, que funciona com o upload de um arquivo de áudio(.mp3), no script quando ocorre o upload do arquivo, que ocorre com o evento 'onload' a função criada tem a variável 'files' e depois tocar o arquivo. Como o arquivo é tocado se não aparentemente referencia a variável que recebe o arquivo 'file'?
HTML
<div id="content">
<input type="file" id="thefile" accept="audio/*" />
<audio id="audio" controls="controls"></audio>
</div>
Javascript
window.onload = function() {
var file = document.getElementById("thefile");
var audio = document.getElementById("audio");
file.onchange = function() {
var files = this.files;
audio.src = URL.createObjectURL(files[0]);
audio.load();
audio.play();
}
};
Grato desde já.