Tronax/reels-controls
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Eine kleine Chrome Erweiterung, die bei Instagram Reels ein Steuerelement hinzufügt.
2 commits 1 branch 0 tags 40 KiB
Find a file
Exact
Tronax 8fc36b94aa fix: fixed an issue where the controls were not working with opera
2026-06-01 21:47:20 +02:00
icons First Commit, Code by Claude 4.7 Opus 2026-05-15 21:02:52 +02:00
content.js fix: fixed an issue where the controls were not working with opera 2026-06-01 21:47:20 +02:00
controls.css First Commit, Code by Claude 4.7 Opus 2026-05-15 21:02:52 +02:00
manifest.json First Commit, Code by Claude 4.7 Opus 2026-05-15 21:02:52 +02:00
README.md First Commit, Code by Claude 4.7 Opus 2026-05-15 21:02:52 +02:00

README.md

Reels Controls — Video-Steuerung für Instagram Reels

Ein Chrome-Addon, das Instagram Reels eine echte Videosteuerung gibt: Play/Pause, Lautstärkeregler, Fortschrittsbalken mit Scrubbing und Tastenkürzel.

Installation

  1. Diesen Ordner (reels-controls) irgendwo dauerhaft ablegen — nicht löschen, Chrome lädt das Addon bei jedem Start von hier.
  2. In Chrome chrome://extensions öffnen.
  3. Oben rechts den Entwicklermodus einschalten.
  4. Auf Entpackte Erweiterung laden klicken und den Ordner reels-controls auswählen.
  5. instagram.com öffnen (oder neu laden) und ein Reel aufrufen.

Funktioniert genauso in Edge, Brave und anderen Chromium-Browsern über deren jeweilige Erweiterungsseite.

Bedienung

Die Steuerleiste sitzt unten über dem Video. Sie ist leicht transparent und wird beim Drüberfahren mit der Maus voll sichtbar.

  • Play/Pause-Button — links
  • Fortschrittsbalken — anklicken oder ziehen, um zu spulen
  • Zeitanzeige — aktuelle Position / Gesamtlänge
  • Lautstärke-Button — stummschalten/aktivieren
  • Lautstärke-Slider — stufenlos regeln

Die zuletzt eingestellte Lautstärke wird gemerkt und auf neue Reels übernommen (für die aktuelle Browser-Sitzung).

Tastenkürzel

Gelten immer für das gerade sichtbare Reel:

Taste Funktion
Leertaste Play / Pause
M Stumm an/aus
← / → 5 Sekunden zurück / vor
↑ / ↓ Lautstärke +/− 10 %

Wie es funktioniert

Instagram ist eine Single-Page-App und tauscht die <video>-Elemente beim Scrollen ständig aus. Das Content-Script (content.js) nutzt deshalb einen MutationObserver plus einen periodischen Fallback-Scan, erkennt neu eingefügte Reel-Videos und hängt jedem eine eigene Steuerleiste an. Alle Klicks auf der Leiste werden mit stopPropagation() abgefangen, damit Instagrams eigene Klick-zum-Pausieren-Logik nicht dazwischenfunkt.

Hinweise

  • Das Addon braucht keine besonderen Berechtigungen außer Zugriff auf instagram.com und sendet nichts nach außen — alles läuft lokal im Browser.
  • Wenn Instagram sein DOM stark umbaut, kann es sein, dass die Video-Erkennung angepasst werden muss (die Heuristik in isReelVideo() über Videogröße). Das ist die wahrscheinlichste Stelle für künftige Reparaturen.
  • Da es eine entpackte Erweiterung ist, zeigt Chrome bei jedem Start evtl. einen Hinweis im Entwicklermodus — das ist normal.