
Explore object detection from web cameras by selecting a region, capturing snapshots, and detecting movement within that area, with coordinates stored in MongoDB for your application.
Divide the app into client and server, build a React client that uses WebSocket for data, and implement object detection with dimension calculations on the server via Express.
Initialize a server by creating a main folder, defining endpoints, and streaming coordinates of objects matching a selected area via a WebSocket, using TypeScript and Express.
Develop basic endpoints by configuring imports and exports, handling application status and responses, and organizing code to ensure a functioning API.
Create a room model on the server side to specify the area for detecting all objects. Set up the schema and interfaces and install them.
Create REST room endpoints with Express, handle request and response, import the steps from experts model, and perform find and delete operations.
Explore object detection on webcam feeds by selecting a region in the camera view, using inspection mode and iFrame screenshots to analyze the chosen area.
Build a webcam object detection service by implementing the good_detected_object function, managing detected objects, and capturing area screenshots with a storage workflow.
Create and test an object detection endpoint by deploying a docker container, sending a post request with an image, and returning coordinates for detected objects.
Learn to build and deploy a TensorFlow object detection service in Docker, manage multiple models, expose API endpoints, and run containerized inference.
Install the image library, load a frame, and convert the image into a byte array for detecting objects.
Explore capturing webcam frames, converting images to pixel dimensions, and applying object-detection to produce bounding boxes and a list of detected objects.
Learn to extend object detection by converting a selected area into a percentage and mapping detected objects into a layout based on that percentage.
Create a function that detects whether an object lies within a user-selected area and triggers an alert when movement is detected inside that region.
Match detected objects in a user-selected area using TensorFlow object detection, compute confidence percentages from pixels, and send a message when an object lies inside the area.
Install the necessary server packages, set up web sockets, subscribe to alerts and messages, and create a queue to manage data flow while preparing the database connection.
Connect to Mongo and WebSocket, subscribe to the Redis channel via publisher/subscriber, and exchange messages through the socket.
Create a queue for object detection tasks with TensorFlow and related tech, handle queue processing, and update room states to reflect client actions and progression.
Run a server that uses WebSocket to monitor a room, trigger detections in a region, and send alerts as people appear in the area.
Construct blindsight with a WebSocket-driven object detector for a selected area, use semantic forms for the application, and begin from the source folder with code in the next lesson.
Install client packages and set up the project scaffolding, establishing a WebSocket connection, importing modules, and organizing the index file for the app.
Render rooms and all forms, generate room previews, and manage imports and filters to visualize alerts and objects detected in a selected area.
Create preview component for image content with object styling and border attributes, incorporating the link and content elements mentioned in the lecture caption.
Render a webcam's selected area and detect objects inside it, then create a big image component to support area-based object movement detection.
Develop and deploy the crop feature, focusing on its creation, installation, and default configurations for ongoing use and refinement.
Create room component in a React-based interface, detailing content layout, placeholder usage, and input handling, with attention to image size and layout.
Create a room by building a form, posting room data with axios, and refining input labels, columns, and styles for a clean, functional result.
Build and refine a header component, fix styles, and implement a toggleable form with context-based visibility, inputs, and a responsive state to support detection alerts.
Run the app by configuring the direct import, handling two components, and selecting or removing various items to ensure the project runs smoothly.
Scalable, production-ready code? Its here!
How This Course Works
This will expose you to challenging problems and clever solutions when handling subjects like capture frames from webcams!
What Technology You'll Use
Because we are building a full stack application, we will use a variety of technologies. On the frontend, we'll use React and Next JS to present content to users. Each service is created using Node and Express. Data for each service is held in either a Mongo database. Finally, almost all of the code in this course is written with Typescript.
This is a scary list of technologies! Not familiar with some of these? No problem! The course is built assuming that you only know the basics of Javascript and Express. No other knowledge is needed - you will learn everything you need to know.
What You'll Be Able to Do
By the time you complete this course, you will be able to:
Architect a multi-service application
Determine whether your app is a good fit for a select area of webcams to watch for objects
Organize and enhance the reusability of code in large projects
What You'll Learn
An absolute incredible number of topics are covered in this course. Here is a partial list of what you'll do:
Practice for capture frames of webcams
Write a custom implementation of an ordered queue
Optionally, run a server with endpoint with rooms and websocket alert listeners
Guarantee consistently structured responses from your different API's
And much more!