Joachim Hummel
504f8c0b69
- Linienschnitt-Algorithmus für präzise Fahrzeugzählung - Interaktive Linienauswahl im Browser (Canvas-basiert) - Session-Management für benutzerdefinierte Zähllinien - Typ-spezifische Zähler (Autos, LKW, Busse, Motorräder) - REST-API für Linienkonfiguration und Zähler-Reset - Gestrichelte Zähllinie als Video-Overlay - Detailliertes Zähler-Display im Video Features: - Linienüberquerung-Erkennung (beide Richtungen) - Keine Mehrfachzählung durch Track-ID-Management - Funktioniert für Webcam und Video-Upload - Benutzerfreundliche UI mit Echtzeit-Feedback 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Object Detection</title>
|
|
<style>
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-top: 50px;
|
|
}
|
|
#uploadForm {
|
|
margin-bottom: 20px;
|
|
}
|
|
input[type="file"] {
|
|
margin-right: 10px;
|
|
}
|
|
#startWebcam {
|
|
padding: 10px 20px;
|
|
cursor: pointer;
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Object Detection</h1>
|
|
|
|
<form id="uploadForm" action="/upload" method="post" enctype="multipart/form-data">
|
|
<input type="file" name="file" accept="video/*" required>
|
|
<input type="submit" value="Upload Video">
|
|
</form>
|
|
|
|
<a id="startWebcam" href="/start_webcam">Start Webcam Detection</a>
|
|
</body>
|
|
</html>
|