PORTFOLIO
  • About
  • Works
  • Tools
  • Contact
すべての作品に戻る

ZAPPIE Analyzer

ViteTypeScriptChrome拡張機能ReactWeb Audio APIHTML5 Canvasオーディオ解析
ZAPPIE Analyzer
UIデザイン

作曲を趣味とする中で直面した,「プロの音をより手軽に,深く視覚化したい」という切実な欲求から生まれたプロジェクトです.

従来,YouTubeなどの音楽配信サイトにある商業曲を詳細に解析するには,OBS等を経由してDAW用プラグイン(PAZ Analyzer 等)にルーティングする複雑なセットアップが必要でした.この手間を解消し,ブラウザ上でシームレスかつプロレベルの解析を実現するために,本拡張機能の開発をスタートしました.

既存の簡易的なアプリにはない,現場レベルの高度な計測・モニタリング機能を「PAZにないほしい機能」と共に詰め込んでいます.


動画を読み込み中...
メタデータを先読み中
Your browser does not support the video element.
0:00 / 0:00
ZAPPIE Analyzerのデモ動画

主な機能

📊 精密なメーター・ラウドネス計測

  • ITU-R BS.1770-4 準拠: Momentary / Short-term / Integrated LUFS を高精度に計測.時系列グラフでの推移確認も可能.
  • True Peak 高精度検出: Sinc 補間による最大16倍オーバーサンプリング.デジタルクリップを逃さない正確なピーク管理を実現.
  • フリーズ機能 (Snapshot): 解析を一時停止し,その瞬間の詳細な数値やグラフの状態を保持.

👁️ プロ仕様の視覚化 (Visualizers)

  • 高解像度スペクトラム: FFT サイズ最大 32,768.音階表示(Note + cents)と連動し,詳細な帯域バランスを可視化.
  • 高度なベクタースコープ: リサジュー表示に加え,持続的な位相問題のみを抽出する独自アルゴリズム「Balanced」を搭載.

🎧 モニタリング・フィルタリング

  • Mid / Side 分離: 中央成分と広がり成分を分解してリスニング.独自のサイドセパレーションにより,定位感を維持したまま詳細な確認が可能.
  • 3バンド・アイソレーター: 境界周波数やフィルタの切れ味(Slope)を自在に調整.特定の帯域にフォーカスした解析を支援します.

技術的こだわり

  • ハイパフォーマンス: 描画と解析プロセスを分離(Offscreen Document採用).Canvas 描画の最適化により,低負荷かつ滑らかな 60fps+ のモニタリングを実現.
  • 完全クライアントサイド: 音声データが外部に送信されることはなく,プライバシーとパフォーマンスを最大化.

現在,既存のプラグインを超える「究極のブラウザ解析ツール」を目指して精力的に開発中です.

プロジェクト情報

完成日

未定

カテゴリー

プログラミング

使用技術・タグ

ViteTypeScriptChrome拡張機能ReactWeb Audio APIHTML5 Canvasオーディオ解析

関連プロジェクト

ASCII MV プロジェクト
プログラミング

ASCII MV プロジェクト

C/C++とwindows APIによるターミナルベースのASCIIアートMV制作

C/C++Windows APIFFmpeg
詳細を見る
ASCIIアートツール(Next.js版)
プログラミング

ASCIIアートツール(Next.js版)

PHPによるアスキーアート生成ツールをNext.jsで再構築

Next.jsTypeScriptTailwind CSS+3
詳細を見る
アスキーアートジェネレーター(PHP)
プログラミング

アスキーアートジェネレーター(PHP)

PHPを用いたアスキーアート生成ツール

ウェブアプリPHPJavaScript+3
詳細を見る
ホームAboutWorksToolsContactPrivacy

© 2026 Zerr's Portfolio. All rights reserved.