在如今的移动设备的普遍流行中，拥有摄像头的设备越来越普及。因此，在开发 Web 应用程序时，使用摄像头作为输入设备之一的需求也越来越大。而 offgrid-camera 就是一个方便快捷地利用设备摄像头的 npm 包。本文将介绍 offgrid-camera 的使用方法，并提供示例代码。
offgrid-camera 简介
offgrid-camera 是一个可用于浏览器和 Node.js 环境的 npm 包。它通过利用设备的摄像头获取视频和静态图像，并将结果以 Base64 格式作为数据 URI 返回给开发人员。而且，offgrid-camera 支持拍摄前后摄像头，支持设置像素、宽度和高度等参数调整。
安装和引用
使用 offgrid-camera 前，首先需要在项目中安装它，可通过 npm 包管理器对其进行安装，命令如下所示：
- --- ------- -------------- ------
注：--save 参数是将该包同时安装到 package.json 中的 dependencies 中。
安装完成后，在需要使用的文件中末尾添加下面的代码，以引用 offgrid-camera：
--- ------------- - --------------------------
应用说明
拍摄图片
在浏览器中，可以利用 getUserMedia API 访问摄像头，而 Node.js 中没有直接访问摄像头的 API。因此，在 Node.js 中使用 offgrid-camera 时，必须先将摄像头数据源连接到该模块提供的服务器上，以便获取数据。
以下是浏览器和 Node.js 环境中拍摄图片的方式示例代码：
-- ----
--- ------ - --- ---------------
-- ------
---
------------------------------------------- -
-- ----
---
-- -------
--- ---- - ----------------
--- ------ - --- ---------------
-- ------
---
------------------------------- ---- -
-- -------- --- ---------- -
------------------------------------------ -
----------------
---
-
----------------
拍摄视频
在浏览器中，使用 MediaRecorder API 可以实现直接从摄像头捕获视频数据，并输出到文件中。而在 Node.js 中，可选的视频流程包括创建一个读取器并使用 ffmpeg 在文件系统中转换视频。
以下是浏览器和 Node.js 环境中拍摄视频的方式示例代码：
-- ----
--- ------ - --- ---------------
-- ------
---
----------------------------------------------- -
-- -- ---------
----------------
---
-- -------
--- ---------- - -----------------------
--- ---- - ----------------
--- ---- - ----------------
--- ------ - --- ---------------
-- ------
---
--- ------------ - ------------------------------------------- -----------
------------------------------- ---- -
-- -------- --- ------------------ -
--------------------------------------------- -
--- ------- - ------------------------ ------------- -
----------------- --- ---- --------- ---------------
-------------- ------------- -
--------------- ----- --------- - - -------------
---
--------------------------- ----- -------
---
- ---- -
----------------------- -----
-
----------------结论
offgrid-camera 是一个非常方便浏览器和 Node.js 环境下使用设备摄像头的 npm 包。通过本文的介绍，不论是开发者还是刚刚接触 offgrid-camera 的初学者都可以很容易上手，实现对摄像头的控制和获取所需的图像数据。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066fad3d1de16d83a6724a