2015-01-13 5 views
1

Я хотел бы знать, как soundcloud генерирует их сигналы.Звуковые волны Soundcloud

  1. Это делается на стороне сервера? Это делается с помощью API веб-аудио?
  2. Как я могу достичь статических осциллограмм, таких как soundcloud, используя API веб-аудио?

Благодаря

ответ

4

Это делается через HTML5 холст (простая правая кнопка мыши на элементе может показать вам, что), так что генерируются на стороне клиента.

Есть несколько библиотек, которые обрабатывают это. Один из них - WaveSurfer.

+0

Отличный ответ. ':)' –

+0

Еще один http://waveformjs.org/#examples –

+0

Пикдаты создаются на стороне сервера. Холст используется только для создания графического представления. –

1

Soundcloud анализирует серверы сигналов. Они использовались для растровых изображений png шириной 1800 пикселей, представляющих форму волны uptil август 2015 года. С тех пор они также служат объекту JSON с пиковыми данными.

Посмотрите на эту тему для использования веб-аудио API для этой цели: Create a waveform of the full track with Web Audio API

И этот проект делает waveToJSON стороне сервера: https://github.com/cargan/wave-form-player.