跳过主要内容

视频缩略图 Capacitor插件

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

安装

bun add @capgo/capacitor-video-thumbnails bunx cap sync
npm、pnpm或yarn
  • npm install @capgo/capacitor-video-thumbnails
  • pnpm add @capgo/capacitor-video-thumbnails
  • yarn add @capgo/capacitor-video-thumbnails

指南

如何在Capacitor中使用视频缩略图

在设备上测试

下载Capgo应用,扫描QR code

视频缩略图插件预览QR code

使用@capgo/capacitor-video-thumbnails

Capacitor视频缩略图插件界面用于生成视频缩略图

安装

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

bunx cap sync 将插件的本地code复制到您的本地项目中。每次升级插件后,请重新运行它。

导入

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

API概览

方法 描述
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 中的实现细节 使用 @capgo/capacitor-live-activities 查看 Using @capgo/capacitor-live-activities 中的原生能力 @capgo/capacitor-live-activities 查看 @capgo/capacitor-live-activities 中的实现细节 使用@capgo/capacitor-视频播放器 使用@capgo/capacitor-视频播放器的原生能力

常见问题

视频缩略图插件FAQ

如何在Capacitor应用中安装视频缩略图插件?

运行"bun add @capgo/capacitor-video-thumbnails" (或 "npm install @capgo/capacitor-video-thumbnails"),然后运行 "bunx cap sync" 以便 iOS 和 Android 项目捕捉到本机 code。从 "@capgo/capacitor-video-thumbnails" 导入到您的应用 code 中。

是否支持 @capgo/capacitor-video-thumbnails 与 React、Vue 和 Angular?

是的。视频缩略图是一个 Capacitor 包,因此它与任何在 Capacitor 内部运行的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个 Capacitor 版本支持 @capgo/capacitor-video-thumbnails?

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格列出了维护的版本。

是否支持 @capgo/capacitor-video-thumbnails 免费和开源?

是的。源 code 公开在 GitHub 上,https://github.com/Cap-go/capacitor-video-thumbnails/,并且该包可以从 npm 免费安装。欢迎 bug 报告和 pull 请求。

是否可以在不经过 App Store 审核的情况下更新使用视频缩略图的 code?

安装或升级插件会更改本机 code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改可以立即通过 Capgo 实时更新发布。

不必等待应用程序审查就可以将视频缩略图更新

一旦插件在您的商店构建中,Capgo实时更新将推送您的JavaScript、HTML和CSS更改给用户几分钟内。

从Capgo开始