Soundcloud波形

Question

我想知道soundcloud如何生成波形。

1. 这是在服务器端完成的吗？是使用网络音频API完成的吗？
2. 如何使用网络音频API实现像soundcloud这样的静态波形？

由于

Answer 1

它是通过HTML5画布完成的（只需右键单击该元素即可显示），因此它是在客户端生成的。

有一些库处理这个问题。其中之一是WaveSurfer。

Answer 2

Soundcloud分析波形服务器端。 他们过去常常提供1800像素宽的png位图，代表2015年8月的波形。 从那时起，他们还使用峰值数据提供JSON对象。

为此目的，请查看此线程以使用Web音频API：Create a waveform of the full track with Web Audio API

此项目执行服务器端waveToJSON：https://github.com/cargan/wave-form-player。