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

视频缩略图

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

指南

视频缩略图教程

在设备上测试

下载 Capgo 应用程序,然后扫描二维码 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的实现细节 开始 查看开始的实现细节 使用@capgo/capacitor-live-activities 为使用@capgo/capacitor-live-activities的原生功能 @capgo/capacitor-live-activities 为@capgo/capacitor-live-activities的实现细节,以及 使用@capgo/capacitor-video-player 为使用@capgo/capacitor-video-player的原生功能