我遇到了寻找有关我的任务的教程的问题 - 创建音频文件的频谱，以便结果类似于此图像：
其中每个峰值是音频特定部分的平均响度幅度。
首先，我不太清楚这个东西到底叫什么（光谱？）。其次，当我尝试查找教程时，我只在浏览器中找到了实时音频处理。音频播放，声音被解析，dom 元素以某种方式对其做出反应。我需要一些完全不同的东西。我需要一个异步函数来加载轨道，它会用它的算法以某种方式处理它，并在输出时给出一个带有数字的数组，其中每个数字都可以用来构建图片的笔划。加载应用程序时应执行此过程 1 次。
怎么做？
mdn 网站上有一个绝对简单的指南https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API
结果，从音频文件生成最终图像。
有一些库可以帮助做到这一点（说实话，我没有使用它们）。例如https://www.npmjs.com/package/web-audio-graph
加上有关此主题的其他指南 - https://css-tricks.com/making-an-audio-waveform-visualizer-with-vanilla-javascript/
然后选择最合适/易于理解的并进行修改以满足您的需求。