Willkommen bei LOOP·MARK
LOOP·MARK ist ein browserbasierter Media-Player für Musiker, Lehrer und Lernende. Er ermöglicht präzise Marker-Steuerung und professionelle Loop-Funktionen für lokale Dateien, YouTube, Vimeo, SoundCloud, HLS/DASH und Internet-Radio.
1. Medium laden
| Methode | Beschreibung |
|---|
| 📁 Datei laden | Lokale Audio- oder Videodatei (MP3, WAV, OGG, FLAC, MP4, M4A, WebM …) |
| Audio-URL | Direktlink zu einer Audiodatei im Internet |
| YouTube | YouTube-URL einfügen (z.B. https://youtu.be/XXXX) |
| HLS / DASH / Icecast | Live-Streams und Internet-Radio |
| Vimeo / SoundCloud | URL einfügen und eingebetteten Player laden |
2. Wiedergabe-Steuerung
| Button / Taste | Funktion |
|---|
| ▶ / ⏸ / Leertaste | Play / Pause umschalten |
| ■ Stop | Stoppt und springt zum Anfang |
| «5 / 5» / ← → | 5 Sekunden zurück / vor |
| «10 / 10» | 10 Sekunden zurück / vor |
| Shift+←/→ | 1 Sekunde zurück / vor |
| ⏮ / ⏭ / , . | Zum vorherigen / nächsten Marker springen |
| Timeline-Klick | Direkt zu einer Position springen |
| 🔊 Lautstärke | Wiedergabelautstärke einstellen |
2b. Geschwindigkeit
Die Buttons 0.25× bis 2× ändern die Wiedergabegeschwindigkeit — die Tonhöhe verschiebt sich dabei proportional mit (langsamer = tiefer, schneller = höher).
3. Marker setzen und bearbeiten
Marker sind Zeitmarkierungen auf der Timeline, die als Sprungpunkte oder Loop-Grenzen dienen.
| Aktion | Beschreibung |
|---|
| + Marker / M | Marker an der aktuellen Wiedergabeposition setzen |
| Pin ziehen | Marker-Pin auf der Timeline mit der Maus verschieben |
| Zeit-Eingabe | Zeit direkt im Listenfeld editieren (Format: 1:23 oder 83.5) |
| Name editieren | Marker-Namen direkt in der Liste ändern |
| ✏ Bearbeiten | Fenster für Name, Zeit und Farbe |
| ▶ Springen | Springt zur Marker-Position |
| ✕ Löschen | Entfernt den Marker |
4. Loop-Funktionen
Auto-Loop (⟳) — Taste A
Sobald sich die Wiedergabe zwischen zwei Markern befindet, wird der Bereich gelb markiert. Der Auto-Loop-Button aktiviert den Loop genau für diesen Bereich — automatisch, ohne manuelles A/B setzen.
Manueller Loop A→B — Taste L
In der Marker-Liste Marker als A (Start) oder B (Ende) definieren. Loop A→B aktiviert dann den Loop zwischen diesen Punkten. Manueller Loop hat Vorrang vor Auto-Loop.
| Element | Bedeutung |
|---|
| Blaue Zone | Aktiver manueller Loop A→B |
| Gelbe gestrichelte Zone | Erkannter Auto-Loop-Bereich |
| Badge | Zeigt den aktiven Loop (Marker-Namen) |
5. Projekt speichern und laden
Mit ⬇ JSON werden alle Marker, Loop-Einstellungen und Projektname gespeichert. Mit ⬆ JSON laden wird ein Projekt wiederhergestellt. Das Medium selbst wird nicht gespeichert.
Mit 📦 ZIP Export wird ein komplettes Offline-Paket mit Player, Projektdaten und Startskripten für Windows, Mac und Linux erstellt.
6. Tastatur-Übersicht
| Taste | Funktion |
|---|
| Leertaste | Play / Pause |
| ← / → | ±5 Sekunden |
| Shift+←/→ | ±1 Sekunde |
| M | Marker setzen |
| L | Loop A→B ein/ausschalten |
| A | Auto-Loop ein/ausschalten |
| , | Zum vorherigen Marker |
| . | Zum nächsten Marker |
| Esc | Fenster schließen |
Welcome to LOOP·MARK
LOOP·MARK is a browser-based media player for musicians, teachers, and learners. It offers precise marker control and professional loop functions for local files, YouTube, Vimeo, SoundCloud, HLS/DASH, and internet radio.
1. Loading Media
| Method | Description |
|---|
| 📁 Load File | Local audio or video file (MP3, WAV, OGG, FLAC, MP4, M4A, WebM …) |
| Audio URL | Direct link to an audio file on the internet |
| YouTube | Paste a YouTube URL (e.g. https://youtu.be/XXXX) |
| HLS / DASH / Icecast | Live streams and internet radio |
| Vimeo / SoundCloud | Paste URL to load the embedded player |
2. Playback Controls
| Button / Key | Function |
|---|
| ▶ / ⏸ / Space | Toggle Play / Pause |
| ■ Stop | Stop and return to beginning |
| «5 / 5» / ← → | Skip 5 seconds backward / forward |
| «10 / 10» | Skip 10 seconds backward / forward |
| Shift+←/→ | Step 1 second backward / forward |
| ⏮ / ⏭ / , . | Jump to previous / next marker |
| Timeline click | Jump directly to any position |
| 🔊 Volume | Adjust playback volume |
2b. Playback Speed
The 0.25× to 2× buttons change playback speed — pitch shifts proportionally (slower = lower, faster = higher).
3. Setting and Editing Markers
| Action | Description |
|---|
| + Marker / M | Place a marker at the current playback position |
| Drag pin | Drag a marker pin on the timeline |
| Time input | Edit time directly (format: 1:23 or 83.5) |
| Edit name | Change the marker name in the list |
| ✏ Edit | Opens a dialog for name, time, and color |
| ▶ Jump | Jump to the marker position |
| ✕ Delete | Remove the marker |
4. Loop Functions
Auto-Loop (⟳) — Key A
Whenever playback is between two markers, that region is highlighted in yellow. The Auto-Loop button activates looping for exactly that region automatically.
Manual Loop A→B — Key L
Designate any marker as A (start) or B (end). Loop A→B loops between those two points. Manual loop takes priority over auto-loop.
5. Saving and Loading Projects
Use ⬇ JSON to save all markers and loop settings. Use ⬆ Load JSON to restore a project. Use 📦 ZIP Export for a complete offline package.
6. Keyboard Shortcuts
| Key | Function |
|---|
| Space | Play / Pause |
| ← / → | ±5 seconds |
| Shift+←/→ | ±1 second |
| M | Set marker |
| L | Toggle Loop A→B |
| A | Toggle Auto-Loop |
| , | Previous marker |
| . | Next marker |
| Esc | Close dialog |