75 lines
3.7 KiB
HTML
75 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>Drive Playback - 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">Drive Playback</h1>
|
|
<p class="page-subtitle">Deep analysis of your journeys with high-fidelity telemetry and video.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>The Playback Command Center</h2>
|
|
<p>Clicking into a drive opens a synchronized replay environment. This view reconstructs your trip using all available sensors and camera feeds.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Interface Components</h2>
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<h3>Synchronized Video</h3>
|
|
<p>Toggle between road-facing and wide-angle cameras. The video player is frame-locked to the GPS map and the event timeline.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Interactive Route Map</h3>
|
|
<p>View your exact path traced in your signature accent color. Interactive markers show where system events occurred.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Event Timeline</h3>
|
|
<p>A chronologically sorted list of alerts, disengagements, and flags. Clicking an event instantly "seeks" the video and map to that moment.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Event Types</h2>
|
|
<p>IQ.Pilot captures specific categories of data during your drive:</p>
|
|
<ul>
|
|
<li><strong style="color: #10b981;">Engage:</strong> Successful activation of IQ.Pilot systems.</li>
|
|
<li><strong style="color: #ef4444;">Disengage:</strong> When manual steering or braking was detected.</li>
|
|
<li><strong style="color: #f59e0b;">Alerts:</strong> Critical system warnings (e.g., "Steer Saturated" or "Take Control").</li>
|
|
<li><strong style="color: #3b82f6;">Flags:</strong> Moments you manually marked for review.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Route Management</h2>
|
|
<p>Use the toolbar buttons to manage the current route:</p>
|
|
<div class="button-desc">
|
|
<div class="btn-pill">Preserve (Star)</div>
|
|
<p>Mark the route to prevent it from being automatically deleted during device storage cleanup.</p>
|
|
</div>
|
|
<div class="button-desc">
|
|
<div class="btn-pill">Share</div>
|
|
<p>Generate a secure, expiring link to share this specific drive with others.</p>
|
|
</div>
|
|
<div class="button-desc">
|
|
<div class="btn-pill accent">Public</div>
|
|
<p>Toggle whether this route can be viewed by anyone with the link or remains private to your account.</p>
|
|
</div>
|
|
|
|
<div class="callout">
|
|
<strong>📱 Mobile Users:</strong> The entire playback suite works flawlessly on your phone. You can scrub the timeline, view the interactive map, and read events all from the <a href="mobile-interface.html">Mobile Route Playback</a> view.
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script src="assets/nav.js"></script>
|
|
</body>
|
|
</html> |