[Flutter] chewie插件实现视频播放

chewie插件实现视频播放

配置插件依赖

chewie插件依赖video_player插件,所以需要两个插件的依赖。

#视频播放
video_player: ^2.2.18
chewie: ^1.3.0

导入包

import 'package:chewie/chewie.dart';
import 'package:video_player/video_player.dart';

声明控制器

late VideoPlayerController _videoPlayderController;
late ChewieController _chewieController;

初始化控制器

@override
void initState() {
    super.initState();
    _videoPlayderController = VideoPlayerController.network(
        'https://fd.aigei.com/pvvdo_fast/vdo/mp4/b0/b0b84c1802834aa1a21616df060fd2ad.mp4?e=1645199820&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:K1W_SujwsomWgxMhnwv8tOQx4RU=');
    _chewieController = ChewieController(
        videoPlayerController: _videoPlayderController,
        aspectRatio: 3 / 2,
        autoPlay: true,
        looping: true);
}

销毁控制器

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

使用Chewie

Center(
    child: Chewie(
        controller: _chewieController,
    ),
),
posted @   漫游者杰特  阅读(577)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天:
2021-02-18 [Flutter Async]-异步
点击右上角即可分享
微信分享提示