wavesurfer.js는 사운드 재생, 편집과 관련된 기능을 제작할 때 유용한 JS라이브러리다. 위와 같이 단순한 음악 재생 플레이어 뿐만 아니라 타임라인, 마커, 플레이리스트, 이퀄라이저, 등... 오디오에 필요한 웬만한 기능을 구현할 수 있다.
wavesurfer.js
Backward Play / Pause Forward Toggle Mute
wavesurfer-js.org
wavesufer.js의 기능 중에서 특히 눈여겨 볼 부분은 '비디오 음원 검출'이다. 비디오 내의 음원 파형이 집중된 구간을 검출할 수 있다면, 해당 시간대를 잘라낼 수 있는 편집이 가능하다. 해당 기능을 잘 활용한다면, 비디오 파일에서 특정 음원부분을 자동으로 잘라내는 기능을 구현할 수 있지 않을까한다.
wavesurfer.js 홈페이지에 있는 예제를 살펴본 결과, 사용법도 간단하고 기능도 훌륭했다. 콘텐츠 관련 프로젝트를 진행한다면, 필수가 아닐까한다. GUI만 잘 구현한다면 여러모로 강추할 만한 라이브러리다.
'라이브러리 창고 > 사운드·기타' 카테고리의 다른 글
| 오디오파형 JS라이브러리「peaks.js 」 (0) | 2022.05.18 |
|---|---|
| 『jzz.js』 midi앱을 제작해보자 (0) | 2021.03.18 |
| 『babylon.js의 미래』 (1) | 2021.01.08 |
| 반응형 3D Text JS라이브러리 『ztext.js』 (0) | 2020.11.04 |
| Natural App 『window-swap.com』 (0) | 2020.07.25 |
댓글