【发布时间】：2015-01-13 13:24:47
【问题描述】：
我想知道 soundcloud 如何生成它们的波形。
- 这是在服务器端完成的吗？是否使用网络音频 API 完成？
- 如何使用网络音频 API 实现像 soundcloud 这样的静态波形？
谢谢
【问题讨论】：
标签： javascript soundcloud web-audio-api waveform
【发布时间】：2015-01-13 13:24:47
【问题描述】：
它是通过 HTML5 画布完成的（只需右键单击元素即可显示），因此它是在客户端生成的。
有一些库处理这个。其中之一是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。
【讨论】：