React Native录音开发如何获取麦克风声波数据

以下方案均不侵入你已调试完成的核心录音逻辑，拿到的原始声波数值可直接对接你自行开发的动画效果：

可直接引入的轻量开发库 #

• 跨端应用（React Native/Flutter/小程序等场景）
  不需要专门找声波特效类库，你项目里已经在用的录音依赖基本都自带PCM数据回调配置：初始化录音实例时打开原始数据回调开关，每次回调返回的字节数组就是当前采样周期的麦克风输入原始数据，对数组做均方根计算就能得到实时音量振幅，做快速傅里叶变换就能得到各频段声波强度。如果不想自己写数值计算逻辑，可以引入轻量音频分析工具库，这类库只接收音频流输入，直接输出计算好的振幅、频段值，体积普遍在100KB以内，不会造成包体积冗余。
• Web/H5场景
  不需要引入第三方库，直接用原生AudioContext接口即可：通过createMediaStreamSource绑定麦克风输入流，挂载AnalyserNode节点后就能直接读取实时时域、频域数据，支持自定义采样精度、FFT计算窗口大小。

Native端原生实现方案 #

• Android端
  直接用系统原生AudioRecord类即可，无需额外依赖：初始化时配置16位PCM编码、16000采样率、单声道参数，启动录音后在子线程循环读取缓冲区数据，读到的short数组就是原始声波采样值，遍历数组计算均方根就能得到实时振幅。如果你现有录音逻辑用的是MediaRecorder，可以通过MediaCodec绑定同一路音频源拿到PCM数据，不需要改动已有的录音存储、编码逻辑。
• iOS端
  用系统自带AVAudioEngine实现成本最低：给音频输入节点安装tap回调，就能按你指定的缓冲长度拿到实时PCM帧数据，和现有AVAudioRecorder的录音逻辑可以并行运行，不会出现麦克风占用冲突。

实用提示：做动态声波展示不需要太高的音频采样率，配置16000采样率完全足够，能大幅降低CPU占用；所有平台读取麦克风数据前都要先校验麦克风权限，否则会返回全0的无效数据。

内容的提问来源于stack exchange，提问作者IlyesHadji