Getting Started

安装

您可以使用我们的 AI 助手设置来安装插件。使用以下命令将 Capgo 技能添加到您的 AI 工具中：

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

然后使用以下提示：

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.

如果您更喜欢手动设置，请按照以下命令安装插件并遵循以下平台特定的说明：

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

导入

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

API 介绍

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);

类型参考

VideoThumbnailsOptions

视频缩略图选项

export interface VideoThumbnailsOptions {
  /**
   * The URI of the video file. Can be a local file path or a remote URL.
   * For local files, use file:// protocol or absolute path.
   * For remote files, use http:// or https:// protocol.
   */
  sourceUri: string;

  /**
   * The time position in milliseconds from which to extract the thumbnail.
   * Defaults to 0 (first frame).
   */
  time?: number;

  /**
   * Quality of the generated image, from 0.0 (lowest) to 1.0 (highest).
   * Defaults to 1.0.
   */
  quality?: number;

  /**
   * HTTP headers to include when fetching remote video URIs.
   * Only applicable for remote URLs.
   */
  headers?: Record<string, string>;
}

VideoThumbnailsResult

缩略图生成结果

export interface VideoThumbnailsResult {
  /**
   * The local URI path to the generated thumbnail image.
   * This can be used directly in img tags or Image components.
   */
  uri: string;

  /**
   * Width of the generated thumbnail in pixels.
   */
  width: number;

  /**
   * Height of the generated thumbnail in pixels.
   */
  height: number;
}

真实来源

本页面是由插件生成的 src/definitions.ts当公共API在上游发生变化时，重新运行同步。

从Getting Started继续

如果您正在使用 从Getting Started 来规划原生媒体和界面行为，连接它 使用@capgo/capacitor-视频缩略图 用于@capgo/capacitor-视频缩略图的原生功能 使用@capgo/capacitor-直播活动 用于@capgo/capacitor-直播活动的原生功能 @capgo/capacitor-直播活动 用于@capgo/capacitor-直播活动的实现细节 使用@capgo/capacitor-视频播放器 用于@capgo/capacitor-视频播放器的原生功能 @capgo/capacitor-视频播放器 用于@capgo/capacitor-视频播放器的实现细节