spectro 다운로드 - spectro 소스 코드 다운로드

다운로드

? 스펙트로

Spectro는 웹을위한 실시간 오디오 스펙트로 그램 생성기입니다. 장치의 마이크 또는 오디오 파일에서 사운드를 시각화 할 수 있습니다.

Spectro의 스크린 샷

여기로 가서 Spectro 사용을 시작하십시오.

스펙트로 그램 생성을 시작하려면 다음 중 하나를 사용할 수 있습니다.

클릭 ? 마이크 버튼에서 녹화하여 마이크에서 스펙트로 그램을 생성하기 시작하십시오.
장치의 오디오 출력에서 오디오를 녹음하려면 Windows에서 '스테레오 믹스'를 활성화하거나 MacOS에서 Blackhole을 사용한 다음이 장치를 브라우저의 기본 입력 장치로 설정할 수 있습니다.
클릭 ? 오디오 파일 버튼을 재생하여 장치의 오디오 파일에서 스펙트로 그램을 생성하기 시작하십시오. 선택한 오디오 파일도 재생됩니다.
브라우저에서 지원하는 모든 오디오 형식을 재생할 수 있습니다.

스펙트로 그램은 오른쪽에서 왼쪽에서 왼쪽으로 생성되며 가장 최근 오디오는 오른쪽에, 왼쪽에는 가장 오래된 오디오가 나타납니다.

스펙트로 그램의 모양을 제어하는 데 사용할 수있는 옵션 도 있습니다.

? 감도는 스펙트로 그램이 오디오에 얼마나 민감한 지 제어합니다. 변경하면 오디오의 볼륨을 변경하는 것과 동일한 영향을 미칩니다.
? 대비는 이미지와 대비를 추가하기 위해 스펙트로 그램에 로그 스케일링을 적용합니다. 변경하면 분석중인 오디오에 따라 더 나은 이미지를 생성하는 데 도움이 될 수 있습니다.
? 줌은 시간 축을 따라 스펙트로 그램의 확대 된 방법을 제어합니다.
? 최소 그리고 맥스. 주파수 제어 스펙트로 그램에 표시 할 주파수 범위. 더 낮은 주파수는 스펙트로 그램의 하단에 나타나고 상단에는 더 높은 주파수가 나타납니다.
? 주파수 스케일은 스펙트럼의 주파수 축에 적용 할 스케일링을 제어합니다. '선형'은 모든 주파수가 균등하게 표시되는 반면, 'Mel'은 더 낮은 주파수에 더 많은 무게를 제공함으로써 더 자연스러운 외관을 제공합니다.
? 색상은 색 구성표를 제어하여 스펙트로 그램을 표시합니다.

스펙트로 그램 생성을 중지하려면 ⏹ 정지 버튼을 클릭 할 수 있습니다. 오디오 파일을 재생하면 스펙트로 그램이 트랙 끝에서 자동으로 중지됩니다.

스펙트로 그램은 사운드에서 생성 된 이미지입니다. 그것은 시간이 지남에 따라 사운드로 존재하는 주파수를 시각화하며, 수평 축을 따라 시간이 표시되고, 세로 축을 따라 주파수 및 주파수의 음량이 색상별로 표시됩니다.

예를 들어 휘파람의 스펙트로 그램을 생성한다면 휘파람의 피치에 밝은 선이 보입니다.

Chrome, Firefox 및 Safari의 최신 버전은 모두 Spectro와 함께 작동합니다. 새로운 버전의 Microsoft Edge와 같은 다른 Chromium 기반 브라우저도 작동해야합니다.

다음은 모든 것을 설명하는 블로그 게시물입니다! 빠른 개요 :

오디오 입력은 4096 개의 샘플의 프레임으로 나뉘며,이 샘플마다 겹쳐집니다. 시간과 주파수 해상도 사이의 최상의 트레이드 오프 인 것처럼 4096을 창 크기로 선택했습니다. 결국 구성 가능하게 만들 수 있습니다.
그런 다음이 중첩 프레임은 7 학기 Blackman-Harris 기능을 사용하여 윈도우로 만들어졌으며, 가장 시각적으로 명확성을 제공하는 것처럼 결정했습니다.
그런 다음 전용 웹 워커에서 Windows는 빠른 푸리에 변환 (JSFFT 사용)을 통해 실행되며 각 주파수 빈의 표준은 스펙트로 그램의 기초로 간주됩니다.
그런 다음이 원시 스펙트로 그램 데이터는 원형 큐에 삽입되며, 이는 스펙트로 그램 이미지의 폭과 같은 용량을 갖습니다.
그런 다음 원시 스펙트로 그램 데이터를 WebGL로 화면으로 렌더링하여 셰이더를 사용하여 모든 스케일링, 색상 화 및 기타 이미지 조정을 GPU에서 직접 수행합니다. 전체 업로드를 수행하는 대신 성능을 향상시키기 위해 각 프레임에 새로운 원시 분광 데이터 만 업로드됩니다.
설정 패널은 React 및 Material-UI를 사용합니다 (대부분의 번들 크기를 설명합니다).