SPV-2 - Side Panel Visualizer

Real-time audio visualizer in Chrome's side panel. Oscilloscope, spectrum, BPM & key detection for any music site.

Turn any music site into a studio-grade meter bridge. No matter your scene — mainstream streaming, indie, DJ, or live coding — SPV-2 has you covered. Works out of the box on YouTube, Spotify, SoundCloud, Beatport, Strudel, and more. Want to use SPV-2 on other sites? Enable "All websites" in Settings > Advanced. 🎵 What is SPV-2? SPV-2 is a Chrome extension that analyzes audio in real time and displays multiple instrument-style visualizations in Chrome's side panel. No installs, no DAW, no tab switching — just click and see the sound. 🎛️ Features • Oscilloscope — Waveform (W) and Lissajous (XY) modes with adjustable time/vertical scale and auto trigger • Spectrum Analyzer — 32-band logarithmic FFT with peak hold, segmented LED or solid bar styles • Chromagram — Polyphonic pitch class detection with piano-roll keyboard and Note Flow scrolling display • BPM Detection — Spectral flux onset detection with autocorrelation tempo estimation • Key Detection — Chroma-based key estimation with Camelot notation for DJs • Track Info — Track title, channel name, BPM, and key in one glance • Color Themes — Default, Neon, Monochrome, Amber, Lemon, Phosphor, Ice, Sakura, Light and more • Customizable Layout — Show/hide any panel, minimize sections, adjust settings per module 🔒 Zero Interference SPV-2 never touches the page. No content scripts, no DOM injection, no ads, no tracking. Audio is captured via Chrome's tabCapture API and processed entirely within the extension. 🎧 Built for Music Listeners Whether you're a DJ checking BPM and key during a live set, a producer analyzing frequency balance, or a curious listener who wants to see the music — SPV-2 gives you a studio-grade view without leaving your browser. ⚡ Technical Highlights • Manifest V3 compliant • Offscreen Document for audio processing • 30 fps real-time rendering • Automatic resource cleanup on panel close, tab close, or navigation away 🔑 Permissions Explained • tabCapture: Required to capture audio from the active tab • offscreen: Required for audio processing (Web Audio API) • sidePanel: Required to display the visualizer • storage: Required to save your settings and theme preference • tabs / activeTab: Required to detect supported sites • Host permissions: Required for each supported music site — SPV-2 only uses these to capture tab audio, no data is collected or sent 📋 What's New in v1.1.0 • Multi-site support — 10+ music sites, not just YouTube • "All websites" mode — Enable in Settings > Advanced • Oscilloscope V Scale — x0.5 / x1 / x2 / x4 vertical zoom • Spectrum analyzer frequency label fix (16k → 20k) • Button width stability improvements ——————————————————— 🇯🇵 日本語 あらゆる音楽サイトを、スタジオグレードのメーターブリッジに。 メジャーなストリーミングからインディー、DJ、ライブコーディングまで — SPV-2 はあなたのシーンをカバーします。YouTube、Spotify、SoundCloud、Beatport、Strudel など 10 以上のサイトにすぐ対応。 他のサイトでも使いたい場合は、設定 > Advanced で「All websites」を有効にしてください。 🎵 SPV-2 とは？ SPV-2 は、ブラウザのオーディオをリアルタイム解析し、Chrome のサイドパネルに計測器スタイルのビジュアライザーを表示する拡張機能です。インストール不要、DAW 不要、タブ切り替え不要 — クリックするだけで音が見えます。 🎛️ 機能 • オシロスコープ — 波形 (W) とリサージュ (XY) モード、タイムスケール・垂直スケール調整、オートトリガー • スペクトラムアナライザー — 32バンド対数 FFT、ピークホールド、セグメント LED / ソリッドバー • クロマグラム — ポリフォニック音高検出、ピアノロールキーボード、Note Flow スクロール表示 • BPM 検出 — スペクトルフラックスによるオンセット検出 + 自己相関テンポ推定 • キー検出 — クロマベースのキー推定、DJ 向け Camelot 表記 • トラック情報 — 曲名、チャンネル名、BPM、キーをひと目で確認 • カラーテーマ — Default、Neon、Monochrome、Amber、Lemon、Phosphor、Ice、Sakura、Light ほか • カスタマイズ可能なレイアウト — パネルの表示/非表示、最小化、モジュールごとの設定 🔒 ゼロ干渉 SPV-2 はページに一切干渉しません。コンテンツスクリプトなし、DOM 注入なし、広告なし、トラッキングなし。音声は Chrome の tabCapture API でキャプチャされ、拡張機能内部でのみ処理されます。 🎧 音楽リスナーのために ライブセットで BPM とキーを確認する DJ、周波数バランスを分析するプロデューサー、音を視覚的に楽しみたいリスナー — SPV-2 はブラウザを離れることなく、スタジオグレードの表示を提供します。 ⚡ 技術的な特徴 • Manifest V3 準拠 • Offscreen Document によるオーディオ処理 • 30fps リアルタイムレンダリング • パネル閉鎖・タブ閉鎖・ページ遷移時の自動リソース解放 🔑 権限について • tabCapture: アクティブタブの音声をキャプチャするために必要 • offscreen: オーディオ処理（Web Audio API）に必要 • sidePanel: サイドパネルにビジュアライザーを表示するために必要 • storage: 設定やテーマの保存に必要 • tabs / activeTab: 対応サイトの検出に必要 • ホスト権限: 対応する各音楽サイトに必要 — タブ音声のキャプチャにのみ使用し、データの収集・送信は一切行いません 📋 v1.1.0 の新機能 • マルチサイト対応 — YouTube だけでなく 10 以上の音楽サイトで動作 • 「All websites」モード — 設定 > Advanced で有効化 • オシロスコープ V Scale — x0.5 / x1 / x2 / x4 の垂直ズーム • スペアナ周波数ラベル修正（16k → 20k） • ボタン幅の安定性改善