INSTRUMENT & VOCAL SOUND ANALYZER

SOUND
TUNER LAB β

楽器も声も、「音」として測る。

STARTしたら、あとは音を鳴らすだけ。

楽器の演奏や発声を自動解析。スマートフォンを置いたまま、START後はハンズフリーで使用できます。

◉ MICROPHONE REQUIRED

音声はブラウザ内で解析され、サーバーへ送信されません。

BROWSER SOUND RESEARCH TOOL / β

HOW TO USE

START後はハンズフリー。

01スマートフォンを置く
02START ANALYSIS
03楽器を鳴らす / 歌う
04自動解析
05結果を見る

VOCALでは、約1秒の無音で計測を停止し、結果を画面に保持します。1回の計測は最大30秒です。次の発声で新しい計測を自動開始します。

WHAT CAN YOU SEE

音を、数字と波形で観察。

TUNER

音名、周波数、基準周波数との差をcentで表示します。

SOUND ANALYZER

波形、周波数スペクトル、H1–H8、Spectral Centroidを表示します。

VOCAL

Pitch History、平均Pitch、計測範囲、Pitch Variation、Vibratoを観察できます。

ABOUT DATA

データは一時的に処理。

VOCALの時系列データは計測・表示のためブラウザ内で一時的に保持されます。音声そのものを録音・保存する機能ではありません。計測停止後は直前の結果を画面に保持し、次の計測開始時に更新します。

ABOUT MEASUREMENTS

端末やマイクによって結果は変わります。

本ツールの測定結果は、使用する端末・マイク・OS・ブラウザ・音声処理機能によって異なる場合があります。内蔵マイクや端末の音声処理は人の声を主な対象として設計されている場合があり、楽器音、低音・高音、持続音などが抑制されることがあります。

ノイズ抑制、エコーキャンセル、自動ゲイン調整、風切り音低減、空間オーディオなどが入力音へ影響する場合があります。本ツールはブラウザから可能な範囲で音声処理を抑制する設定を要求しますが、端末・OS・ドライバ等による処理を完全には制御できません。楽器音を検出しにくい場合は、音声設定やマイクとの距離を確認するか、楽器収音に適した外部マイクをお試しください。

PRIVACY

Audio AnalysisLOCAL
Server UploadNONE
Audio RecordingNONE

音声の録音・保存は行いません。解析に必要な音声データと解析結果はブラウザ内で一時的に処理されます。

LAB NOTE

SOUND TUNER LAB β

EXPERIMENT THEME

AUDIO ANALYSIS × REAL-DEVICE TESTING

01 / WHY

なぜ作った？Why was it built?

スマートフォンのブラウザだけで、楽器や人の声を「音」としてどこまで測定・可視化できるのか。

専用アプリをインストールせず、マイク入力から周波数や倍音を解析し、実際に使えるチューナーとして成立するかを試すために制作しました。

How far can instruments and human voices be measured and visualized as sound using only a smartphone browser?

SOUND TUNER LAB β was created to explore whether microphone input, frequency analysis and harmonic visualization could form a practical tuner without installing a dedicated app.

02 / EXPERIMENT

何を試した？What was tested?

ブラウザのマイク入力から音を取得し、基本周波数、音名、基準音との差、倍音などをリアルタイムに解析・表示します。A4の基準周波数変更、基準音の再生、HOLDによる波形と倍音の確認などを実装し、PC・Android・iPhoneの実機で動作を検証しました。

Microphone input is analyzed in real time to show fundamental frequency, note name, pitch difference from the reference, harmonics and related measurements. The experiment also covers adjustable A4 reference tuning, reference-tone playback, HOLD snapshots, waveform and harmonic observation, with real-device testing on PC, Android and iPhone.

MIC INPUTFREQUENCYNOTEA4 TUNINGREFERENCE TONEWAVEFORMHARMONICS H1–H8REAL-DEVICE TEST

03 / FINDINGS

何が分かった？What did we learn?

ブラウザだけでも、マイク入力を利用した周波数解析や倍音の可視化、基準音再生まで実装できました。

一方、実機検証ではPCとスマートフォンでマイク入力の特性に違いがあり、特に楽器音の取得では端末やマイク環境の影響を受けることが分かりました。

また、Windows環境ではマイク使用中の基準音再生に問題が発生し、TONE再生時には一時的にマイク制御を手放すことで解決しました。

ブラウザAPIだけでも多くの音響処理が可能ですが、実際の端末で試すことで初めて見える制約があることも、この実験の結果です。

A browser alone can perform microphone-based frequency analysis, harmonic visualization and reference-tone playback.

Real-device testing also revealed meaningful differences between PC and smartphone microphone input. Instrument capture in particular is affected by the device, microphone and surrounding environment.

On Windows, reference-tone playback caused a problem while the microphone was active. Releasing microphone control temporarily during TONE playback resolved it.

Browser APIs can handle a surprising amount of audio processing, but real-device testing revealed constraints that were not apparent from implementation alone.

04 / TECHNOLOGY

何を使った？What was used?

HTML5CSSJAVASCRIPTWEB AUDIO APIMEDIADEVICESMICROPHONE INPUTRESPONSIVE WEB DESIGN

サーバー側の音声処理を使用せず、主要な解析処理をブラウザ上で実行しています。

The main analysis runs in the browser without server-side audio processing.

05 / MORE

さらに詳しくGo deeper

TECHNICAL DOCUMENTATION技術情報・機能・動作環境・既知の制約を見る。Technical information, features, environments and known limitations.README.md → SOURCE CODEGitHubで実際の実装を見る。View the implementation on GitHub.GitHub →