介绍
handbrake-loader 是一个基于 HandBrakeCLI 的转码器，用于将视频转换为不同格式和质量的视频。它可以被用在 Nodejs 环境下，并且可以用在前端项目中，支持 webpack loader 。
安装
你需要安装 Nodejs 环境，并且全局安装 HandBrakeCLI 。然后，通过 npm 进行安装：
npm install handbrake-loader --save-dev
配置
安装好 handbrake-loader 后，需要在 webpack.config.js 中进行配置。在 module.rules 中添加如下代码：
-- -------------------- ---- -------
-
----- ---------------
---- -
-
------- -------------------
-------- -
-------- ---
------- ----- ------- ----------
---------- -----
--
--
--
--其中，test 表示符合该正则表达式的文件会使用该 loader 进行处理。options 中可以设置常用的转码参数，如 quality 表示视频质量，preset 表示转换的目标格式和参数，audioRate 表示音频的采样率。更详细的参数可以参考 HandBrakeCLI 的文档。
使用
在配置好 handbrake-loader 后，直接在代码中引用视频文件即可，如：
import video from './video.mov';
如果在打包项目时选择了开启 webpack-dev-server ，可以使用类似以下代码自动在浏览器中打开视频：
if (process.env.NODE_ENV === 'development') {
document.body.innerHTML += `<video controls src="${video}"></video>`;
} else {
// 处理非开发环境
}示例
视频转码的时间由于文件大小、电脑性能等因素而不同，因此以下示例可能需要较长时间才能完成转换。
-- -------------------- ---- -------
-- -----------------
-------------- - -
-- --- ------
------- -
------ -
-
----- ---------------
---- -
-
------- -------------------
-------- -
-------- ---
------- ----- ------- ----------
--
--
--
--
-- -- ------
--
--
--
-- --------
------ ----- ---- --------------
-- --------------------- --- -------------- -
----- ------- - --------------------------------
-------------------------------- --------
--------------------------- -------
-----------------------------------
- ---- -
-- -------
-总结
手动使用 HandBrakeCLI 进行视频转码需要多次操作和手动设置，而 handbrake-loader 可以简化这个过程，轻松将视频转成想要的格式和质量。在前端开发中，webpck 已经是不可或缺的工具，而 handbrake-loader 则可以提供强大的视频转码功能，为前端开发增加了许多可能性和便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590981e8991b448d66f7