Flutter GPU加速视频播放插件gpu_video_flutter_kz的使用

Flutter GPU加速视频播放插件gpu_video_flutter_kz的使用

关于

• 什么是它，它能做什么

  • 在您的视频中自定义滤镜
  • 录制带有多种滤镜的视频
  • 支持闪光灯、后置或前置摄像头等
  • 支持横屏、竖屏或方形相机类型

• 项目状态: 已完成/原型阶段

  • 完成功能: 3/3
  • 下一步: 清理和重新整理代码

目录

• 关于
• 目录
• 安装
• 使用
• 特性
• 内容
• 需求
• 资源（文档和其他链接）
• 许可

安装

在 pubspec.yaml 文件中添加此库：

gpu_video_flutter_kz: ^0.0.4

打开项目并在 Android 中进行以下更改：

• 将 minSdkVersion 更改为 21：

defaultConfig {
    minSdkVersion 21
}

• 在 build.gradle (Project: android) 中添加以下内容：

maven { 
  url 'https://jitpack.io' 
}

使用

视频预览

GPUMoviePreview(
  videoUrl: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4",
)

要为视频应用滤镜，可以使用：

GpuVideoFlutterKz.filterVideo(FilterType.BILATERAL_BLUR);

设置滤镜的百分比：

GpuVideoFlutterKz.setFilterPercentage(int percent);

摄像头录制

初始化：

GPUCameraRecord(
      cameraViewType: CameraViewType.square),
)

您可以将相机类型更改为竖屏或横屏。

为预览相机添加滤镜：

GpuVideoFlutterKz.filterCameraRecorder(filterType);

开始录制：

GpuVideoFlutterKz.recordCameraVideo();

结束录制：

String videoPath = GpuVideoFlutterKz.stopRecordCameraVideo();
// 返回录制视频的路径

切换前后摄像头：

GpuVideoFlutterKz.switchCamera();

打开或关闭闪光灯：

GpuVideoFlutterKz.turnOnOffFlash();

拍摄照片：

String imagePath = GpuVideoFlutterKz.captureImage();
// 返回拍摄照片的路径

MP4 合成

获取相册中的所有视频：

List<VideoItem> videos = await GpuVideoFlutterKz.getListVideo();
// 返回 VideoItem 的列表 (在我的库中)

启动编解码器：

GpuVideoFlutterKz.startCodec(isMute, isFlipHorizontal, isFlipVertical, videoSelectedPath, filterType);
// 应用 5 个属性到您的视频，并将其保存到您的相册

特性

• 自定义滤镜
• 多种滤镜录制视频
• 支持闪光灯、前后摄像头
• 支持横屏、竖屏或方形相机类型

需求

• 要求 Android 最低 SDK 版本为 21

资源（文档和其他链接）

• GPUVideo-android
• Android ExoPlayer
• Android Kotlin 协程
• Google Gson

许可

Apache License, Version 2.0

示例代码

以下是完整的示例代码：

// ignore_for_file: prefer_const_constructors

import 'dart:developer';

import 'package:flutter/material.dart';
import 'package:gpu_video_flutter_kz_example/demo_platform_view.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeView(),
      theme: ThemeData(
        highlightColor: Colors.blueAccent,
      ),
    );
  }

  void _onMp4ComposeButtonClick(BuildContext context) {}

  void _onMoviePreviewButtonClick(BuildContext context) {
    log("123123");
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => DemoPlatformView(
          keyFunction: KeyFunction.moviePreview,
        ),
      ),
    );
  }

  void _onCameraRecordButtonClick(BuildContext context) {}
}

class HomeView extends StatelessWidget {
  const HomeView({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextButton(
                onPressed: () => _onMp4ComposeButtonClick(context),
                child: Text("MP4 合成")),
            TextButton(
                onPressed: () => _onCameraRecordButtonClick(context),
                child: Text("摄像头录制")),
            TextButton(
                onPressed: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => DemoPlatformView(
                          keyFunction: KeyFunction.moviePreview),
                    ),
                  );
                },
                child: Text("视频预览")),
          ],
        ),
      ),
    );
  }

  _onMp4ComposeButtonClick(BuildContext context) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) =>
            DemoPlatformView(keyFunction: KeyFunction.mp4Compose),
      ),
    );
  }

  void _onCameraRecordButtonClick(BuildContext context) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) =>
            DemoPlatformView(keyFunction: KeyFunction.cameraRecord),
      ),
    );
  }
}

enum KeyFunction { mp4Compose, cameraRecord, moviePreview }