使用Chewie与Video Player在Flutter播放GIF遇ExoPlaybackException错误求助

问题根源 #

Video Player和Chewie是为MP4、AVI这类标准视频格式设计的工具，而GIF本质是逐帧图片序列，并非视频文件，Android端底层的ExoPlayer无法解析这种非视频源，因此抛出Source error异常。

可行解决方案 #

• 用Flutter原生Image组件播放GIF
  这是最直接的方案，Flutter的Image组件原生支持GIF播放，无需额外插件，适配性更好：

  // 本地资源GIF
  Image.asset('assets/your_gif_file.gif')
  // 网络GIF
  Image.network('https://your-domain.com/your_gif.gif')
  

• 将GIF转成视频格式后播放
  如果你需要视频播放器的控制功能（比如进度条、循环设置），可以先把GIF转成MP4这类标准视频格式，再用Chewie/Video Player播放：

  final VideoPlayerController _videoController = VideoPlayerController.network(
    'https://your-domain.com/converted_gif.mp4',
  );
  final ChewieController _chewieController = ChewieController(
    videoPlayerController: _videoController,
    autoPlay: true,
    looping: true, // 模拟GIF循环效果
  );
  

• 添加错误处理避免崩溃
  如果要兼容多种资源类型，可监听播放器错误，在触发异常时切换到Image组件播放：

  _videoController.addListener(() {
    if (_videoController.value.hasError) {
      // 打印错误信息或执行切换逻辑
      print('播放错误: ${_videoController.value.errorDescription}');
      // 这里可以更新状态，显示Image组件播放GIF
    }
  });
  

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