颤振的视频轮播滑块

Question

我知道有图像轮播滑块，但我需要的是视频轮播滑块。我设法使用chewie将视频添加到轮播滑块，但不知道如何在当前视频播放完毕后自动转移到下一个视频。

        class _ChewieDemoState extends State<ChewieDemo> {
          TargetPlatform _platform;
          VideoPlayerController _videoPlayerController1;
          VideoPlayerController _videoPlayerController2;
          ChewieController _chewieController;
          ChewieController _chewieController2;
          void initState() {
          super.initState();
          _videoPlayerController1 = VideoPlayerController.network(
            'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4');
          _videoPlayerController2 = VideoPlayerController.network(
            'https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4');

          _chewieController = ChewieController(
          videoPlayerController: _videoPlayerController1,
          aspectRatio: 4 / 3,
          autoPlay: true,
          looping: false,
          );

          _chewieController2 = ChewieController(
          videoPlayerController: _videoPlayerController2,
          aspectRatio: 4 / 3,
          autoPlay: true,
          looping: false,);}

在小部件构建中

body: CarouselSlider(
      items: [Chewie( controller: _chewieController,),Chewie(controller: _chewieController2,)],
      autoPlay: true,
      autoPlayInterval: Duration(seconds: 1),
      autoPlayAnimationDuration: Duration(milliseconds: 800),
        ),

我正在考虑这个解决方案：获取视频的持续时间并将其放入 autoPlayInterval，每次幻灯片更改时将持续时间更改为当前视频。

autoPlayInterval: Duration(seconds: duration),

有 onPageChanged: callbackFunction，但我不明白它是如何工作的，我在那里改变了持续时间但不影响任何东西。

视频结束时自动更换幻灯片的代码。

goToNext() {
    carouselSlider.nextPage(
        duration: Duration(seconds: 1), curve: Curves.decelerate);
  }
void checkVideo(){

    if(_videoPlayerController1.value.position == _videoPlayerController1.value.duration){
      print('video Ended');
      _videoPlayerController1.seekTo(Duration(seconds:0 )); // If i don't put this here it will keep transfer to nextpage.
      goToNext();
      _videoPlayerController2.seekTo(Duration(seconds:0 ));
}

Answer 1

当当前视频结束时，您可以告诉滑块转到下一页。

• 要知道视频何时结束，您可以向视频控制器添加监听器
• 要告诉滑块转到下一页，可以调用滑块的 nextPage() 实例方法： Carousel Slider: Instance methods - Carousel Slider: Example with instance methods