{"id":23127462,"url":"https://github.com/zeynepcol/ai-object-detection","last_synced_at":"2025-07-15T12:15:13.353Z","repository":{"id":258356146,"uuid":"870634944","full_name":"zeynepcol/AI-Object-Detection","owner":"zeynepcol","description":"AI-Object detection using webcam \u0026 JS","archived":false,"fork":false,"pushed_at":"2024-11-28T07:13:02.000Z","size":29,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T05:42:14.739Z","etag":null,"topics":["ai","javascript","ml5","ml5-js","ml5js","object-detection","webcam","webcamjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zeynepcol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-10T11:55:14.000Z","updated_at":"2024-12-07T19:56:11.000Z","dependencies_parsed_at":"2025-04-04T05:42:01.901Z","dependency_job_id":"2fcb91c2-b307-4f0c-95ca-4f5a1491446f","html_url":"https://github.com/zeynepcol/AI-Object-Detection","commit_stats":null,"previous_names":["zeynepcol/ai-object-detection"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zeynepcol/AI-Object-Detection","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeynepcol%2FAI-Object-Detection","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeynepcol%2FAI-Object-Detection/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeynepcol%2FAI-Object-Detection/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeynepcol%2FAI-Object-Detection/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zeynepcol","download_url":"https://codeload.github.com/zeynepcol/AI-Object-Detection/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeynepcol%2FAI-Object-Detection/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265435303,"owners_count":23764695,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","javascript","ml5","ml5-js","ml5js","object-detection","webcam","webcamjs"],"created_at":"2024-12-17T09:10:10.464Z","updated_at":"2025-07-15T12:15:13.286Z","avatar_url":"https://github.com/zeynepcol.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![object_detection_ai_demo1](https://github.com/user-attachments/assets/ecca0dcd-932e-4d68-8c53-2a4825a8880b)\n\n![object_detection_ai_demo2](https://github.com/user-attachments/assets/ec07ab40-b342-4af7-adc9-c96a15d3f2fb)\n\n\u003ch1 align=\"left\"\u003eObject Detection AI with ml5.js and COCO-SSD\u003c/h1\u003e\n\nThis JavaScript code creates a web application for object detection, utilizing the **ml5.js library** to identify objects in real-time from the video stream. **ml5.js** provides a simple API to run machine learning models directly in the browser, and the project uses the **COCO-SSD (Convolutional Object Classifier)** model for object detection.\n\n\u003ch3 align=\"left\"\u003eFEATURES\u003c/h3\u003e\n\n**1. CAMERA ACCESS \u0026 VIDEO STREAM**\n\n\n\nThe application uses the navigator.mediaDevices.getUserMedia(constraints) function to access the user's camera and streams the video to an HTML video element. The camera can be set to use the back camera (e.g., on mobile devices) by specifying the facingMode: \"environment\" option.\n\n**2. LOADING THE MODAL**\n\n\n![object_detection_ai1](https://github.com/user-attachments/assets/44123307-b6bf-4a22-a597-7f1282d7c4c4)\n\n\nThis line loads the **COCO-SSD** model, which detects objects in the video stream, identifying their types and positions within the frame. The modelLoaded() function is triggered once the model is successfully loaded, updating the modelIsLoaded variable to true.\n\n\n**3. ENABLING AI DETECTION**\n\n\nUsers can toggle AI detection on or off via a switch button. When enabled, the objects in the video stream are detected using the objectDetector.detect(c1, (err, results) =\u003e {...}) function.\n\n\n**4. FPS (Frames Per Second) CONTROL**\n\nUsers can adjust the FPS (frames per second) using a range input. The changeFps() function updates the FPS based on the user's selection, allowing more or fewer frames to be processed per second.\n\n\n**5. OBJECT DETECTION \u0026 RENDERING**\n\n![object_detection_ai2](https://github.com/user-attachments/assets/e0d7dec2-0c46-44fe-a346-53c70639c0ed)\n\n\nThis function detects objects in each frame of the video feed and returns them in the results array. Each object includes properties such as position (x, y, width, height), label (label), and confidence score (confidence).\n\n\n\u003ch3 align=\"left\"\u003eLIBRARIES USED\u003c/h3\u003e\n\n\n**ml5.js** : This library enables object detection in the browser using machine learning models, including the COCO-SSD model.\n\n**COCO-SSD Model** :A pre-trained object detection model capable of recognizing around 80 object classes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeynepcol%2Fai-object-detection","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeynepcol%2Fai-object-detection","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeynepcol%2Fai-object-detection/lists"}