# wavesurfer.js - 인터랙티브 오디오 파형 시각화 라이브러리 오픈소스

> Clean Markdown view of GeekNews topic #4863. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4863](https://news.hada.io/topic?id=4863)
- GeekNews Markdown: [https://news.hada.io/topic/4863.md](https://news.hada.io/topic/4863.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-08-22T09:49:01+09:00
- Updated: 2021-08-22T09:49:01+09:00
- Original source: [wavesurfer-js.org](https://wavesurfer-js.org/)
- Points: 11
- Comments: 1

## Topic Body

- 브라우저에서 오디오 파형을 그리고, 일부분을 선택해서 재생 가능

- Web Audio API + HTML5 Canvas

ㅤ→ Web Audio 미지원시 자동으로 HTML5 Media로 폴백

- 서버에서 Pre-rendered Peak 로딩 가능

- 다양한 이벤트 제공

ㅤ→ audioprocess, dblclick, finish, interaction, loading, mute, pause, play, ready, scroll, seek, volume, waveform-ready, zoom

## Comments



### Comment 6471

- Author: alstjr7375
- Created: 2021-08-22T14:53:59+09:00
- Points: 1

사운드 클라우드 같이 보여주는건가 보네요.

멋집니다.