comment obtenir l'art de l'album à partir de mp3 en utilisant jsmediatags

Question

Salut chacun j'ai un fichier mp3 comme song.mp3 et je veux obtenir son nom de l'album et de l'artiste, puis vouloir montrer dans ma page Web html. S'il vous plaît dites-moi comment?

Comment obtenir album de fichier mp3 et montrer dans ma balise img html Je vois cet exemple https://github.com/aadsm/JavaScript-ID3-Reader/blob/master/example/index.html#L46 Cette fin de travail pour le fichier d'entrée, mais je veux obtenir l'album de l'url song.mp3 qui est stocké dans mon Site

S'il vous plaît stocker l'image de l'album dans une variable puis le montrer dans la balise HTML img grâce

Answer 1

https://github.com/aadsm/jsmediatags est un excellent endroit pour commencer.

Après avoir inclus jsmediatags. Créer une variable (Notez que j'utilise un exemple de navigateur)

var jsmediatags = window.jsmediatags;

En utilisant cette variable, vous pouvez récupérer les balises ID3 de votre fichier comme suit;

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

L'objet tags a les propriétés que vous voulez et plus;

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

Vous pouvez ensuite générer la pochette d'album comme suit;

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

S'il vous plaît voir ce qui ne va pas avec mon code .ce me donne erreur 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>"; 
?>