Estoy creando un reproductor de audio y quiero condensar la cantidad de espacio que ocupan los activos (mp3 e imágenes). Una forma en la que pensé fue poner las imágenes en los metadatos del mp3 y acceder a ellos desde allí, ya que luego puede eliminar los archivos de imagen normales y seguiría funcionando. Pensé que obtener esos metadatos de una ruta de archivo local (como "./Music/SONGNAME.mp3") sería casi lo mismo que obtener los metadatos de un <input type="file"> . He probado muchos códigos diferentes para esto, la esencia principal parece ser algo como esto:

 jsmediatags.read(("./Music/" + song.audio), { onSuccess: function(tag) { var tags = tag.tags; console.log(tags); var image = tags.picture; if (image) { var base64String = ""; for (var i = 0; i < image.data.length; i++) { base64String += String.fromCharCode(image.data[i]); } var base64 = "data:image/jpeg;base64," + window.btoa(base64String); main.thumbnail.setAttribute('src', base64); } else { main.thumbnail.style.display = "none"; } } });

("main" es una serie de controles y cosas en el reproductor, y song.audio es parte de un objeto en una serie de canciones. "./Music/" es la ruta de la carpeta a mi música)

De todos modos, jsmediatags no acepta rutas de archivo o estoy haciendo algo increíblemente mal, porque este código prácticamente rompe todo mi reproductor de audio.

Si alguien puede ayudar, por favor hágalo!!! (He estado trabajando en esto por una cantidad de tiempo poco saludable...)