npm 包 vidthumb 使用教程

阅读时长 3 分钟读完

简介

vidthumb 是一款用于生成视频缩略图的 npm 包。它可以快速轻松地将视频转换为图片,并支持自定义输出文件名,宽度和高度。

在前端开发中,经常会有需要将视频快速地生成缩略图的需求。vidthumb 正是为应对这种情况而生的。

安装

使用 npm 安装 vidthumb:

用法

引入

在 JavaScript 文件中引入 vidthumb:

生成视频缩略图

使用 vidthumb 的 fromPath 方法指定视频路径,使用 toPath 方法指定生成缩略图的位置:

-- -------------------- ---- -------
--------
  -------------------------------
  ---------------------------------
  -------- -- -
    ---------------------- ------- ----------------
  --
  ------------ -- -
    -------------------
  ---

配置选项

vidthumb 支持几个配置选项,如下:

  • width: 缩略图的宽度。
  • height: 缩略图的高度。
  • time: 缩略图的时间点。例如,'00:00:01.000' 表示生成视频的 1 秒时刻的缩略图。
  • quality: 缩略图的质量。
-- -------------------- ---- -------
--------
  -------------------------------
  ---------------------------------
  -------------- ---- -----------------
  ----------------------- -------------
  ---------------- -------------------- --
  -------- -- -
    ---------------------- ------- ----------------
  --
  ------------ -- -
    -------------------
  ---

示例代码

-- -------------------- ---- -------
----- -------- - --------------------

--------
  -------------------------------
  ---------------------------------
  -------------- ----
  -----------------------
  ----------------
  -------- -- -
    ---------------------- ------- ----------------
  --
  ------------ -- -
    -------------------
  ---

总结

vidthumb 是一款非常方便的 npm 包,用于生成视频缩略图的工作。在前端开发中,经常有需要用到这样的功能,使用 vidthumb 可以让我们更加轻松地完成这项工作,提高工作效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055e6381e8991b448dbc7f

纠错
反馈