flutter 播放器 chewie第三方插件的使用

  1. chewie: ^0.9.8+1
    传送门
  2. video_player: ^0.10.1+6
    传送门
VideoPlayerController videoPlayerController;
ChewieController chewieController;

 @override
 void initState() {
   // TODO: implement initState
   super.initState();
//    player.setDataSource(
//        "https://www.xxx/test.mp4",
//        autoPlay: false);
     //配置视频地址
     videoPlayerController = VideoPlayerController.network(
         'https://xxx/test.mp4');
     chewieController = ChewieController(
       videoPlayerController: videoPlayerController,
       aspectRatio: 3 / 2, //宽高比
       autoPlay: false, //自动播放
       looping: false, //循环播放
     );
 }
 
 @override
 void dispose() {
   /**
    * 页面销毁时,视频播放器也销毁
    */
   videoPlayerController.dispose();
   super.dispose();
 }
//播放器
Chewie(
controller: chewieController,
),

效果图

构造属性说明
videoPlayerController视频的控制器
autoInitialize在启动时初始化视频。 这将准备播放视频。
startAt在特定位置开始播放视频
autoPlay显示视频后立即播放
looping视频是否应循环播放
showControlsOnInitialize初始化小部件时是否显示控件。
showControls是否完全显示控件
customControls定义自定义控件
errorBuilder当视频播放出现错误时,您可以构建自定义
aspectRatio视频的宽高比。 重要的是要获得正确的尺寸,将回退到适合的空间内。
cupertinoProgressColors用于iOS控件的颜色。 默认情况下,iOS播放器使用,从原始iOS 11设计中采样的颜色。
materialProgressColors物料进度条要使用的颜色。 默认情况下,材质 播放器使用主题中的颜色。
placeholder初始化之前,占位符显示在视频下方
overlay在视频和控件之间放置的小部件
fullScreenByDefault定义按下播放器时播放器是否以全屏启动
allowedScreenSleep定义播放器是否全屏睡眠
allowFullScreen定义是否应显示全屏控件
isLive定义控件是否应用于实时流视频
allowMuting定义是否应显示静音控件
systemOverlaysAfterFullScreen定义退出全屏后可见的系统覆盖
deviceOrientationsAfterFullScreen退出全屏后定义一组允许的设备方向
routePageBuilder为全屏定义自定义RoutePageBuilder
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐