跳过主要内容
返回插件
@capgo/capacitor-视频缩略图
教程
@capgo/capacitor-视频缩略图

视频缩略图

从本地和远程视频文件中生成缩略图图片,指定时间戳

指南

视频缩略图教程

在设备上测试

Download the Capgo app, then scan the QR code.

视频缩略图插件预览二维码code

使用@capgo/capacitor-video-thumbnails

Capacitor视频缩略图插件接口,用于生成视频缩略图。

安装

bun add @capgo/capacitor-video-thumbnails
bunx cap sync

此插件暴露的内容

  • getThumbnail - 从视频文件中生成指定时间位置的缩略图图片。

示例用法

getThumbnail

从视频文件中生成指定时间位置的缩略图图片。

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

const result = await CapgoVideoThumbnails.getThumbnail({
  sourceUri: 'file:///path/to/video.mp4',
  time: 5000,
  quality: 0.8
});
console.log('Thumbnail URI:', result.uri);
console.log('Dimensions:', result.width, 'x', result.height);

完整参考

继续使用@capgo/capacitor-video-thumbnails

如果您正在使用 使用@capgo/capacitor-video-thumbnails 为了规划原生媒体和界面行为,连接它与 @capgo/capacitor-video-thumbnails 为了@capgo/capacitor-video-thumbnails的实现细节, Getting Started 为了Getting Started的实现细节, 使用@capgo/capacitor-live-activities 为了@capgo/capacitor-live-activities的原生能力, @capgo/capacitor-live-activities 为 @capgo/capacitor-live-activities 的实现细节, 使用 @capgo/capacitor-video-player 为使用 @capgo/capacitor-video-player 的原生能力