How it works
Learn how to use FIT Overlay and where to find your data.
Quick Start Guide
1. Upload Video
Select the video file you want to add data to. We support MP4, MOV, and more.
2. Connect or Upload
Link your Strava for automatic sync (easiest) or upload a .fit file manually.
3. Sync & Design
Align the data with your video and customize the look of your overlays.
Automatic Strava Sync
Link your Strava Account
Instead of manually downloading and uploading .FIT files, you can link your Strava account to automatically retrieve your activity data. This is the recommended way to use FIT Overlay.
- Sign In: Make sure you are signed in to FIT Overlay.
- Connect: In the "Project Files" sidebar on the left, click "Connect Strava for auto-sync".
- Authorize: You will be redirected to Strava to authorize FIT Overlay. Once accepted, you'll be returned to the app.
Automatic Matching
Once connected, FIT Overlay makes finding your data effortless:
- 1
Upload a video: Select the video you want to use.
- 2
Auto-Search: FIT Overlay automatically searches your Strava activities for a match based on the video's creation time and duration. No more hunting for files!
- 3
Data Retrieval: If a match is found, your GPS and sensor data is retrieved and loaded onto the editor automatically.
Elemente platzieren und anpassen
Elemente hinzufügen
Im Editor finden Sie auf der linken Seite die Elementbibliothek. Hier sind alle verfügbaren Overlay-Elemente aufgelistet.
- Drag & Drop: Ziehen Sie ein Element aus der Bibliothek direkt auf das Video. Das Element wird an der Position platziert, an der Sie es loslassen.
- Klick: Alternativ können Sie auf ein Element in der Bibliothek klicken. Es wird dann in der Mitte des Videos platziert.
- Positionieren: Nach dem Platzieren können Sie das Element durch Ziehen auf dem Video verschieben.
Hinweis: Einige Elemente (wie Map und Compass) benötigen GPS-Daten in Ihrem FIT-File. Diese sind nur verfügbar, wenn Ihr FIT-File entsprechende Daten enthält.
Elemente anpassen
Nachdem Sie ein Element platziert haben, können Sie es auswählen, um die Einstellungen im Properties Panel auf der rechten Seite anzupassen:
- Datenquelle: Wählen Sie die Metrik, die angezeigt werden soll (z.B. Geschwindigkeit, Herzfrequenz, Leistung)
- Position: Verschieben Sie Elemente durch Ziehen auf dem Video
- Stil: Passen Sie Farben, Schriftarten, Größen und weitere visuelle Eigenschaften an
- Element-spezifische Einstellungen: Jeder Elementtyp hat eigene Anpassungsmöglichkeiten
Verfügbare Elementtypen
Text
Statischer Text oder dynamische Metrik-Anzeige
Das Text-Element ist vielseitig einsetzbar: Sie können entweder statischen Text anzeigen oder eine dynamische Metrik aus Ihren FIT-Daten. Ideal für die Anzeige von Geschwindigkeit, Herzfrequenz, Leistung oder anderen Metriken in Textform.
Verfügbare Metriken
Einstellungen
Datenquelle
- • Metrik auswählen oder statischer Text
- • Einheit wählen (km/h, mph, etc.)
Text-Formatierung
- • Prefix (Text vor dem Wert)
- • Suffix (Text nach dem Wert)
- • Label (Beschriftung über/neben dem Wert)
- • Textausrichtung (links, zentriert, rechts)
Typografie
- • Schriftart wählen
- • Schriftgröße (10-200px)
Erscheinungsbild
- • Textfarbe
- • Hintergrundfarbe
- • Transparenz (0-100%)
- • Schatten (Blur, Farbe, Offset)
Gauge
Radiale Anzeige für numerische Werte
Ein Gauge (Messgerät) zeigt Werte als radialen Bogen an. Perfekt für die visuelle Darstellung von Geschwindigkeit, Herzfrequenz oder Leistung in einem kompakten, leicht ablesbaren Format. Der Bogen füllt sich entsprechend dem aktuellen Wert.
Einstellungen
Daten & Bereich
- • Metrik auswählen
- • Einheit wählen
- • Minimalwert festlegen
- • Maximalwert festlegen
Gauge-Form
- • Mittelwinkel (0-315° in 45° Schritten)
- • Sweep-Winkel (0-360°)
- • Dicke (1-50px)
- • Line Cap (round, butt, square)
- • Spiegelung aktivieren
Farben
- • Nadel-/Bogenfarbe
- • Hintergrundfarbe
- • Textfarbe
- • Dynamische Farbe (ändert sich basierend auf Wert)
- • Dynamische Textfarbe
Anzeige & Stil
- • Wert anzeigen/ausblenden
- • Einheit anzeigen/ausblenden
- • Schriftart und -größe
- • Transparenz
- • Schatten
Progress Bar
Lineare oder segmentierte Fortschrittsanzeige
Die Progress Bar zeigt Werte als horizontale oder vertikale Leiste an. Ideal für die Darstellung von Herzfrequenzzonen, Leistungsbereichen oder anderen numerischen Werten in einem linearen Format.
Einstellungen
Daten & Bereich
- • Metrik auswählen
- • Einheit wählen
- • Minimalwert festlegen
- • Maximalwert festlegen
Layout
- • Ausrichtung (horizontal/vertikal)
- • Breite (in Pixel)
- • Höhe (in Pixel)
- • Eckenradius (0-20px)
Farben
- • Bar-Farbe
- • Hintergrundfarbe
- • Rahmenfarbe
- • Dynamische Farbe (ändert sich basierend auf Wert)
Rahmen & Anzeige
- • Rahmenbreite (0-20px)
- • Wert anzeigen/ausblenden
- • Schriftart und -größe
- • Transparenz
- • Schatten
Chart
Live-Zeitreihendiagramm
Das Chart-Element zeigt eine Live-Zeitreihe einer Metrik an. Es zeichnet den Verlauf der letzten Sekunden auf und aktualisiert sich kontinuierlich während der Wiedergabe. Perfekt für die Visualisierung von Geschwindigkeitsverläufen, Herzfrequenzkurven oder Leistungsprofilen.
Einstellungen
Daten
- • Metrik auswählen
- • Einheit wählen
Zeitraum & Darstellung
- • Dauer (10-300 Sekunden)
- • Glättung aktivieren/deaktivieren
- • Linienbreite (1-10px)
- • Füllung aktivieren/deaktivieren
- • Fülltransparenz
Achsen & Marker
- • Achsen anzeigen/ausblenden
- • Y-Achsen-Ticks anzeigen
- • Grid anzeigen
- • Cursor-Marker anzeigen
- • Position-Marker anzeigen
- • Marker-Größe (2-15px)
Farben & Skalierung
- • Graph-Farbe
- • Füllfarbe
- • Hintergrundfarbe
- • Position-Marker-Farbe
- • Automatische Y-Achsen-Skalierung
- • Manuelle Y-Achsen-Min/Max
Route (Map)
GPS-Route Visualisierung (2D oder 3D)
Voraussetzung: Dieses Element benötigt GPS-Daten in Ihrem FIT-File. Es ist nur verfügbar, wenn Ihr FIT-File Positionsdaten (Latitude/Longitude) enthält.
Das Map-Element zeigt Ihre GPS-Route als Karte an. Sie können zwischen zwei Modi wählen:Moving Map (die Karte bewegt sich mit Ihnen) oder Moving Marker (die Karte bleibt statisch, nur der Marker bewegt sich). Unterstützt sowohl 2D- als auch 3D-Perspektive.
Einstellungen
Modus & Form
- • Map-Modus (Moving Map / Moving Marker)
- • Form (Quadrat / Kreis)
Spur & Marker
- • Spurbreite (1-20px)
- • Marker-Typ (Pfeil / Kreis)
- • Marker-Größe (3-30px)
- • Marker anzeigen/ausblenden
Ansicht
- • 3D-Perspektive (0-150%)
- • Zoom (0.5-20x)
- • Spur-Transparenz
- • Trail-Fenster (Sekunden)
Farben & Rahmen
- • Spur-Farbe
- • Marker-Farbe
- • Hintergrundfarbe
- • Rahmenbreite
- • Rahmenfarbe
Compass
Richtungsanzeige basierend auf GPS-Daten
Voraussetzung: Dieses Element benötigt GPS-Daten in Ihrem FIT-File. Es ist nur verfügbar, wenn Ihr FIT-File Positionsdaten (Latitude/Longitude) enthält.
Der Compass zeigt die aktuelle Fahrtrichtung basierend auf GPS-Daten an. Verfügbar in zwei Stilen:2D Circular (klassischer Kompass) oder Horizontal Bar (horizontale Richtungsanzeige).
Einstellungen
Stil & Größe
- • Stil (2D Circular / Horizontal Bar)
- • Größe (20-600px)
- • Tick-Dichte (1-12)
Anzeige
- • Labels anzeigen/ausblenden
- • Glow-Effekt aktivieren
Farben
- • Nadel-Farbe
- • Hintergrundfarbe
- • Rahmenfarbe
Allgemein
- • Schriftart und -größe
- • Transparenz
- • Schatten
Downloading .FIT Files
Strava
- Log in to your account on strava.com (Desktop).
- Open the activity you want to export.
- On the left side, click the three dots (...) button.
- Select Export Original. The file will download as a .fit or .fit.gz file.
Garmin Connect
- Log in to Garmin Connect (Desktop).
- Go to Activities and select your activity.
- Click the gear icon (⚙️) in the top right corner.
- Select Export Original. This will download a ZIP containing the .fit file.
Frequently Asked Questions
How does automatic synchronization work?
FIT Overlay automatically synchronizes your video with GPS data by reading the QuickTime timestamp from the video metadata. This works seamlessly for videos recorded on iPhones, which include this timestamp in their metadata.
If your video doesn't contain a QuickTime timestamp in its metadata (for example, videos from some Android devices or videos that have been edited/processed), automatic synchronization won't work. In this case, you'll need to manually set the video start time using the synchronization tool in the editor.
My data is not syncing correctly?
Use the synchronization tool in the editor. You can manually adjust the start time of the video to match your GPS data precisely.
What happens to my data?
Everything is processed locally in your browser. Your videos and FIT files are never uploaded to any servers.