189 8069 5689
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」
只能说 Flutter 确实很强大
ffmpeg 插件，文档没给出如何给视频添加水印, 但是给出了执行命令的方法演示， 这就足够了。
添加一个水印:
String command = "-i " + inputVideoPath +
" -i "+waterMarkPath+" -filter_complex overlay "+
outVideoPath+"";
添加多个水印命令:
String command = "-i " + inputVideoPath +
" -i "+waterMarkPath2+" -i "+waterMarkPath+
" -filter_complex overlay=10:10,overlay=5:5 "+
outVideoPath+"";
将视频转换成小尺寸视频:
String command = "-i " + inputVideoPath +" -b:v 10000k -s 216x384 "+ outVideoPath+"";
如果碰到 App crash with error message: couldn't find "libmobileffmpeg_abidetect.so"
执行
flutter clean
flutter doctor -v
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
在玩安卓上有款组件化开源app的项目，一款模仿 Eyepetizer | 开眼视频的 开源app,这款app设计风格特别喜欢的，比较简洁，美观，然后最近又在学flutter的知识，于是就写了一款flutter版本的开源短视频，效果也是听不错的，废话不多说，先上效果图。
先附上项目地址：
项目api会在后面的参考链接里，或者直接项目内查看。
项目地址：
更新：6/30 项目新增下拉刷新，上拉加载功能
kotlin版本开眼短视频开发中，敬请期待...
总结：在此感谢参考的伙伴的文章，写的也很好，然后我将这个项目改写成了flutter，当中也学习到了很多flutter相关的知识，后续还有继续巩固，不断学习。
参考链接（包含本项目的api）
目前Flutter平台主流的两个播放器是video_player和fijkplayer
pub
github
1、Flutter平台官方插件，作者是国外的，有问题沟通比较困难，只能通过提交issue
2、硬解码
4、UI封装： better_player
基于video_player和Chewie的高级视频播放器。它解决了许多典型的用例，并且易于运行。
5、播放器宽高比例与视频内容宽高比例不一致时，会出现图像压缩变形的问题
6、调用原生内核播放器：iOS--AVPlayer， Android--ExoPlayer
7、对于分段源 m3u8 的播放不友好，如果一个切片播放超时，会导致整个播放都失败
8、better_player可以缓存视频，但不能自定义缓存的地址，只能指定key，和缓存的最大内存量（还未研究超出最大的话是不能缓存新的，还是删除最旧的）
9、better_player不能完全自定义UI，只能修改类中的一些开放属性，比如说icon图标，文字颜色啥的
10、无网络有缓存时，封面可以正常展示
11、better_player播放失败有手动retry的设计
pub
github
1、fijkplayer 是一个 Flutter 生态的媒体播放器，是对 ijkplayer 的 Flutter 封装，支持 Android 和 iOS。 fijkplayer 使用 ijkplayer 作为播放器内核，ijkplayer 使用 ffmpeg 进行音视频解封装和解码，同时添加了 Android 和 iOS 平台特有的硬件加速解码能力。
2 、国内有QQ群，但是活跃度也是不高。
3、可以缓存视频，可以自定义缓存的地址，方便后续的内存维护。
4、可以通过FijkPanelWidgetBuilder较大程度上自定义UI。
5、无网络有缓存视频时，无法展示封面，因为内部是通过imageProvider去加载网络图片的。
7、播放失败无手动retry的设计
1、两种播放器都是通过外接纹理方案 (Texture)，将播放器视频画面渲染接入 flutter 中，性能上优于 PlatformView 的接入方法。
如何自己实现？
下面以video_palyer的iOS源码部分解释：
iOS用CVPixelBufferRef将渲染出来的数据存在内存中，Flutter engine会将Texture的数据在内存中直接进行映射无需通过Channel传输，然后Texture Widget就可以把你提供的这些数据显示出来。在我们传输数据的时候会需要将其与 TextureID 绑定，绑定的过程通过BasicMessageChannel实现数据流的传输，以做到实时展示的效果