javascript - 混乱している！可能な限り最も簡単な方法で、できれば余分なライブラリなしでMP3メタデータを試してみてください

Question

私はグーグル、ここ、HTML5Rocksなどの至る所で検索しました...どこを見ても、答えが「半分」になるか、私がやろうとしていることでも機能しない他の長いライブラリを使用するように言われます。

シンプルなオーディオプレーヤーを作成するための完全なjQueryUIプラグを作成しました。最後のステップは、次のようなオプションからプレイリストを埋めることです。

playlist: [
    '<?= base_url("audio/samp/Kalimba.mp3"); ?>',
    '<?= base_url("audio/samp/Maid_with_the_Flaxen_Hair.mp3"); ?>',
    '<?= base_url("audio/samp/Sleep_Away.mp3"); ?>'
]

プラグインのどこに私は次のようなものがあります：

for (x in ele.playlist) { 
    //  get meta data for song title, artist, album, & length 
    //  so I can add it to button inside li
    //  example: in a callback where param for AudioContext is audon
    //  audcon.button() // call to saved jQuery object of list item button
    //      .prepend($("<p /">).text(dataReturned.songTitle))  //  add element to button with text of song title
}

もちろん、問題の一部は、このforループがファイルの読み取りにかかる時間よりも高速に実行されることです。これは、コールバックを使用できる限り問題ないと思います。たとえば、HTML5を使用して、ボタンhtmlをプロパティとしてAudioContextに追加します。これにより、読み取りが終了したときに、期間が属するliボタンに簡単にアクセスできます。

誰かが私が望むことを達成する方法の簡単で明確な例を与えることができますか、私が試したことのどれも私をどこにも連れて行かない原因になります。

HTML5を使用して各曲の長さを取得し、コールバックを使用してロード後に各ボタンに長さを配置する方法をかなり見つけましたが、長さは、ロードされた曲の長さ以外は実際にはユーザーにあまりわかりませんそうです、笑。