颤动的audio_service：完全播放媒体项目后AudioProcessingState不更新

Posted 2023-02-23

【中文标题】颤动的audio_service：完全播放媒体项目后AudioProcessingState不更新

【英文标题】：flutter audio_service: AudioProcessingState not updating after completely playing media item

【发布时间】：2021-10-13 22:08:12

【问题描述】：

我在 Flutter 中开发了一个音乐播放器应用程序。

场景： 当用户从列表中选择一首歌曲时，一旦选择的歌曲播放完毕，自动需要开始列表中的下一首歌曲。

目前我正在收听PlaybackState、Position 流，以便更新用户界面上的歌曲详细信息和滑块信息。但是，我无法确定所选歌曲何时播放完毕。这里的想法是，一旦播放了选定的歌曲，就必须播放列表中的下一首歌曲。 最初，AudioProcessingState 从连接状态变为就绪状态。第一个媒体项目已成功播放。但是，

问题 1： 即使在完全播放完第一个媒体项后，AudioProcessingState 仍然是ready（未更改为已完成）。甚至演奏总是true。下面是播放和暂停 UI 的逻辑。

      StreamBuilder<PlaybackState>(
                      stream: Audioservice.playbackStateStream,
                      builder: (context, snapshot) 
                        final processingState = snapshot.data?.processingState;
                        print('Current Processingstate: $processingState');
                        final playing = snapshot.data?.playing ?? false;

                        if (playing)
                          return IconButton(
                              iconSize: 40,
                              onPressed: () 
                                AudioService.pause();
                              ,
                              icon: Icon(FontAwesomeIcons.pause,
                                  color: Colors.white));
                        else
                          return IconButton(
                              iconSize: 40,
                              onPressed: () 
                                if (AudioService.running) 
                                  AudioService.play();
                                 else 
                                  List<dynamic> list = [];

                                  for (int i = 0;
                                      i < this.widget.mediaList.length;
                                      i++) 
                                    var m = this.widget.mediaList[i].toJson();
                                    list.add(m);
                                  
                                  var params = 
                                    "data": list,
                                    'index': this.widget.currentIndex
                                  ;

                                  AudioService.connect();
                                  AudioService.start(
                                      backgroundTaskEntrypoint:
                                          _backgroundTaskEntrypoint,
                                      params: params);
                                
                              ,
                              icon: Icon(FontAwesomeIcons.play,
                                  color: Colors.white));
                      ,
                    ),

问题 2： 此外，即使在完成所选歌曲后，位置流也会持续接收。因此，我无法停止更新持续时间标签。

                StreamBuilder<Duration>(
                      stream: AudioService.positionStream,
                      builder: (context, snapshot) 
                        final mediaState = snapshot.data;
                        return SeekBar(
                          duration: this.widget.mediaList[current].duration ??
                              Duration.zero,
                          position: aPosition,
                          onChangeEnd: (newPosition) 
                            AudioService.seekTo(newPosition);
                          ,
                        );
                      ,
                    ),

简而言之，

如何知道所选歌曲已播放完毕？ 歌曲播放完毕后如何更新滑块？

【参考方案1】：

有一个未完成的功能请求来添加一种新类型的事件订阅，当玩家自动前进到序列here 中的下一个项目时，它会通知您。您可以通过单击“竖起大拇指”按钮为该功能投票。

但是，this comment 中还描述了一种解决方法。您可以做的是收听player.currentIndexStream，它会在当前项目更改时告诉您。当玩家自动前进到下一个项目时，这个索引会改变，但你不能假设每次当前索引改变都是因为自动前进，因为它也可能是因为手动搜索.出于这个原因，解决方法是只保留一个布尔变量来指示是否使用了手动搜索，以便您知道是什么情况。每次查找时，您将该布尔变量设置为 true，并在查找完成后将其设置回 false。

为了更容易，您可以制作自己版本的 seek 方法来执行此操作，例如mySeek 甚至将其作为扩展方法添加到 AudioPlayer：

bool _seeking = false;
extension AudioPlayerExtension on AudioPlayer 
  Future<void> mySeek(Duration position, int? index) async 
    _seeking = true;
    await seek(position);
    _seeking = false;
  

那么解决办法的另一部分就是听currentIndexStream：

_player.currentIndexStream.listen((index) 
  if (index == null) return;
  if (_seeking) 
    // the index changed due to a manual seek
   else 
    // the index changed due to an auto-advance
    onAutoAdvance();
  
);

所以现在，每次您想要手动搜索不同的项目时，您都可以使用：

player.mySeek(pos, index: i);

然后要处理由于自动前进而更改的项目，请在此处编写代码来处理它：

void onAutoAdvance()