66 lines
3.7 KiB
HTML
66 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Trips & History - konn3kt Documentation</title>
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<main class="main-content">
|
|
<header class="page-header">
|
|
<h1 class="page-title">Trips & History</h1>
|
|
<p class="page-subtitle">Review, replay, and analyze your past drives.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>Browsing Past Drives</h2>
|
|
<p>As you drive, your openpilot device records route data and securely uploads it to konn3kt. You can access your entire drive history from the Device Detail view.</p>
|
|
<p>Routes are organized chronologically. Each route listing displays:</p>
|
|
<ul>
|
|
<li>Date and time of the drive</li>
|
|
<li>Start and end locations (City names)</li>
|
|
<li>Total distance and duration</li>
|
|
<li>openpilot engagement percentage (how much of the drive was driven autonomously)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Route Playback & Analysis</h2>
|
|
<p>Clicking on a specific trip opens the <strong>Route Detail</strong> view, which is the ultimate tool for analyzing your drives.</p>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<h3>Interactive Map</h3>
|
|
<p>A full map traces the exact path of your vehicle. The route line is color-coded using your personal accent color. Interactive markers indicate key events like disengagements, user flags, and alerts.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Video Player</h3>
|
|
<p>Watch synchronized video feeds from the device's cameras (road camera and wide camera). The video player lets you skip forward or backward and aligns perfectly with the map's current location.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Drive Events</h3>
|
|
<p>Below the map, a timeline of events helps you jump straight to the action. Events include:</p>
|
|
<ul>
|
|
<li><strong style="color: #10b981;">Engage:</strong> When openpilot was activated.</li>
|
|
<li><strong style="color: #ef4444;">Disengage:</strong> When you took control via the steering wheel or brakes.</li>
|
|
<li><strong style="color: #f59e0b;">Alerts:</strong> System warnings or notifications triggered during the drive.</li>
|
|
<li><strong style="color: #3b82f6;">User Flags:</strong> Moments you specifically marked while driving for later review.</li>
|
|
</ul>
|
|
<p>Clicking on any event in the list or on the map instantly seeks the video and map to that exact timestamp.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Navigation & Routing</h2>
|
|
<p>konn3kt also features a <strong>Navigation</strong> view where you can plan routes. You can select a destination, view the calculated path on the map, and see estimated time of arrival (ETA), distance, and turn-by-turn maneuvers.</p>
|
|
<div class="callout">
|
|
<strong>Pro Tip:</strong> The navigation map also highlights safety cameras (like speed cameras, red light cameras, and ALPR cameras) along your route to keep you informed.
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script src="assets/nav.js"></script>
|
|
</body>
|
|
</html> |