Flutter进阶第8篇:实现视频播放
flutter 实现 视频 进阶 播放
2023-09-14 09:04:26 时间
效果图:
引入第三方库:chewie
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
import 'package:chewie/chewie.dart';
class ChewieVideoDemo extends StatefulWidget {
ChewieVideoDemo({Key key}) : super(key: key);
_ChewieVideoDemoState createState() => _ChewieVideoDemoState();
}
class _ChewieVideoDemoState extends State<ChewieVideoDemo> {
VideoPlayerController videoPlayerController;
ChewieController chewieController;
@override
void initState() {
// TODO: implement initState
super.initState();
videoPlayerController = VideoPlayerController.network(
'http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4');
chewieController = ChewieController(
videoPlayerController: videoPlayerController,
aspectRatio: 3 / 2,
autoPlay: true,
looping: true,
);
}
/*销毁*/
@override
void dispose() {
videoPlayerController.dispose();
chewieController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('在线视频播放'),
),
body: Center(
child: Chewie(
controller: chewieController,
)
),
);
}
}
相关文章
- flutter:使用listview之四:返回顶部(flutter 3.7.0)
- Flutter:升级用到的第三方库(Flutter 3.7.0)
- 一套代码、多端运行,Flutter是如何实现的?
- [Flutter] 如何替换so文件来动态替换Flutter代码
- Flutter TextField 文本输入框的基本属性及详解
- Flutter进阶第7篇: 调用原生硬件Api实现照相机拍照和相册选择 以及拍照上传到服务器
- Flutter进阶第12篇: 检测应用版本号、服务器下载文件以及实现App自动升级、安装
- Flutter — 实现验证码倒计时功能
- Flutter进阶第11篇: 调用原生硬件Api实现扫码 扫描条形码 扫描二维码
- flutter switch开关按钮
- flutter 获取直播时长
- flutter 实现摇一摇功能
- flutter video_player实现监听和自动播放下一首歌曲
- Flutter 实现下拉刷新和上拉加载
- flutter 获取视频缩略图video_thumbnail
- Flutter 页面滑动嵌套列表不能滑动
- flutter 界面的另一种写法,先写一部分再用Material,在方法体里面放方法体
- flutter实现简单的选择器
- flutter 实现文本自动换行
- Flutter之get_it入门指南
- flutter Error: The parameter ‘key‘ can‘t have a value of ‘null‘ because of its type ‘Key‘
- Flutter 中的常见的按钮组件 以及自 定义按钮组件、FloatingActionButton 实现类似 闲鱼 App 底部导航凸起按钮
- Flutter StatefulWidget 有状态组件 、 页面上绑定数据、改变页面数据、 BottomNavigationBar 自定义 底部导航条、以及实现页面切换