正文 

当前位置： 首页 > 知识 >

如何使用 jsmediatags 从 mp3 获取专辑封面

     2023-03-07     230

关键词：

【中文标题】如何使用 jsmediatags 从 mp3 获取专辑封面【英文标题】：how to get album art from mp3 using jsmediatags 【发布时间】：2017-07-29 06:14:19 【问题描述】：

大家好，我有一个像 song.mp3 这样的 mp3 文件，我想获取它的专辑封面和艺术家姓名，然后想在我的 html 网页中显示。请告诉我怎么做？

如何从 mp3 文件中获取专辑并在我的 html img 标签中显示它 我看到这个例子https://github.com/aadsm/JavaScript-ID3-Reader/blob/master/example/index.html#L46这对输入文件很好但是我想从存储在我网站中的song.mp3之类的url获取专辑

请将专辑图片存储在变量中，然后在 html img 标签中显示，谢谢

【问题讨论】：

【参考方案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);

【讨论】：

您好，我使用了您的代码，但遇到了一些问题，请查看我的代码并告诉我错误并更正它。它显示未定义 picture 是未定义的变量。在for 循环之前创建对它的引用，如所示，即var picture = tags.tags.picture;

如何从 .mp3 文件中获取元数据并使用 FFmpeg 将其作为文本放入视频中？

】如何从.mp3文件中获取元数据并使用FFmpeg将其作为文本放入视频中？【英文标题】：Howtotakemetadatafrom.mp3fileandputittoavideoasatextusingFFmpeg?【发布时间】：2021-03-1713:22:54【问题描述】：在我之前打开的主题中：HowtomakeFFmpegautomaticallyinj... 查看详情

symbian V3 如何从 MP3 文件中获取 id3 信息

】symbianV3如何从MP3文件中获取id3信息【英文标题】：HowsymbianV3getid3infofromaMP3file【发布时间】：2011-08-0507:39:55【问题描述】：我正在Symbianv3上编写音乐播放器。但我找不到如何从mp3文件中获取id3信息。是否有任何API可以做到这一... 查看详情

如何使用 Mp3agic jar Android studio 从 MP3 文件中获取 ID3 歌词标签？

】如何使用Mp3agicjarAndroidstudio从MP3文件中获取ID3歌词标签？【英文标题】：HowtogetID3LyricstagfromMP3fileusingMp3agicjarAndroidstudio?【发布时间】：2020-08-2813:19:47【问题描述】：我需要从mp3歌曲中获取歌词Mp3Filemp3file=newMp3File(file);if(mp3file.has... 查看详情

如何在使用 NAudio 流式传输 mp3 时获取当前时间？

】如何在使用NAudio流式传输mp3时获取当前时间？【英文标题】：Howtogetcurrenttimewhilestreamingmp3usingNAudio?【发布时间】：2016-09-1715:21:56【问题描述】：我有一个从url流式传输mp3的代码。我想在UI中显示mp3播放器的当前时间。我尝试使... 查看详情

使用 NAudio，如何获取 MP3 文件的幅度和节奏？

】使用NAudio，如何获取MP3文件的幅度和节奏？【英文标题】：UsingNAudio,HowdoIgettheamplitudeandrhythmofanMP3file?【发布时间】：2013-11-0117:34:25【问题描述】：妻子要求提供一种设备，让圣诞灯饰以最好的音乐“摇滚”。我将使用Arduino微... 查看详情

如何在 Perl 中获取 MP3 文件的长度？

】如何在Perl中获取MP3文件的长度？【英文标题】：HowtogetlengthofMP3fileinPerl?【发布时间】：2011-04-0707:56:18【问题描述】：我使用MP3::Tag从mp3文件中获取ID3信息。但我不知道如何获取mp3文件的长度..我的意思是持续时间。#以最简单的... 查看详情

如何从网站获取 mp3 音频流 url？

】如何从网站获取mp3音频流url？【英文标题】：Howtogetthemp3audiostreamingurlfromawebsite?【发布时间】：2017-10-0411:46:18【问题描述】：我正在尝试为广播电台构建应用程序，但一直遇到同样的错误。这就是它给我的。http://www.tantalk1340.co... 查看详情

使用 NAudio 从 MP3 广播流中获取元数据

】使用NAudio从MP3广播流中获取元数据【英文标题】：GettingMetaDatafromMP3radiostreamusingNAudio【发布时间】：2014-05-1313:47:04【问题描述】：在互联网和***中搜索后！我没有找到任何解释使用Naudio从无线电流中获取元数据的教程或示例！... 查看详情

从 .mp3 文件中获取“初始密钥”值

...不到从mp3文件中读取“初始键”属性以在我的应用程序中使用歌曲信息的方法。我已经尝试找到可以为我完成这项工作的库。我发现TagLib#是一个非常酷的解决方案，用于获取不同文件格式的标签/属性。（包括mp3）。我可以使用... 查看详情

使用 python 从 mp3 音频文件中获取幅度数据

】使用python从mp3音频文件中获取幅度数据【英文标题】：gettheamplitudedatafromanmp3audiofilesusingpython【发布时间】：2016-12-1209:11:11【问题描述】：我有一个mp3文件，我想基本上绘制该音频样本中存在的幅度谱。我知道如果我们有一个wa... 查看详情

如何使用 MPMediaPickerController 获取 mp3 的 NSData？

】如何使用MPMediaPickerController获取mp3的NSData？【英文标题】：HowtogetNSDataofmp3usingMPMediaPickerController?【发布时间】：2013-04-2415:03:40【问题描述】：我想将mp3从我的手机上传到服务器，为此我使用MPMediaPickerController。在获取MPMediaItem的... 查看详情

如何在 Flutter 中从内部和外部存储中获取所有 mp3 文件？

】如何在Flutter中从内部和外部存储中获取所有mp3文件？【英文标题】：Howtogetallmp3filesfrominternalaswellasexternalstorageinFlutter?【发布时间】：2019-11-2201:25:30【问题描述】：我想用颤振项目在列表视图中显示所有歌曲，但我不知道如何... 查看详情

如何使用 afconvert 从 .caf 转换为 .mp3 格式？ [关闭]

】如何使用afconvert从.caf转换为.mp3格式？[关闭]【英文标题】：Howtouseafconverttoconvertfrom.cafto.mp3format?[closed]【发布时间】：2010-09-3022:11:28【问题描述】：我正在使用afconvert命令行实用程序将音频文件从.caf转换为.mp3格式。我用过afcon... 查看详情

如何使用 golang id3-go 库获取和打印 mp3 Popularmeter 框架

】如何使用golangid3-go库获取和打印mp3Popularmeter框架【英文标题】：Howtogetandprintmp3Popularimeterframewithgolangid3-golibrary【发布时间】：2018-10-2109:58:42【问题描述】：我想从带有id3-go的文件中读取Popularimeter框架。这是使用mutagen-inspect打... 查看详情

从带有 URL 的 mp3 文件中获取元数据（swift）

...swift新手，我想从位于服务器上的mp3文件中获取数据（我使用了一个URL，例如：http://myserver.eu/file.mp3）。我使用了一些tuto，例如http://geekyviney.blogspot.com/20 查看详情

使用 android.media.Rating 从 android 中的歌曲列表 (MP3) 中获取评分元数据

】使用android.media.Rating从android中的歌曲列表(MP3)中获取评分元数据【英文标题】：Getratingmetadataformalistofsong(MP3)inandroidusingandroid.media.Rating【发布时间】：2021-04-2414:17:35【问题描述】：我需要从手机中所有歌曲的列表中检索评分。... 查看详情

如何使用 glide 从 android 中的音频 url 获取缩略图

】如何使用glide从android中的音频url获取缩略图【英文标题】：howtogetthumbnailfromaudiourlinandroidusingglide【发布时间】：2022-01-0114:33:42【问题描述】：尝试使用glide从url加载音频缩略图但不工作Glide.with(this).load("http://api.boleiachain.com/uploa... 查看详情

如何从 MP3 ID3 标签中提取专辑封面？

】如何从MP3ID3标签中提取专辑封面？【英文标题】：HowcanIextractthealbumartfromanMP3ID3tag?【发布时间】：2013-05-2505:13:00【问题描述】：我可以使用php从我的mp3应用程序中成功获取mp3ID3标签。我留下了一个巨大的BLOB。我敢肯定这很简单... 查看详情