flutter如何实现yoyoplayer音频播放

“在Flutter中实现类似YoYoPlayer的音频播放功能时，应该使用哪个插件或方案比较合适？目前尝试了audioplayers插件，但遇到缓冲进度显示不准确的问题。想了解如何实现以下功能：1.后台播放 2.锁屏控件 3.音频波形/缓冲进度可视化。有没有完整的示例代码或最佳实践可以参考？”

2 回复

使用Flutter实现音频播放，推荐使用audioplayers插件。步骤如下：

  1. 添加依赖：audioplayers: ^5.0.0
  2. 导入包：import 'package:audioplayers/audioplayers.dart';
  3. 初始化播放器：AudioPlayer player = AudioPlayer();
  4. 播放音频：player.play(UrlSource('音频URL'));
  5. 控制暂停/继续：player.pause() / player.resume()

支持本地和网络音频，简单高效。

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


在Flutter中实现类似YoYoPlayer的音频播放功能，可以使用 audioplayers 或 just_audio 包。推荐使用 just_audio，因为它功能更强大且支持高级功能（如播放列表、缓冲处理）。以下是实现步骤：

步骤1：添加依赖

在 pubspec.yaml 中添加：

dependencies:
  just_audio: ^0.9.35
  audio_service: ^0.18.8  # 可选，用于后台播放和控制中心集成

步骤2：基本音频播放实现

import 'package:just_audio/just_audio.dart';

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

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

  @override
  void initState() {
    super.initState();
    _initAudio();
  }

  Future<void> _initAudio() async {
    try {
      await _audioPlayer.setUrl('https://example.com/audio.mp3'); // 替换为你的音频URL
    } catch (e) {
      print("Error loading audio: $e");
    }
  }

  void _playPause() async {
    if (_isPlaying) {
      await _audioPlayer.pause();
    } else {
      await _audioPlayer.play();
    }
    setState(() {
      _isPlaying = !_isPlaying;
    });
  }

  @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: _playPause,
        ),
      ),
    );
  }
}

关键功能扩展

  1. 进度条与拖动：

    StreamBuilder<Duration>(
  stream: _audioPlayer.positionStream,
  builder: (context, snapshot) {
    final position = snapshot.data ?? Duration.zero;
    return Slider(
      value: position.inSeconds.toDouble(),
      max: _audioPlayer.duration?.inSeconds.toDouble() ?? 0,
      onChanged: (value) {
        _audioPlayer.seek(Duration(seconds: value.toInt()));
      },
    );
  },
)

  2. 后台播放（需配合 audio_service）：

    • 配置后台任务与通知栏控制
    • 处理音频焦点

  3. 播放列表：

    final ConcatenatingAudioSource _playlist = ConcatenatingAudioSource(
  children: [
    AudioSource.uri(Uri.parse("url1")),
    AudioSource.uri(Uri.parse("url2")),
  ],
);
await _audioPlayer.setAudioSource(_playlist);

注意事项

  • 处理网络权限（Android: INTERNET，iOS: 允许任意加载）
  • 使用 just_audio 的 LoopMode 可设置单曲循环/列表循环
  • 错误处理：监听 playerStateStream 处理加载/播放失败

如果需要更复杂的功能（如歌词同步、音效），可结合其他插件（如 assets_audio_player 或自定义处理）。

回到顶部