作者:萨尔塔的海角_749 | 来源:互联网 | 2023-09-01 12:04
1.下载插件chewie:^0.9.8+1video_player:^0.10.10 2.在使用页面引入importpackage:chewiechewie.dart;import
1.下载插件
chewie: ^0.9.8+1
video_player: ^0.10.10
2.在使用页面引入
import 'package:chewie/chewie.dart';
import 'package:video_player/video_player.dart';
3.定义
VideoPlayerController videoPlayerController;
ChewieController chewieController;
4.初始化在 initState() 中
videoPlayerCOntroller= VideoPlayerController.network(
'https://www.runoob.com/try/demo_source/mov_bbb.mp4');
videoPlayerController.initialize(); // 初始化
chewieController = ChewieController(
videoPlayerController: videoPlayerController,
aspectRatio: 3 / 2, //宽高比
autoPlay: false, //自动播放
looping: false, //循环播放
);
5.在 dispose()中卸载
videoPlayerController.dispose();
6.使用
Container(
height: 200,
child: Chewie(
controller: ChewieController(
videoPlayerController:videoPlayerController
)
),
)
6.成功啦
如果想获取请求的视频链接,那就在builder里初始化,这样的话就可以删掉initState() 中的初始化设置,就是第三步不要
// 判断视频是否存在
if(data["videoUrl"] != null ) {
videoPlayerController = VideoPlayerController.network(
data["videoUrl"]
);
videoPlayerController.initialize(); // 初始化
chewieController = ChewieController(
videoPlayerController: videoPlayerController,
// aspectRatio: 3 / 2, //宽高比
autoPlay: false, //自动播放
looping: false, //循环播放
);
}