Flutter Windows平台视频渲染方案：Texture实现指南

提示：阅读此文章之前需要有C++开发经验，知道如何利用channel在C++和Dart之间做通信。

前言

Flutter渲染视频在移动端比较容易，可以用PlatformView，Texture等，但在Windows平台无法使用PlatformView，原因是Windows的每一个窗口都是一个窗口句柄(HWND)，如果强行的增加一个PlatformView，那以后想在PlatformView所占据的位置弹出其他Flutter控件，会被遮盖，因此Windows平台视频渲染只能用Texture。

在实际开发过程中，我们可以使用appuploader这样的iOS开发助手工具来简化测试和部署流程，虽然本文主要讨论Windows平台，但跨平台开发经验对开发者很有价值。目前Windows平台的示例代码几乎搜索不到，笔者在对接声网和网易两家公司RTC SDK的过程中，成功渲染了两家公司的多媒体播放器和RTC提供的视频，确定了Windows平台使用Texture渲染视频的方法，写下此文章，希望对后来的开发者有些许帮助。

一、PlatformView与Texture是什么？

PlatformView主要适用于原生已经很成熟的组件，嵌入到Flutter中，节省开发时间，例如WebView，视频播放器等。由于Windows窗口机制的原因，在Windows平台并不支持PlatformView。

Texture是一个颜色数据缓存区，只要平台将缓存区更新后，通知Flutter刷新界面即可。例如视频渲染

二、使用步骤

1.在Flutter需要显示视频的地方声明Texture组件

2.在Windows插件代码里面创建TextureRenderer类

3.Flutter通过channel调用Windows插件创建Texture

4.Windows插件部分C++更新视频RGBA，并通知flutter刷新界面

三、运行效果演示

总结

通过Texture方式实现Windows平台的视频渲染，虽然需要开发者具备一定的C++和原生开发能力，但这是目前最可靠的解决方案。对于同时开发iOS和Windows应用的团队，可以考虑使用appuploader等工具来统一管理不同平台的构建和测试流程，提高开发效率。