[JavaScript로 오디오 이펙터를 만들어보자] 나만의 소리 만들기

이번 포스팅에서는 저번 포스팅에 이어 HTML5 Audio API를 사용하여 실제로 오디오 이펙터를 만드는 과정에 대해서 포스팅 하려고 한다. 저번 포스팅에서 이미 이야기 했듯이 Audio API는 여러 개의 노드를 연결하여 오디오의 흐름을 만들어 내는 것을 기본 개념으로 가지고 있고, 이펙터를 만들기 위해 필요한 몇 개의 추상화된 노드들을 기본적으로 제공해주기 때문에 그렇게 어려울 건 없다.

[JavaScript로 오디오 이펙터를 만들어보자] 소리의 흐름을 파악하자

이번 포스팅에서는 컴퓨터는 어떻게 소리를 들을까? 포스팅에서 진행했던 오디오 파형 그리기에 이어서 오디오에 여러가지 효과를 줄 수 있는 이펙터를 만드는 과정을 설명하려고 한다. HTML5의 Audio API는 오디오에 효과를 줄 수 있는 여러가지 노드를 제공하는데, 대부분의 이펙터는 이 노드들만 사용해도 구현할 수 있을 정도로 완성도있는 API를 제공한다.

ACK Aamazon Web Service Agile Algorithm Array Asynchronous Atlassian Audio Average Backpropagation Blocking Burn Out Commit Data Driven Data structure Deep Learning ECN Essay Essay Tips Event Loop Express Git Good Programmer Gravity HTTP HTTP/2 HTTP3 Hash Table Heap Hoisting IP JavaScript JavaScript Audio API Jira MFS Machine Learning Memory leak Merge Merge and squash Network NodeJS Non Blocking Notification API OOP Object Oriendted Programming PWA Paypal Progressive Web Application Prototype Rebase Render Optimizing SEO SPA SSR SYN Server Side Rendering Single Page Application Sort Algorithms Sound Engineering Study Synchronous TCP TCP 플래그 TDZ Temporal Dead Zone Tutorial TypeScript UDP V8 Versioning Vue Web Web Push Webpack Writing memory-fs traceroute webpack dev middleware webpack dev server 개발서적 개발자 객체지향프로그래밍 공동집필 공부 궤도 구현하기 글쓰기 나이퀴스트 난수생성알고리즘 네트워크 논리학 논블록킹 누적평균 데이터 기반 의사결정 동기 딥러닝 렌더 최적화 머신러닝 메르센 트위스터 배열 성능 최적화 버전관리 번아웃 부트캠프 블록킹 비동기 비전공 개발자 사운드 엔지니어 서버사이드 렌더링 소프트웨어 개발 방법론 소프트웨어 장인 리뷰 소프트웨어 장인정신 수학 알고리즘 애자일 애자일 프로세스 에세이 역전파 알고리즘 오디오 이펙터 이벤트 루프 자료 구조 자료구조 자바스크립트 정렬 알고리즘 조직문화 좋은 프로그래머 중력 중력 구현하기 철학 커피 한잔 마시며 끝내는 VueJS 컴퓨터 공학 컴퓨터공학 케플러 6요소 케플러 궤도 방정식 코딩테스트 코딩학원 타입스크립트 타입스크립트 인공 신경망 퇴사 튜토리얼 페이팔 평균구하기 프라하 프라하 생활 팁 프로그래밍 프로그래밍서적 프로토타입 프로페셔널 한 달살기 해시테이블 헤더 협업 호이스팅 회고 회고록
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×