flutter如何实现音频播放

在Flutter中实现音频播放功能时，应该使用哪个插件比较稳定？比如audioplayers和just_audio，它们各有什么优缺点？如何解决常见的延迟或兼容性问题？希望能提供一个简单的代码示例说明基本播放控制（播放/暂停/进度调整）。

2 回复

Flutter中实现音频播放，可使用audioplayers库。步骤如下：

  1. 添加依赖到pubspec.yaml。
  2. 导入库并创建AudioPlayer实例。
  3. 调用play()方法播放网络或本地音频。

示例代码：

import 'package:audioplayers/audioplayers.dart';

final player = AudioPlayer();
await player.play(UrlSource('音频URL'));

更多关于flutter如何实现音频播放的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现音频播放，推荐使用 audioplayers 或 just_audio 这两个流行插件。以下是使用 audioplayers 的简单步骤：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  audioplayers: ^5.0.0

运行 flutter pub get。

2. 基本代码示例

import 'package:audioplayers/audioplayers.dart';

class AudioPlayerPage extends StatefulWidget {
  @override
  _AudioPlayerPageState createState() => _AudioPlayerPageState();
}

class _AudioPlayerPageState extends State<AudioPlayerPage> {
  final AudioPlayer _audioPlayer = AudioPlayer();
  bool _isPlaying = false;

  // 播放网络音频
  void _playAudio() async {
    await _audioPlayer.play(UrlSource('https://example.com/audio.mp3'));
    setState(() => _isPlaying = true);
  }

  // 暂停音频
  void _pauseAudio() async {
    await _audioPlayer.pause();
    setState(() => _isPlaying = false);
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: IconButton(
          icon: Icon(_isPlaying ? Icons.pause : Icons.play_arrow),
          onPressed: _isPlaying ? _pauseAudio : _playAudio,
        ),
      ),
    );
  }
}

3. 关键功能说明

  • 支持源类型：网络URL（UrlSource）、本地文件（PathSource）、资源文件（AssetSource）
  • 控制方法：play()、pause()、stop()、seek()
  • 监听状态：通过onPlayerStateChanged监听播放状态变化

4. 平台配置（仅Android需要）

在 android/app/src/main/AndroidManifest.xml 添加网络权限（如需播放网络音频）：

<uses-permission android:name="android.permission.INTERNET"/>

替代方案：just_audio

如果需要更高级功能（如播放列表、波形显示），推荐使用 just_audio，使用方法类似但功能更丰富。

这两个插件都支持iOS/Android，可满足大多数音频播放需求。

回到顶部