Object Detection
This prompt creates a single HTML file for a webcam-based object detection app. It shows what it sees, labels objects, and lists unique detections.
Prompt
Create a single HTML file for a real-time object detection web application using TensorFlow.js and COCO-SSD model. The application should:
1. Acces the user's webcam and display the video feed.
2. Perform object detection on the video feed in real-time.
3. Draw bounding boxes around detected objects and label then with their class and detection confidence.
4. Display a list of uniquely dectected objects below the video feed, showing the object class and the time it was first detected.
5. Ensure each object class is only listed once, regardless of how many time it's detected.
6. Use a detection frequency of 2 FPS to balance performance and responsiveness.
7. Include error handling for camera access and model loading.
8. Style the application for a clean, modern look with responsive design.
9. Include all necessary HTML, CSS, and Javascript in a single, self-contained file that can be run by opening it in a web browser.
10. Use CDN links for TensorFlow.js and COCO-SSD model libraries.
Please provide the complete, runnable HTML file with inline CSS and Javascript.