NCS Visualizer
WebGL2 で動作するリアルタイム音楽可視化ツール。Spicetify の NCS Visualizer をブラウザへ完全移植し、音楽に合わせて高品質なビジュアルエフェクトをリアルタイムで描画します。インストール不要で、最新のブラウザからすぐに利用できます。
A real-time music visualization tool powered by WebGL2. It is a complete browser port of the Spicetify NCS Visualizer, rendering smooth, high-quality visual effects synchronized with your music. No installation is required—simply open it in a modern web browser and start visualizing.
サービスを利用するリンク
360
WebGL2 球体可視化
Perlin ノイズベースの粒子球体をリアルタイムに描画。5パスレンダリング。
graphic_eq
リアルタイム FFT 解析
20-200Hz の低音域を解析し、音に合わせて球体が反応。
blur_on
ガウシアンブラー
分離型ガウシアンブラーでなめらかなグロウ表現を実現。
palette
カスタムカラー
発光色を自由に設定可能。デフォルトは NCS オレンジ。
offline_bolt
PWA 対応
一度開けばオフラインでも利用可能なプログレッシブ Web アプリ。
music_note
音楽ファイル再生
MP3 / WAV / FLAC / OGG など多彩な形式に対応。
speed
ピッチ・速度変更
再生速度・ピッチを調整して自分好みにカスタマイズ。
download
ソースコード公開
NCS4JSのコアコードが公開されています。再現したい方はどうぞ。
使い方
アプリを開く
「起動する」ボタンで NCS Visualizer を開きます。音楽ファイルを追加
MP3、WAV、FLACなどの音楽ファイルを追加します。自動可視化
再生と同時に WebGL2 の球体可視化が始まります。
対応形式
- music_note
対応フォーマット
MP3 / AAC / FLAC / WAV / M4A / OGG
FAQ
- help_outline
音楽ファイルはアップロードされますか？
いいえ。ファイルはブラウザ内で処理され、サーバーには送信されません。 - help_outline
無料ですか？
はい。NCS Visualizerは完全無料です。 - help_outline
オフラインで利用できますか？
はい。PWAに対応しているため、一度開けばオフラインでも利用できます。 - help_outline
プレイリストは保存されますか？
はい。プレイリストの保存に対応しています。また削除も可能です。 - help_outline
スマホでも使えますか？
はい。AndroidやiPhoneなどのスマートフォンでも利用できます。 - help_outline
インストールは必要ですか？
いいえ。ブラウザだけで利用できます。アプリのインストールは必要ありません。