我想从服务器上的MP3文件创建WaveForm图像。

我尝试使用wavesurfer.js插件。我宁愿没有插件也可以,但是我找不到教程或任何好的资源。

现在,我想在服务器上保存波形的缩略图(来自mp3文件)。由于waveurfer.js使用HTML5画布,因此我不知道如何创建波形的缩略图。如何创建缩略图?

最佳答案

本文介绍了它们如何在浏览器中获取音频波形图像。
http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms

这可用于与波形数据进行交互,生成等(例如,转换为JSON)。
https://github.com/bbcrd/peaks.js

这可用于在画布中绘制。
https://github.com/bbcrd/waveform-data.js

您可以通过以下方式创建缩略图:将画布图像缩小到所需的大小,然后将其上传到服务器,尽管waveurfer.js也是如此

您可以使用http://www.w3schools.com/tags/canvas_scale.asp缩放画布图像。您可以使用画布的width和height属性来更改其大小。

关于javascript - 在HTML5 Canvas中创建MP3波形的缩略图,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34479540/

10-12 00:33
查看更多