使用html5文件系统api获取本地mp3文件的元数据

我试图在目录中获取每个mp3文件的标题和艺术家（以及最终的其他元数据）。 目前代码我已经将div“thelist”附加到mp3文件的文件名。 我怎样才能获取文件的标题和艺术家属性/标签而不是整个文件名？

这是我的代码： 

    Get Directory   $(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 + "
");; }); }); });

看起来你需要使用FileReader依次获取每个文件，并使用它从ID3标签中提取数据 – http://ericbidelman.tumblr.com/post/8343485440/reading-mp3-id3-tags-在JavaScript的

这是你正在从服务器上读取文件的东西（也就是你可以在有更多选项的服务器端进行），或者你是否试图从用户机器上读取文件，这将是一个更大的挑战……

更新：请参阅下面评论（1/22）中引用的jsFiddle，了解包含上述代码和jDataView子例程的工作示例。 它只适用于.mp3文件，那些必须有有效的ID3标签（我在VLC中编辑了一些mp3文件，以确保它们没问题，iTunes没有做到这一点）。 仅在OSX上的Chrome中进行了测试，但希望足以让您入门，但请记住，HTML5实施方式因浏览器和平台而异

Interesting Posts