3

ディレクトリ内の各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>
4

1 に答える 1

3

FileReaderを使用して各ファイルを順番に取得し、それを使用してID3タグからデータを抽出する必要があるようです-http ://ericbidelman.tumblr.com/post/8343485440/reading-mp3-id3-tags- in-javascript

これは、サーバーからファイルを読み取っている場合（つまり、より多くのオプションがあるサーバー側で読み取ることができる場合）ですか、それともユーザーのマシンから読み取ろうとしている場合ですか。

更新：上記のコードとjDataViewサブルーチンを組み込んだ実用的なサンプルについては、以下のコメント（1/22）で参照されているjsFiddleを参照してください。.mp3ファイルでのみ機能し、有効なID3タグが含まれている必要があります（VLCでいくつかのmp3ファイルを編集して、問題がないことを確認しました。iTunesはそのトリックを実行していませんでした）。OSX上のChromeでのみテストされていますが、HTML5の実装はブラウザごと、プラットフォームごとに異なることを覚えておいてください。

于 2013-01-21T22:41:10.377 に答える