<aside> 💡 Via deze prompt kun je objecten detecteren. Je krijgt een live overzicht van het alle objecten en hoe zeker de AI is dat het dat object is. 😮
ps. Je kunt hier een voorbeeld zien van een werkende versie www.robbertvanempel.nl/objectdetectie.
</aside>
Inhoudsopgave
| AI tool | www.claude.ai |
|---|---|
| Kosten | Gratis |
| Extra | Zorg dat je al een account hebt. |
| Stap 1 | Plak deze prompt in de input van je AI tool en klik op verzenden: |
|---|
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.
| Stap 2 | Je krijgt nu een html bestandje die je kunt downloaden. |
|---|---|
| Stap 3 | Open het bestandje en accepteer dat het programma je camera wil gebruiken. |
| Stap 4 | Let op! Als je het programma sluit worden de gegevens niet opgeslagen. |
<aside> 🎤 Heb je een spreker nodig voor jouw school?
Maak je geen zorgen! Ik help je vraag. Stuur een mailtje naar [email protected] ✌️
</aside>