자바스크립트 File API 파헤치기: Blob, File, FileReader, FileList, BlobURL
자바스크립트는 바이너리 데이터를 다루기 위한 방법으로 Buffer와 FileAPI를 제공한다. 1. Buffer: 개발자가 메모리 관점에서 바이너리 데이터를 다룰 수 있다. 2. File API: 파일(png, mp3등)이나 입출력장치(마이크, 카메라, 화면 등)의 바이너리 데이터를 다룰 수 있다. ▼이 중 Buffer(ArrayBuffer, TypedArray 등)에 대해서는 아래 글에서 아주 상세하게 정리해 두었다.▼ 자바스크립트 버퍼(Buffer): ArrayBuffer, TypedArray 파헤치기! 이번 글에서는 File API를 정리한다. # FILE API 란? FILE API란 단순 텍스트 데이터 뿐만 아니라 이미지, 오디오, 비디오 등의 대용량 바이너리 데이터를 다루기 위한 API이다. ..
2021. 12. 1.
오디오 데이터 추출 및 변환: ADC, 샘플링, 샘플레이트, 채널
이번 글에서는 컴퓨터에서 오디오 데이터를 처리하기 위해 우리가 듣는 소리를 디지털 바이너리 데이터로 추출/변환하여 처리하는 방법을 다룬다. ▼단, 아래의 소리 기초 원리에 대한 이해가 필요하다.▼ 소리란? 소리의 기초 원리 (feat. 마이크와 스피커의 작동 원리) 소리의 진폭, 주기, 주파수, 파형 (볼륨, 음정, 음색의 결정 원리) # 컴퓨터가 소리를 다루는 원리 컴퓨터가 소리를 인식하고, 소리를 재생하는 원리는 무엇일까? 1. 소리가 발생하면 주변의 공기가 진동하여 마이크의 판막을 흔든다. 2. 마이크의 판막이 진동할 때마다 전기 신호가 생성된다. 3. 전기 신호가 메모리에 디지털 데이터(1, 0)로 저장된다. (ADC: Analog to Digital Conversion) 4. 저장된 데이터가 C..
2021. 11. 25.
소리의 진폭, 주기, 주파수, 파형 (볼륨, 음정, 음색의 결정 원리)
소리란 공기의 밀도가 반복하여 변화(진동)하며 주변으로 퍼져나가는 것이다. ▼ 소리의 원리는 이전 글 참고 ▼ 소리란? 소리의 기초 원리 (feat. 마이크와 스피커의 작동 원리) 이번 글은 소리의 진폭, 주기, 주파수, 파형을 다루고, 소리의 3대 요소인 크기(Volume), 높낮이(Pitch), 음색(Timbre)이 어떻게 달라지는지 다룬다. # 소리의 파동(Wave) 소리가 발생하면 공기의 밀도가 변하면서 퍼져나간다. 이 때 공기의 밀도가 커졌다 작아졌다 진동하는 것을 그래프로 표현해보자. x축에 시간, y축에 밀도를 표시하면, 아래와 같은 그림이 그려질 것이다. * 이를 Time Domain Data라고 한다.(개발자들은 이 단어를 기억하자) 소리의 시간에 따른 밀도 변화를 파동(Wave) 혹은 ..
2021. 11. 24.
