我正在尝试向我的node.js Web应用程序添加功能，以便当用户输入多个音频文件时，我可以提取并显示每个文件的元数据信息，例如标题/艺术家/专辑/年份等。添加此名称，以便它理想地适用于大多数音频文件(mp3 / wav / flac / etc ..)。
这个例子(带有github链接)显示了它的可能:https://audio-tag-analyzer.netlify.app/几乎完全符合我的要求。该网站的代码是一个React应用，但是我并不熟悉。
我在node.js网络应用程序中研究了几种可能的解决方案来实现我的目标:
无法工作，因为文件默认文件输入选择将返回仅具有名称/大小/类型信息(无元数据)的FileList对象
使用此软件包:https://github.com/Borewit/music-metadata，如果您具有完整的文件路径，则可以使用parseFile输入选项，我无法在浏览器中获得此文件，而没有将文件上传到我的本地服务器，该ID可以避免
使用此软件包:https://github.com/Borewit/music-metadata
该程序包的parseStream示例代码需要'someReadStream'作为输入，如下所示:
mm.parseStream(someReadStream, {mimeType: 'audio/mpeg', size: 26838})
.then( metadata => {
console.log(util.inspect(metadata, {showHidden: false, depth: null}));
someReadStream.destroy();
});
<input style="cursor: pointer;" type="file" id="file" multiple="multiple" />
最佳答案
我会使用另一种库，因为该库似乎没有前端，不需要响应， Angular 或其他工具(例如browserify)才能使其正常工作。注意:我试图使其与Browserify一起使用，但是遇到了很多问题。我花了太多时间试图使那个作品变得有趣。
无论如何，这是一种使用jsmediatags获取所有标签的好方法
$(document).ready(() => {
function readSong(file) {
return new Promise((resolve, reject) => {
window.jsmediatags.read(file, {
onSuccess: (tag) => {
resolve(tag.tags);
},
onError: (error) => {
reject(error);
}
});
});
}
$("#file").change(async (event) => {
var fileList = event.target.files;
try {
const tags = await readSong(fileList[0]);
console.log(tags);
} catch(e) {
console.log(e);
}
});
});<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsmediatags/3.9.3/jsmediatags.min.js"></script>
<script src="./lib/index.js"></script>
</head>
<body>
<input style="cursor: pointer;" type="file" id="file" multiple="multiple" />
</body>
</html>关于node.js - 提取音频文件元数据，而无需使用fileStream在nodejs中上传，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63759523/