JavaScript-ID3-Reader/example/index.html at master · 2naive/JavaScript-ID3-Reader · GitHub

History

71 lines (65 loc) · 2.01 KB

Raw

<!DOCTYPE html>

<html>

<head>

<title>Javascript ID3 Reader</title>

</head>

<body>

<div>

</div>

/**

* Loading the tags using XHR.

//sample.mp3 sits on your domain

ID3.loadTags("sample.mp3", function() {

showTags("sample.mp3");

{tags: ["title","artist","picture"]});

/**

* Loading the tags using the FileAPI.

function loadFile(input) {

var file = input.files[0],

url = file.urn || file.name,

reader = new FileReader();

reader.onload = function(event) {

ID3.loadTags(url, function() {

showTags(url);

}, {

tags: ["title","artist","picture"],

dataReader: FileAPIReader(file)

});

};

reader.readAsArrayBuffer(file);

}

/**

* Generic function to get the tags after they have been loaded.

function showTags(url) {

var tags = ID3.getAllTags(url);

console.log(tags);

document.getElementById('title').innerHTML = tags.title;

document.getElementById('artist').innerHTML = tags.artist;

var image = tags.picture;

if (image) {

//Caution: old browsers (IE) don't implement Base64

//see N. Zakas for fallback:

//https://github.com/nzakas/computer-science-in-javascript/tree/master/encodings/base64

var base64 = "data:" + image.format + ";base64," + Base64.encodeBytes(image.data);

document.getElementById('picture').setAttribute('src',base64);

} else {

document.getElementById('picture').style.display = "none";

}

</script>

</body>

</html>

JavaScript-ID3-Reader/example/index.html at master · 2naive/JavaScript-ID3-Reader · GitHub

Expand file tree

Breadcrumbs

index.html

Latest commit

History

Breadcrumbs

index.html

File metadata and controls