flutter如何实时显示频谱

在Flutter中实时显示音频频谱可以使用`flutter_audio_recorder`库配合`flutter_spectrogram`插件。以下是基本步骤：

1. **添加依赖**:
首先，在pubspec.yaml文件中添加这两个库的依赖：

   dependencies:
     flutter_audio_recorder: ^0.5.6+4
     flutter_spectrogram: ^0.9.0

2. **录音并获取音频数据**:
使用`flutter_audio_recorder`库记录音频，然后在停止录音后，获取音频样本数据：

   AudioRecorder recorder = AudioRecorder();
   recorder.initialize().then((_) {
     // 开始录音
     Future<void> record = recorder.startRecording(path);
     record.then((_) {
       // 录音完成后，读取音频数据
       recorder.stopRecording().then((data) {
         final audioSamples = data.samples;
         // ... 进行后续处理
       });
     });
   });

3. **计算频谱**:
获取到音频样本后，使用`flutter_spectrogram`库的`Spectrogram`类来计算频谱图：

   List<List<double>> spectrogramData = Spectrogram.compute(audioSamples, sampleRate: recorder.sampleRate);

4. **绘制频谱图**:
将计算出的数据传递给`Spectrogram`构造函数，并将其渲染到UI上：

   Spectrogram(
     data: spectrogramData,
     sampleRate: recorder.sampleRate,
     frameSize: FrameSize.square(256),
     height: 200,
   ),

5. **实时更新**:
如果需要实时显示，可以在每次新的录音数据可用时更新频谱图。