์ด๋ ์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ 5.2.0.zip์ผ๋ก ๋ค์ด๋ก๋ํ ์ ์๋ wavesurfer.js๋ผ๋ Windows ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
Wavesurfer.js๋ผ๋ ์ด ์ฑ์ OnWorks์ ํจ๊ป ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์จ๋ผ์ธ์ผ๋ก ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ ๋ชจ๋ OS OnWorks ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํ์ง๋ง ๋ ๋์ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Windows OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํฉ๋๋ค.
- 7. Linux ๋ฐฐํฌ ์ํํธ์จ์ด ์ ์ฅ์์์ Wine์ ๋ค์ด๋ก๋ํฉ๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ฑ์ ๋ ๋ฒ ํด๋ฆญํ์ฌ Wine๊ณผ ํจ๊ป ์คํํ ์ ์์ต๋๋ค. ์ธ๊ธฐ ์๋ Windows ํ๋ก๊ทธ๋จ ๋ฐ ๊ฒ์์ ์ค์นํ๋ ๋ฐ ๋์์ด ๋๋ Wine์ ํตํ ๋ฉ์ง ์ธํฐํ์ด์ค์ธ PlayOnLinux๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
Wine์ Linux์์ Windows ์ํํธ์จ์ด๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ์ด์ง๋ง Windows๊ฐ ํ์ํ์ง ์์ต๋๋ค. Wine์ ๋ชจ๋ Linux ๋ฐ์คํฌํ์์ ์ง์ Windows ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ์คํ ์์ค Windows ํธํ์ฑ ๊ณ์ธต์ ๋๋ค. ๋ณธ์ง์ ์ผ๋ก Wine์ Windows๊ฐ ํ์ํ์ง ์๊ณ ๋ชจ๋ Windows ์์ฉ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋๋ก Windows๋ฅผ ์ฒ์๋ถํฐ ์ถฉ๋ถํ ๋ค์ ๊ตฌํํ๋ ค๊ณ ํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
wavesurfer.js
๊ธฐ์
wavesurfer.js๋ Web Audio API ๋ฐ HTML5 Canvas ์์ ๊ตฌ์ถ๋ ๋ง์ถคํ ์ค๋์ค ํํ ์๊ฐํ์ ๋๋ค. wavesurfer.js๋ฅผ ์ฌ์ฉํ๋ฉด HTML5 ์ค๋์ค ํ๋ ์ด์ด์์ ์ ๊ตํ DJ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ด๋ฅด๊ธฐ๊น์ง ๋ฌด์์ด๋ ๋ง๋ค ์ ์์ต๋๋ค. wavesurfer.js๋ ์น ์ค๋์ค๋ฅผ ์ง์ํ๋ ์ต์ ๋ธ๋ผ์ฐ์ ์์๋ง ์๋ํฉ๋๋ค. ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ (IE 11 ์ดํ)์์๋ ๊ทธ๋ํฝ์ด ์๋ ์ค๋์ค ์์๋ก ๋์ฒด๋ฉ๋๋ค. ํ๋์ ๊ธฐ๋ฐ ํด๋ฐฑ์ธ wavesurfer.swf๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค. ์ฌ์์ ๋๋ฅด๋ฉด ์ค๋์ค๊ฐ ์ฌ์๋๊ธฐ ์์ํฉ๋๋ค. ์ ์ฒด ์ค๋์ค ํ์ผ์ ๋ค์ด๋ก๋ํ๊ณ ๋์ฝ๋ฉํ์ฌ ํํ์ ๊ทธ๋ฆด ๋๊น์ง ๊ฐ๋ ์ ์ด ํ์๋ฉ๋๋ค. Web Audio๋ ๋ธ๋ผ์ฐ์ ์์ ๋์ฝ๋ฉํ๋ ค๋ฉด ์ ์ฒด ํ์ผ์ด ํ์ํฉ๋๋ค. ๊ทธ๋ฌ๋ ๋ฏธ๋ฆฌ ๋์ฝ๋ฉ๋ ํํ ๋ฐ์ดํฐ๋ฅผ ๋ก๋ํ์ฌ ์ฆ์ ํํ์ ๊ทธ๋ฆด ์ ์์ต๋๋ค. wavesurfer.js๋ Firefox, Chrome, Safari(๋ฐ์คํฌํฑ ๋ฐ ๋ชจ๋ฐ์ผ) ๋ฐ Opera๋ฅผ ํฌํจํ์ฌ ์น ์ค๋์ค๋ฅผ ์ง์ํ๋ ์ต์ ๋ธ๋ผ์ฐ์ ์์ ์คํ๋ฉ๋๋ค.
ํน์ง
- HTML5 ์ค๋์ค ํ๋ ์ด์ด์์ ์ ๊ตํ DJ ์์ฉ ํ๋ก๊ทธ๋จ์ ์ด๋ฅด๊ธฐ๊น์ง ๋ฌด์์ด๋ ๋ง๋ค ์ ์์ต๋๋ค.
- wavesurfer.js๋ ์ต์ ๋ธ๋ผ์ฐ์ ์์ ์คํ๋ฉ๋๋ค.
- ์ด ์ ์๋ฌผ์ BSD 3-Clause ๋ผ์ด์ ์ค์ ๋ฐ๋ผ ๋ผ์ด์ ์ค๊ฐ ๋ถ์ฌ๋ฉ๋๋ค.
- ํ๋์ ๊ธฐ๋ฐ ํด๋ฐฑ์ธ wavesurfer.swf๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
- ํ์ ๊ฐ๋ฅํ ๋ํํ ์ค๋์ค ์๊ฐํ ์ ๊ณต
- ๋ชจ๋ ์์คํ ๊ณผ ํจ๊ป ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
์๋ฐ ์คํฌ๋ฆฝํธ
์ด๋ https://sourceforge.net/projects/wavesurfer-js.mirror/์์๋ ๊ฐ์ ธ์ฌ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.