Flutter 鸿蒙化实战:media_info 适配 OpenHarmony,媒体信息与缩略图
Flutter 鸿蒙化实战media_info 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期大量常用三方库只有 Android / iOS 实现鸿蒙侧只能自己造轮子。为了解决这个问题CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配统一托管在 GitCode 的CPF-Flutter 组织 下全部通过 TAG 版本隔离、配套门禁编译验证开箱即用。本篇是系列文章之一主角是media_info—— 媒体信息读取插件。## media_info 是什么media_info原库 0.12.0用于读取视频/音频文件信息1.媒体信息getMediaInfo读取时长、宽高等2.缩略图generateThumbnail生成视频缩略图3.属性path、target、width、height、positionMs等。适合做视频封面、列表缩略图展示。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || — | — | — || 3.7 | 0.12.0_2-ohos-1.0.0 | master || 3.22 | 0.12.0_2-ohos-1.0.0 | master || 3.27 | 0.12.0_2-ohos-1.0.0 | master || 3.35 | 0.12.0_2-ohos-1.0.0 | master |## 快速接入在 pubspec.yaml 中添加 git 依赖yamldependencies: media_info: git: url: https://gitcode.com/CPF-Flutter/fluttertpc_media_info.git # 按你的 Flutter 框架版本从上方映射表选择对应 TAG ref: 0.12.0_2-ohos-1.0.0执行bashflutter pub get## 使用示例dartimport package:media_info/media_info.dart;// 读取媒体信息final info await MediaInfo().getMediaInfo(/path/video.mp4);print(时长: ${info.duration}分辨率: ${info.width}x${info.height});// 生成缩略图await MediaInfo().generateThumbnail(/path/video.mp4, target: /path/thumb.jpg);## API 支持一览| API | 说明 || — | — || getMediaInfo | 读取媒体信息 || generateThumbnail | 生成缩略图 || path / target | 输入路径 / 输出目标 || width / height / duration | 尺寸 / 时长 | [TIP] 本库鸿蒙版与上游 API 对齐接入方式与 iOS / Android 一致。## 仓库地址- OpenHarmony 适配仓库https://gitcode.com/CPF-Flutter/fluttertpc_media_info- 使用问题反馈请到 CPF-Flutter 社区 Issues 提交问题社区统一收集跟进本仓库 Issues 区亦可。## 系列预告截至目前CPF-Flutter 社区已完成250 个Flutter 三方库的 OpenHarmony 平台适配覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域完整的适配清单含每个库的版本映射表见-适配总览文档https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md-仓库组织https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解比如路由探测flutter_traceroute、应用角标flutter_app_badge、视频缩略图fc_native_video_thumbnail等。如果你的 Flutter 应用正在计划适配鸿蒙欢迎关注 CPF-Flutter 组织也欢迎参与共建。