Flutter音频录制插件fl_recorder的使用

Flutter音频录制插件fl_recorder的使用

目前仅支持Android，未来将支持iOS。

在Flutter上使用麦克风录音和系统音频捕获，在Android中默认启用了前台服务，并在Android Q及以上版本添加了常驻消息通知。

使用

/// 初始化
void initialize() {
  FlRecorder().initialize(source: AudioSource.capture);
  FlRecorder().initialize(source: AudioSource.microphone);
}

/// 数据流
void onChanged() {
  FlRecorder().onChanged((AudioDescription audio) {
    debugPrint("毫秒数:${audio.milliseconds}");
  });
}

/// 开始录音
void startRecording() {
  FlRecorder().startRecording();
}

/// 停止录音
void stopRecording() {
  FlRecorder().stopRecording();
}

/// 释放资源
void dispose() {
  FlRecorder().dispose();
}

完整示例Demo

以下是一个完整的示例代码，展示了如何使用fl_recorder插件进行音频录制和播放。

import 'dart:typed_data';

import 'package:fl_extended/fl_extended.dart';
import 'package:flutter/material.dart';
import 'package:flutter_sound/flutter_sound.dart';
import 'package:fl_recorder/fl_recorder.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MaterialApp(
      navigatorKey: FlExtended().navigatorKey,
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          appBar: AppBar(title: const Text('FlRecorder 插件示例')),
          body: const Padding(
            padding: EdgeInsets.all(12),
            child: SingleChildScrollView(child: _App()),
          ))));
}

class _App extends StatefulWidget {
  const _App();

  [@override](/user/override)
  State<_App> createState() => _AppState();
}

class _AppState extends State<_App> {
  final recording = FlRecorder();
  List<int> byte = [];
  List<double> amplitude = [];

  String text = '';

  [@override](/user/override)
  void initState() {
    super.initState();
    addPostFrameCallback((_) {
      recording.onChanged((AudioDescribe audio) {
        byte.addAll(audio.byte);
        amplitude.addAll(audio.toAmplitude);
        text = ("正在录制:${recording.isRecording}\n"
            "毫秒数:${Duration(milliseconds: audio.milliseconds)}\n"
            "字节数:${byte.length}\n"
            "振幅:${amplitude.length}");
        debugPrint(text);
        if (mounted) setState(() {});
      });
      recording.onStateChanged((bool isRecording) {
        debugPrint("是否正在录制:$isRecording");
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(children: [
      Container(
          height: 140,
          width: double.infinity,
          alignment: Alignment.center,
          padding: const EdgeInsets.all(10),
          decoration: BoxDecoration(
              shape: BoxShape.rectangle,
              color: Colors.black12.withValues(alpha: 0.1)),
          child: Text(text)),
      Wrap(runSpacing: 10, spacing: 10, children: [
        ElevatedText(
            text: '请求忽略电池优化',
            onPressed: () async {
              final result = await recording.requestIgnoreBatteryOptimizations();
              text = "请求忽略电池优化 : $result";
              setState(() {});
            }),
        ElevatedText(
            text: '初始化(AudioSource.capture)',
            onPressed: () async {
              final result = await recording.initialize(source: AudioSource.capture);
              text = "初始化(AudioSource.capture) : $result";
              setState(() {});
            }),
        ElevatedText(
            text: '初始化(AudioSource.microphone)',
            onPressed: () async {
              final result = await recording.initialize(source: AudioSource.microphone);
              text = "初始化(AudioSource.microphone) : $result";
              setState(() {});
            }),
        ElevatedText(
            text: '开始录制',
            onPressed: () async {
              final result = await recording.startRecording();
              text = "开始录制 : $result";
              debugPrint(text);
              setState(() {});
            }),
        ElevatedText(
            text: '停止录制',
            onPressed: () async {
              final result = await recording.stopRecording();
              text = "停止录制 : $result";
              debugPrint(text);
              setState(() {});
            }),
        ElevatedText(
            text: '释放资源',
            onPressed: () async {
              final result = await recording.dispose();
              text = "释放资源 : $result";
              setState(() {});
            }),
        ElevatedText(text: '播放录音数据', onPressed: playRecordData),
      ])
    ]);
  }

  final player = FlutterSoundPlayer();

  void playRecordData() async {
    if (byte.isEmpty) {
      showToast('请先录制数据');
      return;
    }
    showToast('开始播放录音');
    await player.openPlayer();
    player.startPlayer(
        codec: Codec.pcm16,
        fromDataBuffer: Uint8List.fromList(byte),
        whenFinished: () {
          showToast('播放完毕');
          player.stopPlayer();
          player.dispositionStream();
        });
  }
}

class Partition extends StatelessWidget {
  const Partition(this.title, {super.key, this.onTap});

  final String title;
  final GestureTapCallback? onTap;

  [@override](/user/override)
  Widget build(BuildContext context) => Universal(
      onTap: onTap,
      width: double.infinity,
      color: Colors.grey.withValues(alpha: 0.2),
      alignment: Alignment.center,
      padding: const EdgeInsets.symmetric(vertical: 10),
      margin: const EdgeInsets.symmetric(vertical: 20),
      child: BText(title, fontWeight: FontWeight.bold));
}

class ElevatedText extends StatelessWidget {
  const ElevatedText({super.key, required this.text, required this.onPressed});

  final String text;
  final VoidCallback onPressed;

  [@override](/user/override)
  Widget build(BuildContext context) =>
      ElevatedButton(onPressed: onPressed, child: Text(text));
}