jsmediatagsを使ってmp3からアルバムアートを取得する方法

Question

こんにちは、私はsong.mp3のようなmp3ファイルを持っていて、そのアルバムアートとアーティスト名を取得して、HTML Webページに表示したいと思います。どのように教えてください？私はこの例https://github.com/aadsm/JavaScript-ID3-Reader/blob/master/example/index.html#L46に、入力ファイルのためのこの作品の罰金を参照してくださいしかし、私は私の中に保存されているsong.mp3のようなURLからアルバムを取得したいどのようにmp3ファイルからアルバムを取得し、私のHTMLのimgタグ でそれを表示するために

サイト

変数にアルバム画像を保存し、HTML imgタグのおかげ

Answer 1

https://github.com/aadsm/jsmediatagsでそれを示してくださいは、開始するには絶好の場所です。

jsmediatagsを含めた後。変数を作成します（ブラウザの例を使用しています）。

var jsmediatags = window.jsmediatags;

この変数を使用すると、ファイルのID3タグを次のように取得できます。

var tags = {}; 
jsmediatags.read(your_media_file, { 
    onSuccess: function(tag) { 
     tags = tag; 
    }, 
    onError: function(error) { 
     // handle error 
     console.log(error); 
    } 
}); 

tagsオブジェクトは、あなたが、よりをしたい特性を有しています。

{ 
    artist : 'name of artist', 
    album : 'name of album', 
    track : 'track number', 
    title : 'track title', 
    genre : 'track genre', 
    picture : {...}, // object with track art details 
    . 
    . 
    . 
} 

次に、次のようにアルバムアートを生成できます。

var picture = tags.tags.picture; // create reference to track art 
var base64String = ""; 
for (var i = 0; i < picture.data.length; i++) { 
    base64String += String.fromCharCode(picture.data[i]); 
} 
var imageUri = "data:" + picture.format + ";base64," + window.btoa(base64String); 

Answer 2

何私のコードの.thisと間違っていることは私にundefindeエラーになります

<script type="text/javascript"> 
    var jsmediatags = window.jsmediatags; 
    var tags = {}; 
    jsmediatags.read('../test/media/Baby Ko Bass Pasand Hai.mp3', { 
    onSuccess: function(tag) { 
     tags = tag; 
    }, 
    onError: function(error) { 
     // handle error 
     console.log(error); 
    } 
    }); 

    var base64String = ""; 
    for (var i = 0; i < picture.data.length; i++) { 
    base64String += String.fromCharCode(picture.data[i]); 
    } 
    var imageUri = "data:" + picture.format + ";base64," + window.btoa(base64String); 
    alert(imageUri); 
</script> 
<?php 
    $image="<script>document.writeln(imageUri);</script>"; 
    echo "$image"; 
    echo "<script>document.writeln(imageUri);</script>"; 
?>