189 8069 5689
Flutter教程全套 （全网独家)百度网盘免费资源在线学习
古丈网站建设公司成都创新互联,古丈网站设计制作，有大型网站制作公司丰富经验。已为古丈超过千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的古丈做网站的公司定做！
链接:
提取码: m9z8
Flutter教程全套 （全网独家)
第一套：Flutter 携程17章全-整理好
第五套：Flutter高仿谷歌翻译项目课程
第四套：两小时掌握Flutter移动App开发视频
第三套：flutter入门到精通全套
第七套：Flutter小实战20个
第六套：仿直聘boss的flutter完整教程
第九套：Flutter跨平台开发
第二套：flutter移动电商实战-技术胖
第八套：Flutter基础教程（基础不好的优先看）
24Flutter的打包.mp4
23静态资源和项目图片的处理.mp4
22页面跳转并返回数据_.mp4
21导航的参数传递和接受-2_.mp4
20导航的参数传递和接受-1.mp4
注：亮度调节和音量调节gif无法体现，功能是ok的，其次默认Icon锁的close和open实在难以分辨。
环境：Flutter 2.8.1 channel stable ;Dart 2.15.1
需要音频播放器的看这里： Flutter音乐播放器
重点说下这个工具类，因为视频播放，涉及到状态改变有很多，笔者刚开始选择使用 InheritedWidget 来在众多的widget之间共享数据。但是总感觉这样有点繁琐，且不很优雅！
这里非广告，如果是使用 GetX 就很简单了，笔者也使用了 GetX 进行封装了，一泻千里的赶脚！，但是笔者还是那句话：刚开始接触Flutter的开发者不是很建议使用 GetX ，可以先熟悉下Flutter状态管理的基础原理再行使用。而且为了尽量简洁，还是不引入其他的第三方了。
我们选择对第三方插件进行封装的目的不外乎这几个：
于是笔者就写了一个工具类 VideoPlayerUtils ，专门且只用来处理播放器的所有业务。包括暂停、播放、跳转、调节音量、调节亮度、切换视频等操作。在所有的widget中不会引用关于 video_player 或其他第三方插件的任何信息， VideoPlayerUtils 负责widget与播放器之间的所有操作交互。后续优化迭代或更换播放器插件时，只需针对这个工具类进行修改，对所有widget不会有任何的影响，大大的解耦合了。
其中 VideoPlayerState ：
提供以上的公共属性，可以通过 VideoPlayerUtils 来获取对应的值，使用 get 只读，使外界不会误修改这些属性，以保证数值的安全性。开发者可根据自身需要自行添加属性。
提供以上方法来处理播放器的所有业务。同样的开发者可根据自身需要自行添加或修改。
重点说下这个方法，是整个业务的核心方法，控制视频的播放或暂停。开发者只要遇到播放或暂停是均可调用此方法，具体是播放或暂停，内部根据传入的 url 自行判断，开发者不需要关心。
切换新视频也是使用此方法，传入的 url 与上次不一致，自动切换新视频。笔者可根据 statusListener 来监听播放状态的改变，以此处理自身逻辑。
这个也需要提下，视频播放器在播放新视频时会异步初始化，一般我们的操作是在 initState() 初始化，成功后再 setState() 。这里笔者遇到一个让人蛋疼的问题：
我们看 video_player 的使用：
VideoPlayer(controller) ：widget中已经持有了controller。本来笔者封装的目的就是为了让widget与controller的之间解耦合。但此时的笔者。。。。
放弃不是不可能放弃的，这辈子都不会放弃的！
于是笔者取了巧，写了一个初始化监听器 initializedListener ，包换2个参数： bool,Widget ，初始化是否成功；其中widget为初始化成功返回需要展示的播放器UI，失败默认返回 const SizedBox() 。
到这里就可以简单使用了：
没看错，视频播放就是这么简单。
如果有更多的业务功能，笔者也按照自己的需求写了一套，同样的开发者可根据自身需要自行添加或修改。
VideoPlayerGestures 主要是处理手势的，比如快进、快退等跳转播放；左侧上下滑动调节亮度；右侧上下滑动调节音量；单击是否开启沉浸式播放，所有widget的隐藏与显示；双击播放、暂停等。
哦，还有 PercentageWidget 也放到这个文件下了，就是这玩意：
因为显示的百分比与手势相关，随着手势移动而更新。开发者可自行处理。
笔者处出于简单考虑，就按照整个UI的位置命名了。瞅一眼就知道是啥玩意。
同样的开发者可根据自身需要自行添加或修改。
就是这玩意：
同样的开发者可根据自身需要自行添加或修改。话说这个锁的 Icon 的open和close是真的难分辨！
就是这玩意：
同样的开发者可根据自身需要自行添加或修改。
这玩意是自定义的，别问，问就是跟产品干一架落了下风
主要就是自定义这玩意：
同样的开发者可根据自身需要自定义。
注：这里没有添加缓冲的进度，开发可查看 video_player 中的源码 VideoProgressIndicator ，按业务自行定义。
这玩意就是整合以上的widget，再考虑下全屏的安全区域，没啥东西。开发者可自行处理！
具体的实现监听器的思路， 看这里 。
自此一个漂亮的Flutter视频播放器就已经结束了。如果您觉得对您有些许帮助的话，欢迎 Star ！
Flutter 零基础入门实战视频教程 #01 环境搭建 「14:03」
Flutter 零基础入门实战视频教程 #02 Dart 语言 「17:49」
Flutter 零基础入门实战视频教程 #03 建立 Android studio 虚拟设备 「04:12」
Flutter 零基础入门实战视频教程 #04 建立第一个项目 「08:23」
Flutter 零基础入门实战视频教程 #05 安装配置过程中可能遇到的问题（没遇到者可以跳过） 「05:07」
Flutter 零基础入门实战视频教程 #06 运行 iOS 模拟器 「04:07」
Flutter 零基础入门实战视频教程 #07 Flutter 概述 「06:15」
Flutter 零基础入门实战视频教程 #08 Scaffold AppBar 「Pro」「06:50」
Flutter 零基础入门实战视频教程 #09 文档和快捷键 「Pro」「02:36」
Flutter 零基础入门实战视频教程 #10 颜色 Colors 「Pro」「05:47」
Flutter 零基础入门实战视频教程 #11 自定义字体 fonts 「Pro」「05:09」
Flutter 零基础入门实战视频教程 #12 hot reload StatelessWidget 「Pro」「04:56」
Flutter 零基础入门实战视频教程 #13 使用图片 「Pro」「04:59」
Flutter 零基础入门实战视频教程 #14 使用图标 - Icon 「Pro」「01:27」
Flutter 零基础入门实战视频教程 #15 Button 按钮使用指南 「Pro」「04:35」
Flutter 零基础入门实战视频教程 #16 Container 和 Padding 「Pro」「04: 52」
Flutter 零基础入门实战视频教程 #17 Row 「Pro」「05:24」
Flutter 零基础入门实战视频教程 #18 Column 「Pro」「05:36」
Flutter 零基础入门实战视频教程 #19 Flutter Outline Shortcuts 「Pro」「03:18」
Flutter 零基础入门实战视频教程 #20 Expanded Widgets 「Pro」「06:06」
Flutter 零基础入门实战视频教程 #21 实战开始 「Pro」「11:42」
Flutter 零基础入门实战视频教程 #22 换个编辑器 - Visual Studio Code 「Pro」「04:50」
Flutter 零基础入门实战视频教程 #23 Stateful vs Stateless Widget 「Pro」「09:45」
Flutter 零基础入门实战视频教程 #24 列表处理 「Pro」「04:54」
Flutter 零基础入门实战视频教程 #25 自定义 class 「Pro」「05:37」
Flutter 零基础入门实战视频教程 #26 card widget 「Pro」「04:26」
Flutter 零基础入门实战视频教程 #27 Extracting Widgets 「Pro」「06:59」
Flutter 零基础入门实战视频教程 #28 删除 - Functions as Parameters - 完结 - 进入实战课 「Pro」「04:35」