如何在网络丢失时在颤振咀嚼播放器上显示圆形指示器

Question

我正在做一个项目，我正在使用颤振咀嚼播放器播放视频。但是当没有网络时（或者当我关闭互联网时），它会显示错误：

VideoError, Video player had error com.google.android.exoplayer2.ExoPlaybackException: Source error, null, null

我想在网络丢失时显示一个圆形指示器，而不是这个错误，并希望在网络恢复后继续播放。如何实现？

我的咀嚼控制器如下：

    chewieController = ChewieController(
        videoPlayerController: _videoPlayerController,
        aspectRatio: 16 / 9,
        autoPlay: true,
        looping: false,
        startAt: Duration(seconds: timeWatched),
        errorBuilder: (context, errorMessage) {
          return Center(
            child: Text(
              errorMessage,
              style: TextStyle(color: Colors.white),
            ),
          );
        },
        showControls: true,
        allowFullScreen: true,
        fullScreenByDefault: false,
        customControls: CupertinoControls(
          backgroundColor: Colors.black,
          iconColor: COLORS['PRIMARY_COLOR'],
        ));```

Answer 1

您可以使用 pub.dev 中的connectivity_plus 包，并监听用户设备连接的变化。

@override
initState() {
  super.initState();

  subscription = Connectivity().onConnectivityChanged.listen((ConnectivityResult result) {
    // Got a new connectivity status!
  })
}

您可以在设备连接状态发生变化时执行不同的操作。就像在状态更改为 ConnectivityResult.none 时显示 CircularProgressIndicator() 并在状态更改为 ConnectivityResult.wifi 或 ConnectivityResult.mobile 时继续播放（隐藏指示器）一样。

别忘了处置订阅：

@override
  void dispose() {
    subscription.cancel();
    super.dispose();
  }