Flutter音频播放器滑块无法更新且无法拖动问题求助

你的代码存在几个核心问题导致滑块无法更新和拖动：

• 每次调用slider()都会新建AudioPlayer和AudioPlayerController实例，和实际播放的控制器完全无关，导致seek操作无效，也无法获取真实的播放位置
• FutureBuilder仅执行一次slider()方法，只获取初始的position和duration，之后不会监听播放进度的变化，滑块自然不会更新
• 直接读取apc.position是单次快照值，不是实时更新的数据流，无法同步播放进度

修正步骤 #

1. 将播放器控制器改为页面State成员变量

在页面的State类中声明全局的播放器实例，确保整个页面复用同一个控制器，避免重复创建：

class _YourPageState extends State<YourPage> {
  late AudioPlayerController apc;
  late AudioPlayer player;
  Duration? _audioDuration;

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

  Future<void> _initAudioPlayer() async {
    player = AudioPlayer();
    apc = AudioPlayerController(selectedPath);
    await apc.setSource(selectedPath);
    // 获取音频总时长
    _audioDuration = await apc.getDuration();
    setState(() {});
  }

  @override
  void dispose() {
    apc.dispose();
    player.dispose();
    super.dispose();
  }

  // ...页面其他代码
}

2. 用StreamBuilder监听播放位置

替换原来的FutureBuilder，使用StreamBuilder监听播放位置的实时流（如果你的AudioPlayerController提供position流；如果是ValueNotifier则用ValueListenableBuilder）：

// 替换原来的bottomNavigationBar中的FutureBuilder部分
Container(
  child: _audioDuration == null 
      ? const SizedBox.shrink() 
      : StreamBuilder<Duration>(
          stream: apc.position, // 假设position是Stream类型，根据你的控制器实际情况调整
          builder: (context, snapshot) {
            final currentPosition = snapshot.data ?? Duration.zero;
            return Slider(
              activeColor: AppColor.AppDarkBlueColor,
              divisions: _audioDuration!.inSeconds,
              value: currentPosition.inSeconds.toDouble(),
              min: 0.0,
              max: _audioDuration!.inSeconds.toDouble(),
              onChanged: (double value) {
                final newPosition = Duration(seconds: value.toInt());
                // 使用全局控制器执行seek操作
                apc.seek(newPosition);
              },
            );
          },
        ),
)

3. 特殊情况处理：如果控制器不提供流

如果你的AudioPlayerController没有提供position的Stream，可以用定时器定时获取播放位置：

@override
void initState() {
  super.initState();
  _initAudioPlayer();
  // 定时更新播放位置
  Timer.periodic(const Duration(milliseconds: 500), (timer) {
    if (!mounted) {
      timer.cancel();
      return;
    }
    apc.getPosition().then((pos) {
      setState(() {});
    });
  });
}

内容的提问来源于stack exchange，提问作者dstoner