使用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