Flutter音频剪辑插件frame_audio_clip的使用

Flutter音频剪辑插件frame_audio_clip的使用

概述

本插件用于从Brilliant Labs Frame录制音频片段，并将其存储到列表中以便后续查看、播放和共享。音频以8kHz采样率、16位线性PCM格式进行录制，并通过流式传输实现实时回放，从而支持长时间录音（超出Frame内存限制的情况）。播放功能依赖于raw_sound插件（由于与原始插件的构建/版本问题，实际使用的是其分支版本）。共享功能则利用了share_plus插件。

需要注意的是，非常短的音频片段（小于256毫秒）虽然可以被录制，但由于raw_sound在Android平台上似乎无法播放短于其缓冲区大小（4096字节）的片段，因此这些片段可能无法正常播放。

截图

架构

使用示例

以下是一个完整的示例代码，展示如何使用frame_audio_clip插件来录制、播放和共享音频片段。

import 'package:flutter/material.dart';
import 'package:frame_audio_clip/frame_audio_clip.dart'; // 导入frame_audio_clip插件
import 'package:raw_sound/raw_sound.dart'; // 导入raw_sound插件
import 'package:share_plus/share_plus.dart'; // 导入share_plus插件

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AudioRecorderPage(),
    );
  }
}

class AudioRecorderPage extends StatefulWidget {
  [@override](/user/override)
  _AudioRecorderPageState createState() => _AudioRecorderPageState();
}

class _AudioRecorderPageState extends State<AudioRecorderPage> {
  List<int> _audioBytes = []; // 存储音频数据的列表
  bool _isRecording = false; // 是否正在录音的状态标志

  // 开始录音
  void _startRecording() async {
    setState(() {
      _isRecording = true;
    });

    // 调用frame_audio_clip插件开始录音
    await FrameAudioClip.startRecording((audioData) {
      setState(() {
        _audioBytes.addAll(audioData); // 将录制的数据添加到列表中
      });
    });
  }

  // 停止录音
  void _stopRecording() async {
    setState(() {
      _isRecording = false;
    });

    // 停止录音
    await FrameAudioClip.stopRecording();
  }

  // 播放音频
  void _playAudio() {
    RawSound.play(_audioBytes); // 使用raw_sound插件播放音频
  }

  // 共享音频
  void _shareAudio() {
    Share.shareFiles(['path_to_your_audio_file']); // 使用share_plus插件共享音频文件
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Frame Audio Clip Recorder'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _isRecording ? null : _startRecording, // 如果正在录音，则禁用按钮
              child: Text(_isRecording ? '正在录音...' : '开始录音'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _isRecording ? _stopRecording : null, // 如果未录音，则禁用按钮
              child: Text(_isRecording ? '停止录音' : ''),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _audioBytes.isNotEmpty ? _playAudio : null, // 如果没有音频数据，则禁用按钮
              child: Text('播放音频'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _audioBytes.isNotEmpty ? _shareAudio : null, // 如果没有音频数据，则禁用按钮
              child: Text('共享音频'),
            ),
          ],
        ),
      ),
    );
  }
}