我想从服务器上的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/