随着相机的改进，实时物体检测已成为越来越受欢迎的功能。从自动驾驶汽车到智能监控系统再到增强现实应用，这项技术在许多情况下都有应用。
计算机视觉是指使用摄像机和计算机执行上述任务的技术，是一个庞大而复杂的领域。但是，您可能不知道，您可以从浏览器非常轻松、方便地开始实时检测对象。
本文介绍如何使用 React 构建实时对象 Viber 电话列表 检测应用程序并将其部署在 Kinsta 上。实时物体检测应用程序使用用户的网络摄像头馈送。
先决条件
以下是本指南中使用的关键技术的概述
React：React 用于构建应用程序的用户界面 (UI)。 React 擅长渲染动态内容，并且可以方便地在浏览器中呈现网络摄像头馈送和检测到的对象。
TensorFlow.js：TensorFlow.js 是一个 JavaScript 库，它将机器学习的强大功能带入浏览器。它允许您加载预先训练的对象检测模型并直接在浏览器中运行它们，从而无需复杂的服务器端处理。
Coco SSD：该应用程序使 模拟过程 用名为 Coco SSD 的预训练对象检测模型，这是一种轻量级模型，可以实时识别各种日常物体。虽然 Coco SSD 是一个强大的工具，但值得注意的是它是在一组通用的对象上进行训练的。如果您有特 最新评论 定的识别需求，可以按照本指南使用 TensorFlow.js 训练自定义模型。
设置一个新的 React 项目
让我们创建一个新的 React 项目。让我们运行这个命令：
npm 创建 vite@latest kinsta-object-detection –template reac