flutter如何实现record版本功能

在Flutter中如何实现类似record版本的功能？比如需要记录用户的操作历史，或者保存不同版本的数据以供回滚。目前遇到的问题是不知道如何高效地管理这些版本数据，以及在UI上展示版本差异。有没有推荐的插件或设计模式来实现这个功能？最好能提供一些代码示例或实现思路。

2 回复

Flutter中实现录音功能可使用audioplayers和permission_handler库。先申请录音权限，然后使用AudioRecorder录制音频，保存为文件。可控制开始、暂停和停止。

更多关于flutter如何实现record版本功能的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现录音功能，可以使用以下两种主要方式：

1. 使用 audioplayers + audiorecorder 组合

安装依赖：

dependencies:
  audioplayers: ^5.0.0
  record: ^4.5.0

实现代码：

import 'package:audioplayers/audioplayers.dart';
import 'package:record/record.dart';

class AudioRecorder {
  final Record _audioRecord = Record();
  final AudioPlayer _audioPlayer = AudioPlayer();
  String? _currentRecordingPath;
  bool _isRecording = false;
  bool _isPlaying = false;

  // 开始录音
  Future<void> startRecording() async {
    if (await _audioRecord.hasPermission()) {
      _currentRecordingPath = await _getRecordingPath();
      await _audioRecord.start(
        path: _currentRecordingPath,
        encoder: AudioEncoder.aacLc,
      );
      _isRecording = true;
    }
  }

  // 停止录音
  Future<String?> stopRecording() async {
    final path = await _audioRecord.stop();
    _isRecording = false;
    return path;
  }

  // 播放录音
  Future<void> playRecording() async {
    if (_currentRecordingPath != null) {
      await _audioPlayer.play(DeviceFileSource(_currentRecordingPath!));
      _isPlaying = true;
    }
  }

  // 停止播放
  Future<void> stopPlaying() async {
    await _audioPlayer.stop();
    _isPlaying = false;
  }

  // 获取录音文件路径
  Future<String> _getRecordingPath() async {
    final dir = await getTemporaryDirectory();
    return '${dir.path}/recording_${DateTime.now().millisecondsSinceEpoch}.m4a';
  }

  void dispose() {
    _audioRecord.dispose();
    _audioPlayer.dispose();
  }
}

2. 使用 just_audio + record 组合（推荐）

安装依赖：

dependencies:
  just_audio: ^0.9.35
  record: ^4.5.0

UI 示例：

class RecordPage extends StatefulWidget {
  @override
  _RecordPageState createState() => _RecordPageState();
}

class _RecordPageState extends State<RecordPage> {
  final AudioRecorder _recorder = AudioRecorder();
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _recorder._isRecording 
                  ? null 
                  : _recorder.startRecording,
              child: Text('开始录音'),
            ),
            ElevatedButton(
              onPressed: _recorder._isRecording 
                  ? _recorder.stopRecording 
                  : null,
              child: Text('停止录音'),
            ),
            ElevatedButton(
              onPressed: _recorder._currentRecordingPath != null 
                  ? _recorder.playRecording 
                  : null,
              child: Text('播放录音'),
            ),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    _recorder.dispose();
    super.dispose();
  }
}

主要功能特性：

  • ✅ 录音权限自动请求
  • ✅ 支持多种音频格式（AAC、WAV等）
  • ✅ 实时播放录音
  • ✅ 文件路径管理
  • ✅ 内存泄漏防护

注意事项：

  1. 需要在 android/app/src/main/AndroidManifest.xml 添加录音权限：
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  1. iOS 需要在 ios/Runner/Info.plist 添加：
<key>NSMicrophoneUsageDescription</key>
<string>需要麦克风权限来录制音频</string>

这种方式提供了完整的录音、播放功能，适合大多数录音应用场景。

回到顶部