2015-01-13 4 views
1

사운드 클 라우드가 파형을 생성하는 방법을 알고 싶습니다.사운드 클럭 파형

  1. 이 작업은 서버 측에서 수행됩니까? 웹 오디오 API를 사용하여 완성 되었습니까?
  2. 웹 오디오 API를 사용하여 soundcloud와 같은 정적 파형을 어떻게 얻을 수 있습니까? 이 클라이언트 측에서 생성되도록

감사

그것은 HTML5 캔버스를 통해 이루어집니다

답변

4

은 (요소에 대한 간단한 마우스 오른쪽 버튼으로 클릭하면이를 표시 할 수 있습니다).

이 문제를 처리하는 라이브러리가 있습니다. 그 중 하나는 WaveSurfer입니다.

+0

큰 답변입니다. ':)' –

+0

하나 더 http://waveformjs.org/#examples –

+0

피크 데이터는 서버 측에서 생성됩니다. 캔버스는 그래픽 표현을 만드는 데에만 사용됩니다. –

1

Soundcloud는 파형 서버 측을 분석합니다. 그들은 2015 년 8 월까지 파형을 나타내는 1800 pix 폭의 png 비트 맵을 제공하는 데 사용되었습니다. 이후 피크 데이터가있는 JSON 객체도 제공합니다.

는이 목적을 위해 웹 오디오 API의 사용이 스레드를 살펴 보자 Create a waveform of the full track with Web Audio API

을 그리고이 프로젝트는 서버 측 waveToJSON을 수행 https://github.com/cargan/wave-form-player.