Vehiculai - Annotation Tool

📁 Upload Video File
📷 Use Webcam
Upload a video file to analyze traffic patterns
📷 Starting webcam...
📷 Webcam is active. Click "Capture Frame" to create a thumbnail for analysis.
❌ Webcam error: [[ webcamError ]]
Allow camera access to use your webcam for live traffic analysis

Status: [[ statusDisplay ]]

[[ status === 'UPL' ? 'Uploading...' : 'Processing...' ]]
LIVE
Cars: [[ liveStats.car ]] | Trucks: [[ liveStats.truck ]] | Buses: [[ liveStats.bus ]]
P[[ index + 1 ]] (Live)

Click on the image to mark your first point.

Click on the image to mark your second point. ✓ First point marked!

✓ Both points marked! (Ready to analyze or clear points)

Video Frame
P[[ getPointNumber(index) ]] ([[ point.x ]], [[ point.y ]])
Analysis Details
Live Analysis Mode: Click on the video to set your counting line, then analysis will begin automatically.
✓ Live analysis active! Vehicles crossing the line are being counted in real-time.
Property Image Dimensions Cursor Position Point 1 Point 2
Width [[ imageDimensions.width ]] px [[ cursorPosition.x ]] [[ points[0].x ]] - [[ points[1].x ]] -
Height [[ imageDimensions.height ]] px [[ cursorPosition.y ]] [[ points[0].y ]] - [[ points[1].y ]] -
Distance between points: [[ calculateDistance() ]] pixels
Analysis Progress
[[ analysisProgress ]]%
[[ analysisStatus ]] ETA: [[ getEstimatedTime() ]]
Analysis Results
Vehicle Type Count In Count Out Total
[[ vehicleType ]] [[ data.IN ]] [[ data.OUT ]] [[ data.IN + data.OUT ]]
Total All Vehicles [[ getTotalCount('IN') ]] [[ getTotalCount('OUT') ]] [[ getTotalCount('TOTAL') ]]
Analysis Summary:
  • [[ Object.keys(analysisResults).length ]] different vehicle types detected
  • [[ getTotalCount('IN') ]] vehicles entered the monitored area
  • [[ getTotalCount('OUT') ]] vehicles exited the monitored area
  • [[ getTotalCount('TOTAL') ]] total vehicle movements recorded
Analysis Error:

[[ analysisError ]]