오디오 시각화 애니메이션 컴포넌트 만들기 (Audio Visualization)
·
프론트엔드/React
오디오 시각화란 오디오 데이터를 시각화 하는 것 마이크를 사용했을 때 생기는 오디오 소스로부터 주파수나, 파형, 기타 데이터들을 활용해서 데이터 시각화를 하는 것이다. 오디오 시각화가 필요했던 이유 유저가 마이크를 사용할 때 자신의 목소리가 잘 녹음되고 있는지 인지시켜야함. 현 회사에서는 영어 교육 서비스를 제공하고 있는데, 유저가 스피킹 시험을 볼 때 마이크를 사용한다. 유저의 목소리가 작으면 녹음 퀄리티 저하로 이어지게 되는데, 문제는 마이크 녹음할 때 유저는 자신의 목소리가 작은지 인지하지 못한다. 그래서 마이크를 사용할 때 목소리 크기를 시각적으로 확인하는 장치가 필요했다. 즉 오디오 스트림 데이터를 시각화하여 유저는 목소리의 크기를 실시간으로 인지하면서 녹음할 수 있다. 이로써 녹음 품질을 개선..