Flutter 使用texture_rgba_renderer实现桌面端渲染视频-Toy模板网

这篇具有很好参考价值的文章主要介绍了Flutter 使用texture_rgba_renderer实现桌面端渲染视频。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Flutter视频渲染系列

第一章 Android使用Texture渲染视频
第二章 Windows使用Texture渲染视频
第三章 Linux使用Texture渲染视频
第四章全平台FFI+CustomPainter渲染视频
第五章 Windows使用Native窗口渲染视频
第六章桌面端使用texture_rgba_renderer渲染视频（本章）

前言

前面几章介绍了flutter使用texture渲染视频的方法，但是有个问题就是在每个平台都需要写一套原生代码去创建texture，这样对于代码的维护是比较不利的。最好的方法应该是一套代码每个平台都能运行，笔者最近刚好找到了pub上对texture封装的插件，直接提供dart代码调用texture进行rgba的渲染，当然只支持桌面端，即Windows、Linux、Macos，但依然是很方便了。

一、如何实现

1、添加插件

插件的地址是https://pub-web.flutter-io.cn/packages/texture_rgba_renderer。我们直接在pubspec.yaml添加依赖即可。
依赖

texture_rgba_renderer: ^0.0.16

引用

import 'package:texture_rgba_renderer/texture_rgba_renderer.dart';

Flutter 使用texture_rgba_renderer实现桌面端渲染视频,flutter,音视频,flutter,音视频,dart,windows,linux

2、创建texture

定义一个全局插件对象

final _textureRgbaRendererPlugin = TextureRgbaRenderer();

创建texture，得到textureId

//textureId，使用ValueNotifier方便刷新界面
ValueNotifier<int> _textureId = ValueNotifier<int>(-1);
//参数为唯一标识符，使用当前对象this的hashCode。
 _textureId.value = await _textureRgbaRendererPlugin.createTexture(hashCode);

3、关联texture控件

//ValueListenableBuilder与ValueNotifier是配套使用的，方便界面刷新。
ValueListenableBuilder(
                      valueListenable: _textureId,
                      builder: (c, v, w) {
                        //关联textureId
                        return Texture(textureId: _textureId.value);
                      })),

4、写入bgra

数据格式为ffmpeg的AV_PIX_FMT_BGRA

//数据地址
int adress = msg[2];
//一行数据长度
int linesize = msg[3];
int width = msg[4];
int height = msg[5];
//将bgra数据写入texture
final ptr = await _textureRgbaRendererPlugin.getTexturePtr(hashCode);
Native.instance.onRgba(
	Pointer.fromAddress(ptr),
	Pointer.fromAddress(adress),
	height* linesize,
	width,
	height,
	linesize);

二、效果预览

基本的一个运行效果

Flutter 使用texture_rgba_renderer实现桌面端渲染视频,flutter,音视频,flutter,音视频,dart,windows,linux

三、问题分析

texture_rgba_renderer: 0.0.16，就目前的版本来看，cpu消耗比原生写texture要高不少。主要原因是在dart写入bgra数据时，插件底层先是拷贝了一次数据，然后对又数据进行第二次逐行扫描拷贝到新的缓冲区对齐数据，这些操作都是比较消耗cpu的，尤其是逐行扫描拷贝。

四、完整代码

https://download.csdn.net/download/u013113678/88124430
示例代码只有Windows、Linux的视频渲染。
注：texture_rgba_renderer: 0.0.16的性能不算特别好，请根据需求下载。

总结

以上就是今天要讲述的内容，使用texture_rgba_renderer实现视频渲染是笔者无意中发现的一个方法，本质也是texture，只是有人将其封装为了插件，很大程度上方便了使用，用于预览小的视频画面是完全可以的。文章来源地址https://www.toymoban.com/news/detail-617173.html

到了这里，关于Flutter 使用texture_rgba_renderer实现桌面端渲染视频的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！