Flutter 视频播放器颤振的基本接口

我正在使用这个库来实现视频功能

现在，我已经成功地让它工作了

但是，下一步，我需要通过代码创建播放/暂停或搜索按钮

我想要的只是简单的控制器，比如OS basic player，没有可设计的就可以了

我想有一种方法可以更容易地实现接口，而无需重新发明轮子

我说的对吗

我在谷歌上搜索了一下，但没有找到。

您可以使用package

video\u播放器

插件提供对视频播放的低级访问

CHOUIE

使用软篷下的

视频播放器

，并将其包裹在友好的

材质

或

Cupertino

用户界面中

示例代码的工作演示

示例代码

import'包：chuie/chuie.dart'；
导入“包：chuie/src/chuie_player.dart”；
进口“包装：颤振/cupertino.dart”；
进口“包装：颤振/材料.省道”；
导入“package:video_player/video_player.dart”；
void main（）{
runApp(
丘维德（），
);
}
类chuviedemo扩展了StatefulWidget{
ChewieDemo（{this.title='ChewieDemo'}）；
最后的字符串标题；
@凌驾
状态createState（）{
返回_chuviedemostate（）；
}
}
类_ChewieDemoState扩展了状态{
目标平台(TargetPlatform);；
视频播放控制器\u视频播放控制器1；
视频播放控制器\u视频播放控制器2；
咀嚼控制器；
@凌驾
void initState（）{
super.initState（）；
_VideoPlayerController 1=VideoPlayerController.network(
'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4');
_VideoPlayerController 2=VideoPlayerController.network(
'https://www.sample-videos.com/video123/mp4/480/asdasdas.mp4');
_咀嚼控制器=咀嚼控制器(
videoPlayerController:\u videoPlayerController 1，
方面：3/2，
自动播放：对，
循环：对，
//尝试使用以下其他一些选项：
//showControls:false，
//MaterialProgressColor:ChewieProgressColor(
//播放颜色：Colors.red，
//手颜色：颜色。蓝色，
//背景颜色：颜色。灰色，
//bufferedColor:Colors.lightGreen，
// ),
//占位符：容器(
//颜色：颜色。灰色，
// ),
//自动初始化：true，
);
}
@凌驾
无效处置（）{
_VideoPlayerController 1.dispose（）；
_VideoPlayerController 2.dispose（）；
_chouicontroller.dispose（）；
super.dispose（）；
}
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：widget.title，
主题：ThemeData.light（）.copyWith(
平台：_平台？？主题（上下文）。平台，
),
家：脚手架(
appBar:appBar(
标题：文本（widget.title），
),
正文：专栏(
儿童：[
扩大(
儿童：中心(
孩子：朱伊(
控制器：_cheuicontroller，
),
),
),
扁平按钮(
已按下：（）{
_chewieController.enterFullScreen（）；
},
子项：文本（“全屏”），
),
划船(
儿童：[
扩大(
孩子：扁平按钮(
已按下：（）{
设置状态（）{
_chouicontroller.dispose（）；
_VideoPlayerController 2.暂停（）；
_VideoPlayerController 2.seekTo（持续时间（秒：0））；
_咀嚼控制器=咀嚼控制器(
videoPlayerController:\u videoPlayerController 1，
方面：3/2，
自动播放：对，
循环：对，
);
});
},
孩子：填充(
儿童：文本（“视频1”），
填充：边缘组。对称（垂直：16.0），
),
),
),
扩大(
孩子：扁平按钮(
已按下：（）{
设置状态（）{
_chouicontroller.dispose（）；
_VideoPlayerController 1.pause（）；
_VideoPlayerController 1.seekTo（持续时间（秒：0））；
_咀嚼控制器=咀嚼控制器(
videoPlayerController:\u videoPlayerController 2，
方面：3/2，
自动播放：对，
循环：对，
);
});
},
孩子：填充(
填充：边缘组。对称（垂直：16.0），
子：文本（“错误视频”），
),
),
)
],
),
划船(
儿童：[
扩大(
孩子：扁平按钮(
已按下：（）{
设置状态（）{
_平台=TargetPlatform.android；
});
},
孩子：填充(
子项：文本（“Android控件”），
填充：边缘组。对称（垂直：16.0），
),
),
),
扩大(
孩子：扁平按钮(
已按下：（）{
设置状态（）{
_平台=TargetPlatform.iOS；
});
},
孩子：填充(
填充：边缘组。对称（垂直：16.0），
import 'package:chewie/chewie.dart';
import 'package:chewie/src/chewie_player.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

void main() {
  runApp(
    ChewieDemo(),
  );
}

class ChewieDemo extends StatefulWidget {
  ChewieDemo({this.title = 'Chewie Demo'});

  final String title;

  @override
  State<StatefulWidget> createState() {
    return _ChewieDemoState();
  }
}

class _ChewieDemoState extends State<ChewieDemo> {
  TargetPlatform _platform;
  VideoPlayerController _videoPlayerController1;
  VideoPlayerController _videoPlayerController2;
  ChewieController _chewieController;

  @override
  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/480/asdasdas.mp4');
    _chewieController = ChewieController(
      videoPlayerController: _videoPlayerController1,
      aspectRatio: 3 / 2,
      autoPlay: true,
      looping: true,
      // Try playing around with some of these other options:

      // showControls: false,
      // materialProgressColors: ChewieProgressColors(
      //   playedColor: Colors.red,
      //   handleColor: Colors.blue,
      //   backgroundColor: Colors.grey,
      //   bufferedColor: Colors.lightGreen,
      // ),
      // placeholder: Container(
      //   color: Colors.grey,
      // ),
      // autoInitialize: true,
    );
  }

  @override
  void dispose() {
    _videoPlayerController1.dispose();
    _videoPlayerController2.dispose();
    _chewieController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: widget.title,
      theme: ThemeData.light().copyWith(
        platform: _platform ?? Theme.of(context).platform,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Column(
          children: <Widget>[
            Expanded(
              child: Center(
                child: Chewie(
                  controller: _chewieController,
                ),
              ),
            ),
            FlatButton(
              onPressed: () {
                _chewieController.enterFullScreen();
              },
              child: Text('Fullscreen'),
            ),
            Row(
              children: <Widget>[
                Expanded(
                  child: FlatButton(
                    onPressed: () {
                      setState(() {
                        _chewieController.dispose();
                        _videoPlayerController2.pause();
                        _videoPlayerController2.seekTo(Duration(seconds: 0));
                        _chewieController = ChewieController(
                          videoPlayerController: _videoPlayerController1,
                          aspectRatio: 3 / 2,
                          autoPlay: true,
                          looping: true,
                        );
                      });
                    },
                    child: Padding(
                      child: Text("Video 1"),
                      padding: EdgeInsets.symmetric(vertical: 16.0),
                    ),
                  ),
                ),
                Expanded(
                  child: FlatButton(
                    onPressed: () {
                      setState(() {
                        _chewieController.dispose();
                        _videoPlayerController1.pause();
                        _videoPlayerController1.seekTo(Duration(seconds: 0));
                        _chewieController = ChewieController(
                          videoPlayerController: _videoPlayerController2,
                          aspectRatio: 3 / 2,
                          autoPlay: true,
                          looping: true,
                        );
                      });
                    },
                    child: Padding(
                      padding: EdgeInsets.symmetric(vertical: 16.0),
                      child: Text("Error Video"),
                    ),
                  ),
                )
              ],
            ),
            Row(
              children: <Widget>[
                Expanded(
                  child: FlatButton(
                    onPressed: () {
                      setState(() {
                        _platform = TargetPlatform.android;
                      });
                    },
                    child: Padding(
                      child: Text("Android controls"),
                      padding: EdgeInsets.symmetric(vertical: 16.0),
                    ),
                  ),
                ),
                Expanded(
                  child: FlatButton(
                    onPressed: () {
                      setState(() {
                        _platform = TargetPlatform.iOS;
                      });
                    },
                    child: Padding(
                      padding: EdgeInsets.symmetric(vertical: 16.0),
                      child: Text("iOS controls"),
                    ),
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}