JavaScript - How to Extract Metadata from Music Files with JavaScript using jsmediatags

In this tutorial, you'll learn how to extract the album cover, song title, artist, album name and genre from a music file using jsmediatags.

Demo project:

Sponsor me on GitHub!

Follow my blog:

[ThEEqualizer]

Man thanks a lot ! I am using this currently to make my project of a music player to play songs from users local storage using vanilla JS and html, css, to become good at js before going to react and stuff . So I was searching for something for the album cover and stuff for quite a few days ! yours helped me a lot.

[fattrat]

never knew about the 'accept' attribute! nice video

[AbengNewsMag]

@Web Dev, nice info. I was directed to the library (a day ago) but had not yet learned how to use it. Your player example is what I am attempting but with multiple files. Is it possible set multiple file fields and loop through the input to create a playlist? I came here via your article on Medium.

[azadevv]

Thanks bro but this working in react native?

[isincredible]

Hi, can you please tell us how to do it without a manual input? (inserting mp3 file name on function code)
Thanks

[TiakoBe]

Is it possible to read metadata from a url (from a stream) instead of upload a file ? How can i do that ?

[pojabanana]

hey man, great video. is there any similar way to extract the exif data from an image? like gps co-ordinates etc.? thanks in advance

[Jack_Ranold]

Do you know how to do this in React Native

[rashidsultanov]

if u get error like "Cannot read properties of null (reading 'addEventListener')" in the console, put your event listener into DOM listener: "document.addEventListener("DOMContentLoaded", function(){*here*})" The error here can be explained by that when your script interacts with or modifies elements on the page, as attempting to access elements that haven't been loaded yet could result in errors like this.