Tag Clouds



SVG와 Audio 요소를 접목한 3D 음향 파장

PDF

브라우저 성능의 한계를 시험하는 것을 즐기는 Ricardo Cabello씨는 HTML5의 audio요소와 SVG요소를 접목하여 3차원 음향 파장을 만들어 냈습니다. 헉! HTML5의 audio 요소 명세를 살펴보면 음향 신호를 분석할 수 있는 API는 없습니다. 깜놀해서 소스를 까보니, 사운드 레벨에 대한 값을 50프레임 단위로 기록해 놓으셨더군요. 이 사운드 레벨과 SVG요소를 이용해서 파장을 만들고 흘러 나오는 음악과 싱크를 맞춘 것입니다. BASS for linux 라이브러리를 이용해서 값을 추출할 수 있었다고 하네요. 참 대단하신 분입니다.


Comments

Trackback : http://firejune.com/trackback/1485

  1. avatar

    captcha