SPV-2 - Side Panel Visualizer

Echtzeit-Audio-Visualizer in der Chrome-Seitenleiste. Oszilloskop, Spektrum, BPM- & Key-Erkennung für YouTube, Spotify und mehr.

Jede Musikseite zur Meter-Bridge in Studioqualität machen. Ob Mainstream-Streaming, Indie, DJ-Set oder Live-Coding — SPV-2 deckt jede Szene ab. Funktioniert sofort auf über 10 Musikseiten, darunter YouTube, Spotify, SoundCloud, Beatport und Strudel. Für weitere Seiten lässt sich in Einstellungen > Advanced der Modus „All websites" aktivieren. 🎵 Was ist SPV-2? SPV-2 ist eine Chrome-Erweiterung, die Audio in Echtzeit analysiert und mehrere messgerätartige Visualisierungen in der Chrome-Seitenleiste darstellt. Keine Installation, kein DAW, kein Tab-Wechsel — ein Klick und der Sound wird sichtbar. 🎛️ Funktionen • Oszilloskop — Waveform- (W) und Lissajous- (XY) Modus mit einstellbarer Zeit-/V-Skala und Auto-Trigger • Spektrumanalysator — 32-Band-FFT mit logarithmischer Skala, Peak Hold, segmentiertes LED- oder Solid-Bar-Rendering • Chromagramm — Polyphone Pitch-Class-Erkennung mit Klaviatur und scrollender Note-Flow-Anzeige • BPM-Erkennung — Onset-Detektion über Spectral Flux mit Autokorrelations-Tempoanalyse • Key-Erkennung — Chroma-basierte Key-Schätzung mit Camelot-Notation für DJs • Track Info — Titel, Kanalname, BPM und Key auf einen Blick • Über 30 Themes — Eingebaute Paletten plus eine kuratierte Auswahl aus Strudels Editor-Themes • Anpassbares Layout — Panels ein-/ausblenden, Sektionen einklappen, Einstellungen pro Modul 🎨 Themes für jede Stimmung SPV-2 bringt das originale Lineup mit — Default, Neon, Monochrome, Amber, Lemon, Phosphor, Ice, Sakura, Light und mehr — und ergänzt es um eine breite Auswahl an Paletten aus dem Live-Coding-Umfeld (Dracula, Tokyo Night, Gruvbox, Nord, Solarized und viele weitere). Passend zum Track, zum Stream oder zur Late-Night-Session. 🟣 Live-Coding- und Algorave-tauglich SPV-2 versteht sich gut mit browserbasierten Live-Coding-Umgebungen. Beim Erfassen eines Strudel-Tabs kann SPV-2 sein Visualizer-Theme automatisch an das aktuelle Editor-Theme von Strudel angleichen — Spektrum, Oszilloskop und Chromagramm übernehmen sofort die Farben der Bühne. Ein Schalter, keine Konfiguration. Auch ohne Live-Coding-Hintergrund lohnen sich die neuen Themepaletten allein schon für dieses Update. 🔒 Null Eingriff in die Seite SPV-2 fasst die Seite nicht an. Keine Content-Scripts, keine DOM-Injektion, keine Werbung, kein Tracking. Audio wird über die tabCapture-API von Chrome erfasst und ausschließlich innerhalb der Erweiterung verarbeitet. 🎧 Gebaut für Hörerinnen und Hörer Ob DJ, der im Set BPM und Key prüft, Producer beim Analysieren der Frequenzbalance, Live-Coder beim Beobachten der eigenen Patterns im Spektrum oder neugieriges Publikum, das Musik sehen möchte — SPV-2 liefert die Studio-Ansicht direkt im Browser. ⚡ Technische Eckpunkte • Manifest V3 konform • Offscreen Document für die Audioverarbeitung • Echtzeit-Rendering mit 30 fps • Automatische Ressourcenfreigabe beim Schließen des Panels, des Tabs oder beim Verlassen der Seite 🔑 Berechtigungen im Überblick • tabCapture: Erforderlich zum Erfassen des Audios des aktiven Tabs • offscreen: Erforderlich für die Audioverarbeitung (Web Audio API) • sidePanel: Erforderlich zur Anzeige des Visualizers • storage: Erforderlich zum Speichern von Einstellungen und Theme-Auswahl • tabs / activeTab: Erforderlich, um zu erkennen, ob der aktuelle Tab eine unterstützte Seite ist • scripting: Wird ausschließlich auf Strudel verwendet, um bei aktivem Auto-Sync den Theme-Namen aus dem localStorage der Seite zu lesen • Host-Berechtigungen: Erforderlich für jede unterstützte Musikseite — werden ausschließlich zum Erfassen des Tab-Audios genutzt, es werden keine Daten erhoben oder gesendet 📋 Was ist neu ### v1.3.1 — 2026-06-15 • Spektrumanalysator — gleichmäßigere Tieftondarstellung; der Tieftonbereich wird jetzt als sauberer Verlauf bis 20 Hz statt in Stufen dargestellt • Spanische (es) Benutzeroberfläche hinzugefügt ### v1.3.0 — 2026-06-01 • Japanische und deutsche Lokalisierung hinzugefügt ### v1.2.0 — 2026-05-01 • Auto-Sync mit Strudel — Beim Erfassen eines Strudel-Tabs gleicht SPV-2 sein Visualizer-Theme automatisch an das aktuelle Editor-Theme von Strudel an • Über 30 Themes — Deutlich erweiterte Auswahl, mit neuen Paletten aus Strudels Editor-Themes (Dracula, Tokyo Night, Gruvbox, Nord, Solarized und mehr) • Theme-Auswahl neu strukturiert — Eingebaute und Strudel-basierte Themes sind im Dropdown gruppiert • Light-Theme-Darstellung — Tokyo Night Light, Solarized Light und weitere helle Paletten werden mit korrektem Kontrast gerendert • Diverse Politur- und Stabilitätsverbesserungen ### v1.1.0 — 2026-04-10 • Multi-Site-Unterstützung — funktioniert auf über 10 Musikseiten, darunter YouTube, Spotify, SoundCloud, Beatport und Strudel • „All websites"-Modus — In Einstellungen > Advanced aktivierbar, um SPV-2 auf beliebigen Seiten mit Audio zu nutzen • Oszilloskop V-Skala — x0,5 / x1 / x2 / x4 vertikaler Zoom für Waveform- und XY-Modus • Zweisprachiger Bestätigungsdialog vor dem Chrome-Berechtigungsdialog • Korrektur des Frequenzlabels im Spektrumanalysator (16k → 20k) und stabilere Button-Breiten ### v1.0.0 — 2026-04-07 • Erste Veröffentlichung im Chrome Web Store mit Oszilloskop, Spektrumanalysator, Chromagramm, BPM-/Key-Erkennung und 10 eingebauten Themes