MediaRecorder2 [Web Audio API #17] MediaRecorder를 이용한 녹음예제 이전 포스팅에서 MediaRecorder 오디오 노드를 이용해서 마이크 입력 신호를 녹음하는 과정을 단계별로 살펴보았다. 이 과정들을 묶어서 전체 흐름을 살펴보는 것이 도움이 될 것 같다. 녹음을 위한 단계들을 요약하면 아래와 같다. 1. 녹음을 위한 소스source 스트림stream을 얻는다. 2. MediaRecorder 객체를 생성한다. 3. MediaRecorder의 dataavailable 이벤트 핸들러를 작성한다. 4. MediaRecorder의 stop 이벤트 핸들러를 작성한다. 5. MediaRecorder.start() 메서드를 호출해서 녹음을 시작한다. 6. MediaRecorder.start() 메서드를 호출해서 녹음을 종료한다. 먼저 녹음/종료 버튼을 포함하는 HTML 파트는 아래와.. 2021. 8. 13. [Web Audio API #16] 녹음 - MediaRecorder Web Audio API 표준에서 녹음(레코딩)을 담당하는 오디오 노드는 MediaRecorder이다. 레코딩을 위한 전체 과정을 먼저 살펴보면 아래와 같다. 1. 녹음을 위한 소스(source)를 얻거나 생성한다. 예로 마이크 입력 stream이 있다. 2. MediaRecorder 객체를 생성하고 녹음 대상이 되는 데이터 스트림을 전달한다. 3. MediaRecorder의 dataavailable 이벤트 핸들러를 작성한다. 이벤트 핸들러는 stream에서 데이터가 전달될 때 마다 이를 저장하는 내용으로 구성된다. 4. MediaRecorder의 stop 이벤트 핸들러를 작성한다. 이벤트 핸들러에서는 dataavailable 이벤트가 발생할 때 마다 저장했던 데이터를 Blob(Binary Large O.. 2021. 8. 10. 이전 1 다음
