鸿蒙Next如何获取视频缩略图

在鸿蒙Next系统开发中，如何获取本地视频或网络视频的缩略图？希望能提供具体的API调用方法或示例代码，以及需要注意的兼容性和性能优化问题。

2 回复

鸿蒙Next获取视频缩略图？简单！用AVMetadataHelper，几行代码搞定：

  1. 创建helper实例
  2. 设置数据源（文件路径或URI）
  3. 调用fetchVideoThumbnail()方法
  4. 记得释放资源！

注意：别在主线程操作，小心ANR！缩略图尺寸可以自定义，想多大就多大（别太夸张）。

更多关于鸿蒙Next如何获取视频缩略图的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）中，获取视频缩略图可以通过@ohos.multimedia.mediaLibrary和@ohos.file.fs模块实现。以下是具体步骤和示例代码：

步骤说明：

  1. 申请权限：需要ohos.permission.READ_MEDIA权限。
  2. 查询视频文件：使用mediaLibrary获取视频文件。
  3. 获取缩略图：通过getThumbnail方法获取缩略图的PixelMap对象。
  4. 保存或显示：可将PixelMap转换为图像资源使用。

示例代码：

import mediaLibrary from '@ohos.multimedia.mediaLibrary';
import fs from '@ohos.file.fs';
import { BusinessError } from '@ohos.base';

async function getVideoThumbnail() {
  // 1. 获取mediaLibrary实例
  let media = mediaLibrary.getMediaLibrary();

  // 2. 查询视频文件（以获取第一个视频为例）
  let fileKeyObj = mediaLibrary.FileKey;
  let fetchOp = {
    selections: `${fileKeyObj.MEDIA_TYPE}=?`, // 筛选视频类型
    selectionArgs: [mediaLibrary.MediaType.VIDEO.toString()],
  };
  
  let fetchResult = await media.getFileAssets(fetchOp);
  let fileAsset = await fetchResult.getFirstObject();

  if (!fileAsset) {
    console.error('No video file found');
    return;
  }

  // 3. 获取缩略图（设置尺寸，例如128x128）
  let thumbnailPixelMap = await fileAsset.getThumbnail({ 
    width: 128, 
    height: 128 
  });

  // 4. 使用缩略图（例如显示在Image组件中）
  // 假设有Image组件引用为this.imgComp
  // this.imgComp.pixelMap = thumbnailPixelMap;

  // 5. 释放资源
  fetchResult.close();
}

// 调用函数
getVideoThumbnail().catch((error: BusinessError) => {
  console.error('Failed to get thumbnail, error: ' + error);
});

注意事项：

  • 权限申请：需在module.json5中配置权限，并在运行时动态申请。
  • 资源释放：使用完fetchResult后需调用close()避免内存泄漏。
  • 尺寸设置：getThumbnail可指定缩略图宽高，系统会按比例缩放。

通过以上方法即可在鸿蒙Next中获取视频缩略图并用于界面显示或其他处理。

回到顶部