video_decode_plugin/README.md

Video Decode Plugin

当前版本：0.0.1
最低 Flutter SDK 要求：>=3.3.0
最低 Dart SDK 要求：>=3.3.4

说明

• 目前只支持Android端解码

安装

dependencies:
  video_decode_plugin: ^0.0.1  # 使用最新版本

环境要求

• Flutter SDK: >=3.3.0
• Dart SDK: >=3.3.4
• Android:
  • minSdkVersion: 21 (Android 5.0)
  • targetSdkVersion: 最新版本
• iOS:
  • 最低版本: 11.0
  • 开发环境: Xcode 最新版本

快速开始

在星锁项目中调试

1. 需切换到develop_liyi分支

2. appRouters.dart找到打开路由配置文件,在文件最下方切换配置路由地址

    // GetPage<dynamic>(name: Routers.h264WebView, page: () => TalkViewNativeDecodePage()), // 插件播放页面
    GetPage<dynamic>(name: Routers.h264WebView, page: () => H264WebView()), // webview播放页面

3. 使用插件调试则打开上一个注释，同时注释掉weview的播放页面

初始化解码器

import 'package:video_decode_plugin/video_decode_plugin.dart';

// 创建解码器配置
final config = VideoDecoderConfig(
  width: 640,         // 视频宽度
  height: 480,        // 视频高度
  codecType: CodecType.h264,  // 编解码类型：h264或h265
  frameRate: 30,      // 目标帧率（可选）
  isDebug: true,      // 是否启用详细日志
);

// 初始化解码器，获取纹理ID
final textureId = await VideoDecodePlugin.initDecoder(config);

// 设置帧回调
VideoDecodePlugin.setFrameCallback((textureId) {
  // 当新帧可用时被调用
  setState(() {
    // 更新UI
  });
});

渲染视频

// 使用Flutter的Texture组件显示视频
Texture(
  textureId: textureId,
  filterQuality: FilterQuality.low,
)

解码视频帧

// 解码I帧
await VideoDecodePlugin.decodeFrame(
  frameData,  // Uint8List类型的H.264/H.265帧数据
  FrameType.iFrame
);

// 解码P帧
await VideoDecodePlugin.decodeFrame(
  frameData,  // Uint8List类型的H.264/H.265帧数据
  FrameType.pFrame
);

获取解码统计信息

final stats = await VideoDecodePlugin.getDecoderStats(textureId);
print('已渲染帧数: ${stats['renderedFrames']}');
print('丢弃帧数: ${stats['droppedFrames']}');

释放资源

await VideoDecodePlugin.releaseDecoder();

高级用法

多实例支持

插件支持同时创建和管理多个解码器实例：

// 创建第一个解码器
final textureId1 = await VideoDecodePlugin.createDecoder(config1);

// 创建第二个解码器
final textureId2 = await VideoDecodePlugin.createDecoder(config2);

// 为特定纹理ID设置回调
VideoDecodePlugin.setFrameCallbackForTexture(textureId1, (id) {
  // 处理第一个解码器的帧
});

// 为特定纹理ID解码帧
await VideoDecodePlugin.decodeFrameForTexture(textureId2, frameData, frameType);

// 释放特定解码器
await VideoDecodePlugin.releaseDecoderForTexture(textureId1);

优化I帧和SPS/PPS处理

对于H.264视频流，建议按照以下顺序处理帧：

1. 首先发送SPS（序列参数集，NAL类型7）
2. 其次发送PPS（图像参数集，NAL类型8）
3. 然后发送IDR帧（即I帧，NAL类型5）
4. 最后发送P帧（NAL类型1）

// 发送SPS和PPS数据
await VideoDecodePlugin.decodeFrame(spsData, FrameType.iFrame);
await VideoDecodePlugin.decodeFrame(ppsData, FrameType.iFrame);

// 发送IDR帧
await VideoDecodePlugin.decodeFrame(idrData, FrameType.iFrame);

// 发送P帧
await VideoDecodePlugin.decodeFrame(pFrameData, FrameType.pFrame);

完整示例

请参考示例应用，了解如何：

• 从文件或网络流加载H.264视频
• 正确解析和处理NAL单元
• 高效地解码和渲染视频帧
• 监控解码性能并进行故障排除

版本历史

0.0.1 - 2024.03

• ✨ 初始版本发布
• 🎯 基础功能实现：
  • H.264/H.265 解码支持
  • 实时视频流解码
  • 基础错误处理

后续计划

• 解码帧数较低
• 增加更多错误处理
• 完善文档和示例
• 添加单元测试
• 支持更多编解码格式
• 优化内存管理