声云波形

Soundcloud waveforms

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

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

谢谢

它是通过 HTML5 canvas 完成的(只需右键单击该元素即可显示),因此它是在客户端生成的。

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

Soundcloud 分析波形服务器端。 他们曾经提供 1800 像素宽的 png 位图,代表 2015 年 8 月之前的波形。 从那时起,他们还提供了一个带有峰值数据的 JSON 对象。

查看此线程以了解为此目的使用网络音频 API:Create a waveform of the full track with Web Audio API

这个项目做了一个服务器端 waveToJSON: https://github.com/cargan/wave-form-player.