https://github.com/anshsinghsonkhia/ai-burglar-detection-website
AI-Burglar-Detection-website using Next.js
https://github.com/anshsinghsonkhia/ai-burglar-detection-website
ai nextjs object-detection reactjs tailwindcss tensorflow
Last synced: 2 months ago
JSON representation
AI-Burglar-Detection-website using Next.js
- Host: GitHub
- URL: https://github.com/anshsinghsonkhia/ai-burglar-detection-website
- Owner: AnshSinghSonkhia
- License: apache-2.0
- Created: 2024-03-18T16:10:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-22T04:44:16.000Z (8 months ago)
- Last Synced: 2025-05-30T12:49:40.773Z (4 months ago)
- Topics: ai, nextjs, object-detection, reactjs, tailwindcss, tensorflow
- Language: JavaScript
- Homepage: https://ai-burglar-detection-ansh.vercel.app/
- Size: 447 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Tech-Stack:
## Screenshot
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```# Integrating Webcam in our app
- Installation
```shell
npm i react-webcam
```## Using Object Detection Model (coco-ssd)
Refer: https://github.com/tensorflow/tfjs-models/tree/master/coco-ssd
> This model is a TensorFlow.js port of the COCO-SSD model.
## Installation
```shell
npm i @tensorflow-models/coco-ssd @tensorflow/tfjs
```## Usage of COCO-SSD via NPM
```js
import { load as cocoSSDload } from "@tensorflow-models/coco-ssd";
import * as tf from "@tensorflow/tfjs";
```## Read about `clearRect()`
refer: [https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect)
```js
clearRect(x, y, width, height)
```The clearRect() method sets the pixels in a rectangular area to transparent black (rgb(0 0 0 / 0%)). The rectangle's top-left corner is at (x, y), and its size is specified by width and height.
## Adding a sound alert when a person is detected
```shell
npm i lodash
```Show Some
by Starring Some of My Repos!