Получить метаданные локального mp3-файла, используя API-интерфейс файловой системы html5

Я пытался получить название и исполнителя (и, в конце концов, другие метаданные) каждого mp3-файла в каталоге. В настоящее время код, который я имею, добавляет div "thelist" с именем файла mp3. Как я могу получить заголовок и свойства / теги исполнителя / файла вместо полного имени файла?

Вот мой код:

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Get Directory</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$("#file-input").on("change", function(e){
  var thefiles = e.target.files;
  $.each(thefiles, function(i, item){
    var thefile = item;
    $("#thelist").append("FILES: " + thefile.name + "<br />");;
  });
});
});
</script>
</head>
<body>
<input type="file" id="file-input" webkitdirectory="" directory="">
<div id="thelist"></div>
</body>
</html>

Ответы на вопрос(1)

Ваш ответ на вопрос