@ capgo/ 电容器- 视频- thumbnails
在您的 Capacitor app 中创建本地或远程视频中的缩略图图像, 用于画廊、 上传预览和视频列表 .
🤖 建筑与AI编码代理? 安装 Capgo 技能 所以克劳德代码,代码,光标,副驾驶,或双子座CLI知道如何安装和使用
@capgo/capacitor-video-thumbnails在您的电容应用程序中:npx skills add Cap-go/capgo-skills。然后问你的经纪人: 将@capgo/capor-video-thumbnails 添加到我的Capacitor app上并把它接上 代理设置指南 • 妇女 主机磁共振
主要特点
- 一通电话数字 :
getThumbnail()返回视频框架的图像. - 选框数字 :
time设置以毫秒为单位的位置. - 质量: 设定图像
quality。 。 。 . - 远程视频: 通过 HTTP
headers用于iOS和Android上受保护的URL. - 平台:iOS,Android和Web. iOS使用AVFoundation,Android 使用
MediaMetadataRetriever,网页使用视频元素和画布.
为什么是Capacitor视频缩略图?
在特定时间位置从视频中提取缩略图图像 :
- 本地远程视频( R) - 对文件://路径和http(s)://进行工作 URL( URL)
- 自定义时间位置 - 在任何毫秒印出框架
- 质量控制 - 可调整的JPEG压缩质量
- HTTP 信头支持 - 认证视频来源的自定义信头
- 跨平台 - 一致的API跨iOS,Android,和Web
适合视频画廊,媒体播放器,视频编辑,以及任何需要视频预览图像的应用程序.
文档
这里有最完整的医生: https://capgo.app/docs/plugins/video-thumbnails/ (中文(简体) )
兼容性
| 插件版本 | 电容兼容性 | 维护 |
|---|---|---|
| 联合国 | 联合国 | ✅ |
| 页:1 | 页:1 | 应要求 |
| 页:1 | 页:1 | ❌ |
| 页:1 | 页:1 | ❌ |
说明: 此插件的主要版本沿用了Capacitor的主要版本. 使用匹配您的 Capacitor 安装的版本( 如 Capacitor 8 的插件 v8) 。 只有最新的主要版本得到积极维护.
安装
您可以使用我们的 AI 辅助设置安装插件 。 使用以下命令将 Capgo 技能添加到您的 AI 工具 :
npx skills add https://github.com/cap-go/capacitor-skills --skill capacitor-plugins
然后使用下列提示:
Use the `capacitor-plugins` skill from `cap-go/capacitor-skills` to install the `@capgo/capacitor-video-thumbnails` plugin in my project.
如果您更喜欢手动设置,请通过运行以下命令来安装插件,并遵循下面的平台特定指令:
npm install @capgo/capacitor-video-thumbnails
npx cap sync
所需资源
- iOS: iOS 15.0+ (英语)
- Android:API 24+ (Android 7.0+) (英语)
- Web: HTML5 视频支持的现代浏览器
API 密码
Capacitor 视频缩略图插件接口用于生成视频缩略图.
获取通布尼尔(...)
getThumbnail(options: VideoThumbnailsOptions) => Promise<VideoThumbnailsResult>
在特定时间位置从视频文件中生成缩略图图像 .
| 参数 | 类型 | 说明 |
|---|---|---|
options | VideoThumbnailsOptions | - 生成缩略图的选项 |
回返情况: Promise<VideoThumbnailsResult>
自: 8.0.0 (单位:千美元)
获取 PluginVersion ()
getPluginVersion() => Promise<{ version: string; }>
获取本地 Capacitor 插件版本 .
回返情况: Promise<{ version: string; }>
自: 8.0.0 (单位:千美元)
接口
视频垃圾桶
缩略图生成的结果.
| Prop | 类型 | 说明 |
|---|---|---|
uri | string | 生成缩略图图像的本地 URI 路径 。 这可以直接用于img标记或Image组件. |
width | number | 生成的缩略图以像素表示的宽度 . |
height | number | 生成的缩略图在像素中的高度 . |
VideoThumbnails 选项
生成视频缩略图的选项 .
| Prop | 类型 | 说明 |
|---|---|---|
sourceUri | string | 视频文件的URI. 可以是本地文件路径或远程 URL 。 对于本地文件,使用文件://协议或绝对路径. 对于远程文件,请使用http://或https://协议. |
time | number | 以毫秒为单位的取出缩略图的时间位置 。 默认为 0 (第一帧) . |
quality | number | 生成图像的质量,从0.0(最低)到1.0(最高). 默认为1.0. |
headers | Record<string, string> | 获取远程视频 URI时包含 HTTP 头条 。 仅适用于远程 URL . |
类型异名
记录
构造 T 类型 K 的一组属性类型
{
[P in K]: T;
}
贷项
这是来自(Expo SDK)[https://docs.expo.dev/versions/latest/sdk/video-thumbnails/ 页面存档备份,存于互联网档案馆[ . ]