오디오 비주얼라이저 — 8가지 반응형 WebGL 장면

들어오는 소리를 짧게 잘라 푸리에 변환을 돌리고 그 결과를 주파수 대역의 묶음으로 읽습니다. 막대나 고리 하나하나는 한 대역의 에너지이지 신호 전체의 크기가 아닙니다. 그래서 킥드럼은 왼쪽 끝을 밝히고 심벌은 오른쪽을 밝히며, 크지만 좁은 소리는 화면의 일부만 움직입니다. 보이는 모습을 정하는 것은 양식의 선택보다 두 가지 설정입니다. 하나는 대역의 개수로, 세밀함과 안정감을 맞바꿉니다. 다른 하나는 평활화로, 각 대역을 직전 값과 평균 내어 화면이 프레임 속도로 깜빡이지 않게 합니다. 평활화를 낮추면 화면이 신경질적이고 곧이곧대로가 되고, 높이면 흐르듯 움직이지만 박자보다 늦습니다.

브라우저에서 마이크 접근을 허용했는지 확인하세요. 마이크가 음소거되지 않았는지 확인하세요. 민감도 슬라이더를 높여보세요. 파일을 사용하는 경우 오디오가 재생 중인지 확인하세요.

예. S를 누르거나 스크린세이버 버튼을 클릭하세요. 비주얼라이저가 전체 화면에 진입하고 30초마다 자동으로 8가지 장면을 모두 순환합니다. Escape를 누르거나 아무 곳이나 클릭하여 종료합니다.

각 장면은 GPU 프래그먼트 셰이더라서 하드웨어 가속이 켜진 WebGL이 필요합니다. 검은 사각형은 장면이 고장 난 것이 아니라 브라우저 설정에서 가속이 꺼져 있다는 뜻인 경우가 대부분입니다. 끊김은 같은 이야기의 반대편입니다. 여덟 장면 중 불과 용암이 가장 무거우니 가벼운 장면으로 바꾸거나, 전체 화면을 벗어나거나, 같은 GPU를 두고 경쟁하는 다른 탭을 닫으세요.

예. 파일 업로드 모드로 전환하고 오디오 파일(MP3, WAV, OGG, FLAC)을 선택하세요. 음악이 스피커를 통해 재생되며 비주얼은 실시간으로 반응합니다.