dart 如何使用flutter在carousel上显示视频?

c90pui9n  于 2023-06-03  发布在  Flutter
关注(0)|答案(2)|浏览(194)

我是新来的。我正在尝试在旋转木马中显示视频。我能够显示图像,但当涉及到视频我卡住了。我到处都找遍了,但找不到任何例子。

mrfwxfqh

mrfwxfqh1#

如果你知道如何实现一个照片轮播,那么制作一个视频轮播应该很容易。只需使用chewie包实现一个视频播放器,并放置视频部件而不是图像部件。
https://pub.dev/packages/chewie
因为你在问题中没有提供代码。我不知道你为什么被困在视频里。此外,您还可以检查以下问题/答案:
Video Carousel slider for flutter

68bkxrlz

68bkxrlz2#

你可以这样做。你必须初始化视频控制器列表。你可以使用https://pub.dev/packages/video_player

List<File> videos; 
///initialise multiple controllers
  videos.forEach((element) async {
  VideoPlayerController _controller = VideoPlayerController.file(element);
  _videoController.add(_controller);
});
  _videoController.forEach((element) {
    element.initialize();
  });    
CarouselSlider(
            items: List.generate(videos.length, (index) => AspectRatioVideo(_videoController[index], 1)),
            options: CarouselOptions(
              height: MediaQuery.of(context).size.height/1.5,
              aspectRatio: 16/9,
              viewportFraction: 1,
              initialPage: 0,
              enableInfiniteScroll: false,
              onPageChanged: (index, reason) {
                setState(() {
                  _videoController[index].initialize();
                  _current.value = index;
                });
              },
              reverse: false,
              autoPlay: false,
              autoPlayInterval: Duration(seconds: 3),
              autoPlayAnimationDuration: Duration(milliseconds: 800),
              autoPlayCurve: Curves.fastOutSlowIn,
              enlargeCenterPage: true,
              scrollDirection: Axis.horizontal,
            )
        ),

相关问题