Flutter语音消息播放插件voice_message_player的使用

Flutter voice message player 是一个用于在聊天应用中播放语音消息的插件。它支持拖动声音波形来快进或快退，提供了良好的用户体验。

平台支持

安装

首先，在你的 pubspec.yaml 文件中添加依赖：

dependencies:
  voice_message_player: ^latest_version # 请替换为最新的版本号

然后运行以下命令获取包：

flutter pub get

使用方法

要使用此插件，你只需要将音频文件的路径传递给 VoiceMessagePlayer 组件，并根据需要配置一些参数。下面是一个完整的示例代码，演示了如何创建一个简单的应用程序来播放两个不同的语音消息。

示例代码

import 'package:flutter/material.dart';
import 'package:voice_message_player/voice_message_player.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: PlayerPage(),
    );
  }
}

class PlayerPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Voice Message Player Demo'),
      ),
      backgroundColor: Colors.grey[200],
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            VoiceMessagePlayer(
              controller: VoiceController(
                audioSrc:
                    'https://dl.solahangs.com/Music/1403/02/H/128/Hiphopologist%20-%20Shakkak%20%28128%29.mp3',
                onComplete: () {
                  print('Audio playback completed.');
                },
                onPause: () {
                  print('Audio paused.');
                },
                onPlaying: () {
                  print('Audio is playing.');
                },
                onError: (err) {
                  print('Error occurred: $err');
                },
              ),
              maxDuration: const Duration(seconds: 10),
              isFile: false,
              innerPadding: 12,
              cornerRadius: 20,
            ),
            SizedBox(height: 20),
            VoiceMessagePlayer(
              controller: VoiceController(
                audioSrc:
                    'https://cdn.pixabay.com/download/audio/2022/11/16/audio_a2b0a45199.mp3?filename=6-islamic-background-sounds-alfa-relaxing-music-126060.mp3',
                onComplete: () {
                  print('Audio playback completed.');
                },
                onPause: () {
                  print('Audio paused.');
                },
                onPlaying: () {
                  print('Audio is playing.');
                },
                onError: (err) {
                  print('Error occurred: $err');
                },
              ),
              maxDuration: const Duration(seconds: 10),
              isFile: false,
              innerPadding: 12,
              cornerRadius: 20,
            ),
          ],
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个包含两个 VoiceMessagePlayer 的页面，每个都配置了远程音频文件作为来源。你可以通过调整 audioSrc 参数来更改播放的音频文件。

此外，还可以设置最大持续时间 (maxDuration)、是否为本地文件 (isFile)、内边距 (innerPadding) 和圆角半径 (cornerRadius) 等属性来自定义外观和行为。

功能特性

• [✔️] 缓存音频并在缓存中播放。
• [✔️] 拖动声音波形进行快进或快退。
• [✔️] 更改播放速度。
• [✔️] 异常处理。
• [✔️] 自定义样式。
• [✔️] 根据内容动态调整宽度。

如果你有任何问题或建议，欢迎访问 GitHub 上的项目主页进行反馈。

希望这个指南对你有所帮助！如果你还有其他关于 voice_message_player 的问题，请随时提问。