跳过主要内容
返回插件
@capgo/capacitor-video-thumbnails
教程
@capgo/capacitor-video-thumbnails

视频缩略图

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

指南

视频缩略图教程

在设备上测试

下载Capgo应用程序,然后扫描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 的原生能力