LOOP·MARK Player v4

📁 Lokale Datei laden (MP3 · WAV · OGG · FLAC · M4A · MP4 · WebM …)

🎵 Lade eine Datei oder Stream-URL zum Starten

🎵

–

🖼 Notengrafik hier ablegen

0:00.0

⟳

–:––

🔊

Geschwindigkeit

Tonhöhe

±0 HT

nur bei lokalen Audiodateien verfügbar

Marker

Noch keine Marker — drücke „+ Marker" oder Taste Alt+M

Notengrafik-Overlay ▾

📁 Grafik wählen

Grafik per Strg+V (Maus über dem Videofenster) einfügen, per Drag & Drop direkt auf das Videofenster ziehen, oder über „📁 Grafik wählen" laden. Start-/Endzeit legen fest, wann die Grafik insgesamt sichtbar ist. Für eine ganze Notenseite: bei Wiedergabe pausieren, „📌 Position hier" klicken und die Grafik per Maus an die passende Stelle schieben/skalieren (z.B. nächste Notenzeile ins Bild rücken) — das legt einen neuen Positions-Zeitpunkt fest. Die Wiedergabe zeigt danach automatisch die jeweils zuletzt erreichte Position, bis der nächste Zeitpunkt erreicht wird. Alle Positionen sind über die Zeit-Chips einzeln ansteuer- und löschbar. Alles wird dauerhaft gespeichert und in allen Exporten mit eingebettet.

Noch keine Notengrafik — per Dateiauswahl oder Strg+V einfügen

Markier-Rechtecke ▾

Nur bei pausierter Wiedergabe: mit Alt+E den Einfüge-Modus ein-/ausschalten (Meldung bestätigt den Status, der Mauszeiger wird zum Fadenkreuz — auch über einer Notengrafik). Bei aktivem Modus einfach mit der linken Maustaste im Videofenster ein Rechteck aufziehen. Zum Verschieben einer Notengrafik den Einfüge-Modus kurz mit Alt+E wieder ausschalten. Jedes Rechteck ist nur genau an seiner Zeitstelle sichtbar — bei erneutem Pausieren an anderer Stelle ist die Fläche wieder leer, bereit für ein neues Rechteck. Ein vorhandenes Rechteck einfach anklicken, um Farbe/Transparenz/Position/Größe nachträglich anzupassen, oder mit Entf zu löschen.

Farbe Transparenz 35%

Bereichs-Buttons

Mit 🔤→🔘 werden alle Bereichsnamen aus den aktuellen Marker-Bezeichnungen neu gebildet (manuelle Bereichsnamen gehen dabei verloren). Mit 🔘→🔤 werden die aktuellen Bereichsnamen umgekehrt auf die Marker übertragen. Die Überschrift oben wird im Nur-Buttons-Export mit angezeigt und gespeichert.

Ein Button je Abschnitt zwischen zwei benachbarten Markern. Klick auf die Taste = Bereich abspielen. Mit dem 🔁/➡-Schalter je Bereich lässt sich der Loop an- oder abschalten (an = wiederholt endlos, aus = Wiedergabe geht am Ende nahtlos zum nächsten Bereich über — die aktive Markierung springt automatisch mit und bleibt so immer sichtbar). Name über das Stift-Symbol (✎) bearbeiten. Tastenkürzel-Feld anklicken, um die nächste gedrückte Taste zuzuweisen — auch als Umschalt(Shift)-Kombination, z.B. Shift+Q. Sobald ein Bereich erklingt, wird sein Button automatisch ins Bild gescrollt. Im Nur-Buttons-Export navigieren Pfeil hoch/runter zum vorherigen/nächsten Bereich (Pfeil links/rechts bleiben wie gewohnt für ±5s Sprung). Alles (Namen, Loop-An/Aus, Tastenkürzel) wird dauerhaft gespeichert und in allen Exportformaten mitgeführt. Automatisch vergeben werden zunächst 1–0, q–ü, a–ä, y–m, danach zusätzlich dieselben Tasten mit Shift.

Mindestens 2 Marker nötig, um Bereichs-Buttons zu erzeugen

Projekt

⬆ JSON laden

Noch keine Sitzung gespeichert

📖 LOOP·MARK Handbuch

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).

2c. Tonhöhe (unabhängig vom Tempo)

Der Regler Tonhöhe verschiebt die Tonhöhe halbtonweise nach oben oder unten (−12…+12), ohne die Wiedergabegeschwindigkeit zu verändern — praktisch, um in einer anderen Tonart zu proben. Verfügbar nur bei lokalen Audiodateien und direkten Stream-URLs, da YouTube/Vimeo/SoundCloud ihren Ton in einem fremden, isolierten Player abspielen, auf den für diese Verarbeitung kein Zugriff besteht. Bei moderater Verschiebung (wenige Halbtöne) ist die Klangqualität gut; bei größeren Sprüngen entstehen — wie bei jedem Echtzeit-Pitchshifter — hörbare Artefakte.

3. Marker setzen und bearbeiten

Marker sind Zeitmarkierungen auf der Timeline, die als Sprungpunkte oder Loop-Grenzen dienen.

Aktion	Beschreibung
+ Marker / Alt+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 Alt+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 Alt+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.

Globaler Loop-Schalter — Taste Alt+G

Der Button 🔓 Loop aktiv / 🔒 Loop AUS schaltet alle Loop-Sprünge (Auto-Loop, Loop A→B, Bereichs-Buttons) stumm, ohne die jeweiligen Einstellungen zu verändern. Praktisch, um nach dem Laden einer Projekt-JSON Marker und Zeiten frei zu verschieben, ohne dass die Wiedergabe ständig zum Loop-Anfang zurückspringt — beim Import wird dieser Schalter deshalb automatisch auf AUS gesetzt. Mit Taste G oder dem Button wieder einschalten, sobald der Loop greifen soll.

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
Alt+M	Marker setzen
Alt+L	Loop A→B ein/ausschalten
Alt+A	Auto-Loop ein/ausschalten
Alt+G	Loop global ein/ausschalten (alle Loop-Sprünge stummschalten — praktisch beim Editieren nach JSON-Import)
Alt+F	Vollbild ein/ausschalten
1–0, q–ü, a–ä, y–m	Bereichs-Button direkt abspielen (Tasten a/l/m/f/g standardmäßig ausgenommen, da anderweitig belegt)
Shift+1–0/q–ü/a–ä/y–m	Zusätzliche Bereichs-Buttons — dieselben Tasten nochmals mit gehaltener Umschalttaste, verdoppelt den automatisch vergebenen Tastenpool für Projekte mit vielen Abschnitten
Tastenkürzel je Bereich sind frei editierbar: auf das Tasten-Feld klicken und die gewünschte Taste drücken (dauerhaft gespeichert und Teil aller Exportformate).
,	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).

2c. Pitch (independent of tempo)

The Pitch control shifts the pitch up or down in semitones (−12…+12) without changing playback speed — useful for rehearsing in a different key. Only available for local audio files and direct stream URLs, since YouTube/Vimeo/SoundCloud play their audio inside an isolated embed that isn't accessible for this kind of processing. Quality is good for moderate shifts (a few semitones); larger shifts introduce audible artifacts, as with any real-time pitch shifter.

3. Setting and Editing Markers

Action	Description
+ Marker / Alt+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.

Global Loop Switch — Key G

The 🔓 Loop on / 🔒 Loop OFF button mutes all loop jumps (auto-loop, loop A→B, region buttons) without changing their individual settings. Handy for freely repositioning markers after loading a project JSON without playback constantly jumping back to the loop start — the switch is therefore set to OFF automatically after import. Turn it back on with key G or the button once looping should take effect again.

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
Alt+M	Set marker
Alt+L	Toggle Loop A→B
Alt+A	Toggle Auto-Loop
Alt+G	Toggle global loop switch (mutes all loop jumps — handy for editing after JSON import)
Alt+F	Toggle fullscreen
1–0, q–ü, a–ä, y–m	Play a region button directly (keys a/l/m/f/g excluded by default, already used above)
Shift+1–0/q–ü/a–ä/y–m	Additional region buttons — the same keys again while holding Shift, doubling the auto-assigned key pool for projects with many sections
Region hotkeys are fully editable: click a key badge and press the desired key (saved permanently and included in every export format).
,	Previous marker
.	Next marker
Esc	Close dialog