180 lines
4.1 KiB
Markdown
180 lines
4.1 KiB
Markdown
# Video Decode Plugin
|
||
|
||
> 当前版本:0.0.1
|
||
> 最低 Flutter SDK 要求:>=3.3.0
|
||
> 最低 Dart SDK 要求:>=3.3.4
|
||
|
||
|
||
## 说明
|
||
- 目前只支持Android端解码
|
||
|
||
## 安装
|
||
|
||
```yaml
|
||
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`找到打开路由配置文件,在文件最下方切换配置路由地址
|
||
```dart
|
||
// GetPage<dynamic>(name: Routers.h264WebView, page: () => TalkViewNativeDecodePage()), // 插件播放页面
|
||
GetPage<dynamic>(name: Routers.h264WebView, page: () => H264WebView()), // webview播放页面
|
||
```
|
||
3. 使用插件调试则打开上一个注释,同时注释掉weview的播放页面
|
||
|
||
### 初始化解码器
|
||
|
||
```dart
|
||
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
|
||
});
|
||
});
|
||
```
|
||
|
||
### 渲染视频
|
||
|
||
```dart
|
||
// 使用Flutter的Texture组件显示视频
|
||
Texture(
|
||
textureId: textureId,
|
||
filterQuality: FilterQuality.low,
|
||
)
|
||
```
|
||
|
||
### 解码视频帧
|
||
|
||
```dart
|
||
// 解码I帧
|
||
await VideoDecodePlugin.decodeFrame(
|
||
frameData, // Uint8List类型的H.264/H.265帧数据
|
||
FrameType.iFrame
|
||
);
|
||
|
||
// 解码P帧
|
||
await VideoDecodePlugin.decodeFrame(
|
||
frameData, // Uint8List类型的H.264/H.265帧数据
|
||
FrameType.pFrame
|
||
);
|
||
```
|
||
|
||
### 获取解码统计信息
|
||
|
||
```dart
|
||
final stats = await VideoDecodePlugin.getDecoderStats(textureId);
|
||
print('已渲染帧数: ${stats['renderedFrames']}');
|
||
print('丢弃帧数: ${stats['droppedFrames']}');
|
||
```
|
||
|
||
### 释放资源
|
||
|
||
```dart
|
||
await VideoDecodePlugin.releaseDecoder();
|
||
```
|
||
|
||
## 高级用法
|
||
|
||
### 多实例支持
|
||
|
||
插件支持同时创建和管理多个解码器实例:
|
||
|
||
```dart
|
||
// 创建第一个解码器
|
||
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)
|
||
|
||
```dart
|
||
// 发送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 解码支持
|
||
- 实时视频流解码
|
||
- 基础错误处理
|
||
|
||
|
||
### 后续计划
|
||
- [ ] 解码帧数较低
|
||
- [ ] 增加更多错误处理
|
||
- [ ] 完善文档和示例
|
||
- [ ] 添加单元测试
|
||
- [ ] 支持更多编解码格式
|
||
- [ ] 优化内存管理
|
||
|
||
|