简介
JavaScript 虽然起初是一门后端语言，但是随着 Node.js 的发展，现在也可以在前端进行相机操作了！这一切都得益于千千万万的 npm 包，其中就有一个名为 tiny-pi-camera 的 npm 包，它可以让你在 web 应用中使用 Raspberry Pi 摄像头。
在本文中，我们将介绍 tiny-pi-camera 的用法，并提供详细的代码示例，帮助读者更好地理解这个 npm 包的用法。同时，我们还将对其中使用到的技术进行解释和说明，以达到指导性的效果。
前置条件
运行本文提供的代码需要满足以下条件：
- 一台 Raspberry Pi
- 安装了 Node.js 和 npm 的 Raspberry Pi
- 一台可以访问 Raspberry Pi 的电脑
当然，你还需要一台 Raspberry Pi 摄像头。请按照 官方文档 中的说明来连接摄像头和树莓派。
安装
首先，我们需要将 tiny-pi-camera 安装在项目中。你可以在终端中切换到项目的根目录并输入以下命令来进行安装：
npm install tiny-pi-camera --save
此命令可以将 tiny-pi-camera 作为 npm 依赖项安装到你的项目中。--save 参数将会把它添加到你的 package.json 文件中。对于接下来的开发工作，你需要从 tiny-pi-camera 模块中导入相关的代码。
拍照
下面是我们可以使用 tiny-pi-camera 包进行拍照的示例代码：
const TinyPiCamera = require('tiny-pi-camera');
const camera = new TinyPiCamera();
camera
.capture('my-image.jpg')
.then(() => console.log('Image saved!'))
.catch((err) => console.error(err));这段代码将我们需要使用的 npm 包导入，然后创建了一个新的 camera 实例。最后，我们通过调用 capture() 方法来进行拍照操作，将图片保存在 my-image.jpg 文件中。
录像
tiny-pi-camera 还支持录像功能。示例如下：
-- -------------------- ---- -------
----- ------------ - --------------------------
----- ------ - --- ---------------
------
--------------------------------
-------- -- ---------------------- -----------
------------ -- --------------------
------------- -- -
------
----------------
-------- -- ---------------------- -----------
------------ -- --------------------
-- ------此代码将创建一个新的 camera 实例，并使用 startRecording() 方法开始录像，将视频保存在 my-video.h264 文件中。其中，setTimeout() 方法用于在 5000 毫秒后停止录像。我们调用 stopRecording() 方法并在 then() 回调中输出日志。
展示图像
经过拍摄或录制之后，你可能需要将图片或视频展示在你的 web 应用中。这里提供一种基于 node-static 的方法：
-- -------------------- ---- -------
----- ------ - -----------------------
----- ---- - --- ------------------ - ------ ----- ---
---------------
----------------------- --------- -- -
-------------------------- -- -- -
------------------- ----------
------------
--
--------------此代码将使用 node-static 模块创建一个静态 Web 服务器，并将其设置为在本地的 8080 端口监听。一旦该服务器在后台运行，你就可以通过前端代码中的 <img> 或 <video> 标签来访问保存的图片或视频。
总结
在本文中，我们介绍了如何使用 tiny-pi-camera npm 模块在 Raspberry Pi 上进行拍照和录像操作。我们提供了详细的代码示例，并指导读者如何将结果展示在自己的 web 应用中。
除此之外，我们还讨论了使用 npm 包和 node-static 模块的技术，帮助读者更加深入地理解代码背后的技术。希望这些知识对你的学习和实践有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733f890c4f727758363e