Industrial browser-based vision inspection

Vision AI Inspection Platform

Build VAI-2026.07.09.02
Inspected 0 Total results stored
Pass 0 Accepted parts/coils
Fail 0 Rejected inspections
First-pass yield 0% Pass / inspected

Recent Production Results

Latest inspection records with recipe, work order, operator and pass/fail result.

TimeRecipeWO / BatchResultScore

System Concept

This package is the cPanel-uploadable Phase 1 application. It uses browser-side vision logic for ROI comparison, and PHP JSON storage for recipes and results.

Reference Image
ROI Recipe
Camera / Upload
Inspection Result
Traceability Report
  • Configurable regions, inspection types and tolerances.
  • Mobile camera, USB camera or file-upload inspection.
  • QR/barcode work order scan where browser support exists.
  • Server-side JSON persistence with localStorage fallback.
  • Modular structure for later MES/OEE/PLC/ERP connectors.

1. Recipe Details

Upload a good sample image, draw inspection regions, select inspection type and tolerance, then save the recipe.

2. Draw Inspection Regions

Drag on the image to create a rectangular ROI. Select an ROI to adjust type and tolerance.

ROI Settings

Select or draw an ROI to edit its inspection logic.

Saved Recipes

RecipeProductStationROIs

Production Context

QR scan uses the browser BarcodeDetector API when supported. Manual entry is always available.

Camera / Inspection Image

Use live camera on HTTPS, or upload an image from file/captured photo.

Inspection Result

No inspection run yet.

Defect / ROI Details

ROITypeStatusScoreDetails

Traceability Records

Filter, export and review saved inspection records.

TimeRecipeProductWOBatchOperatorResultScore

Site Settings

Deployment Notes

  1. Upload the whole vision folder to public_html using cPanel File Manager.
  2. Open https://your-domain.com/visionai/ directly, not inside an iframe.
  3. Make sure HTTPS is active. Browser camera access will not work on normal HTTP.
  4. If Chrome shows permission denied, reset Site Settings → Camera or test with a new Chrome profile/origin.
  5. Give write permission to the data folder if recipes/results cannot be saved.

This version does not require MySQL. Data is stored as JSON files on the same hosting account.