Flutter媒体缩略图生成插件media_thumbnail的使用

media_thumbnail

生成缩略图。

Getting Started

此项目是一个用于Flutter的插件包起点，它包含针对Android和/或iOS平台的特定实现代码。

对于如何开始Flutter开发的帮助，请查看在线文档，其中提供了教程、示例、移动开发指南以及完整的API参考。

使用示例

以下是一个完整的示例，展示如何使用media_thumbnail插件生成视频缩略图。

示例代码

import 'dart:io';
import 'package:path_provider/path_provider.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:media_thumbnail/media_thumbnail.dart'; // 导入插件

void main() {
  runApp(const MyApp()); // 运行应用
}

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

  @override
  State<MyApp> createState() => _MyAppState(); // 初始化状态
}

class _MyAppState extends State<MyApp> {
  String? _platformVersion; // 存储生成的缩略图路径

  @override
  void initState() {
    super.initState();
  }

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String? platformVersion;
    try {
      // 获取缓存目录
      final thumbnailPath = await getCacheDir();
      // 调用插件生成缩略图
      platformVersion = await MediaThumbnail.videoThumbnail(
          "https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4", 
          "$thumbnailPath/xx.jpg");
    } catch (ex) {
      debugPrint(ex.toString()); // 打印异常信息
    }

    // 如果组件未挂载，则不更新UI
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion; // 更新UI
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'), // 设置标题
          actions: [
            InkWell( // 点击按钮触发生成缩略图
              onTap: () {
                initPlatformState();
              },
              child: const Text("生成缩略图"),
            )
          ],
        ),
        body: Center(
          child: SizedBox(
            width: 120, // 缩略图大小
            height: 120,
            child: _platformVersion == null
                ? const Text("未知") // 如果路径为空，显示“未知”
                : Image(
                    image: FileImage(File(_platformVersion!)), // 显示生成的缩略图
                  ),
          ),
        ),
      ),
    );
  }

  // 获取缓存目录
  Future<String> getCacheDir([String? subDir]) async {
    var parentPath = (await getTemporaryDirectory()).path; // 获取临时目录
    return createSubDirIfNotExist(parentPath, subDir); // 创建子目录
  }

  // 如果子目录不存在则创建
  Future<String> createSubDirIfNotExist(String currentPath, [String? subDir]) async {
    if (subDir == null || subDir.isEmpty) {
      return currentPath;
    }
    var parentPath = currentPath;
    final dirs = subDir.split('/'); // 分割子目录路径
    for (final p in dirs) {
      final path = '$parentPath/$p';
      var dir = Directory(path);
      if (!dir.existsSync()) { // 检查目录是否存在
        await dir.create(); // 创建目录
      }
      parentPath = path;
    }
    return parentPath;
  }
}

示例运行效果

运行上述代码后，点击屏幕右上角的“生成缩略图”按钮，插件会从指定的视频URL生成一张缩略图，并在屏幕中央显示。如果生成成功，将显示缩略图；如果失败，将显示“未知”。

注意事项

1. 权限问题：确保您的应用程序有访问网络和存储的权限。
2. 依赖安装：在pubspec.yaml文件中添加插件依赖：

   dependencies:
     media_thumbnail: ^版本号