[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,
    ),
),

相关