flutter实时的简单介绍

Flutter开发--视频播放器

目前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实现数据流的传输，以做到实时展示的效果

相关问答

Q1: Flutter倒计时定时器（一）

        写一个倒计时定时器听起来真的好简单，然而在Flutter里面写这个东西还是挺坑的。

        原本以为创建一个Timer就一切都搞定了，但并没办法实时获取倒计时的进度。

        看了一下源码，我们还可以创建一个周期性的Timer，从打印结果可以看到Timer的tick是从1开始的。

        我们修改一下做一个倒计时获取重新获取验证码的功能。

Q2: iOS(Swift版)Flutter集成关键步骤

1.在项目目录执行 flutter create -t module XXX(flutter模块名) ；

2.修改Podfile，设置path，关联podhelper.rb，注意采用 load File.join() ，不采用之前的eval语句，在target do下install；

3.执行pod install；

4.修改AppDelegate为FlutterAppDelegate；

5.初始化并注册FlutterEngine；

6.vscode里flutter attach实时调试；

做完这些正常开发是可以了，至于打包需要更改什么再续。

Q3: Flutter状态管理--GetX的简单使用

一、前言

Flutter开发，就需要对各种状态的管理，就是在请求数据的时候需要实时变化，各种交互变化等，在没有使用GetX之前使用Provider,用Provider的时候觉得真香，挺方便的，需要刷新的时候直接 notifyListeners(); 用了GetX之后觉得Provider太繁琐了。这边介绍下GetX的使用以及常用的方法。

二、 GetX

GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。

1、相关优势：

三、使用

1、第一步 引入get

2、第二步

修改入口、配置路由

3、路由

Routes类

Pages类

4、状态管理

我一般一个page对应一个controller， controller来处理逻辑，控制page.

简单使用

5、依赖注入

依赖注入也是我喜欢的，可以减少很多工作。

第一步

第二步

6、跨页面交互

7、黑暗模式

可以参考前期写的博客。 黑暗模式的适配

Q4: 怎么实现即时通讯实时聊天功能？求告知

实时聊天功能最重要的是实时性和稳定性，保证业务的正常运转。建议可以接入第三方服务商的即时通讯SDK来实现，比如即构科技的ZIM SDK，有20年经验的开发团队保障⌄支持Android、iOS、Windows、macOS、Web、小程序、Flutter、uniapp等平台，延时在 200 ms 以内的消息传输 ，消息100%有序可靠。可针对自身业务场景，定制所需服务规格。

Q5: flutter 国内镜像https://storage.flutter-io.cn/ 用不了了

Flutter配置防踩坑指南

这个镜像不维护了，换成清华的，把原来的环境配置替换成新的就行

清华flutter镜像

或者以下几个也可以试试

上海交大 Linux 用户组

使用反向代理方式建立的 Flutter 镜像，数据与站源实时同步。 Pub API 返回值未做处理，可能造成无法访问的情况。

CNNIC

基于 TUNA 协会的镜像服务，数据策略与 TUNA 一致，通过非教育网的域名访问。

腾讯云开源镜像站

定时（每天凌晨）与 TUNA 协会镜像同步，数据有延迟，访问速度有待反馈。