YouTube と HTML5 ビデオ用ミュージックビジュアライザー
ライブの Blocks、Frequency、Music Tunnel エフェクトで音楽の動きを見よう
ミュージックビジュアライザーは、オーディオ信号からアニメーションする形状を描くリアルタイムのグラフィック効果です: 音に合わせてリズムよく動くバー、波形、トンネル。無料の Turn Off the Lights 拡張機能は、任意の HTML5 ビデオプレーヤーの上に直接これをレンダリングします: YouTube のミュージックビデオ、Vimeo のコンサート、ポッドキャストプレーヤーが、別アプリをインストールせずに生き生きとした光のショーを得ます。
3つのビジュアライゼーションスタイル
オーディオビジュアライゼーション機能は、ブラウザの Web Audio API AnalyserNode を通じてビデオの音声を聴き取り、ビデオ上のキャンバスレイヤーに結果を描きます。スタイルはオプションページで選択します:
- Blocks — リズムに合わせて伸び縮みするカラフルなブロックの壁。クラシックなイコライザーの外観。
- Frequency — 深い低音から高音まで、オーディオ周波数スペクトラムをフレームごとに描くライブ表示。
- Music Tunnel — 音楽に合わせて脈動し呼吸する回転する光のトンネル。全画面リスニング用に設計。
各スタイルの背景不透明度は調整可能なので、エフェクトはビデオ上の控えめなグローにも、プレーヤーを埋める大胆な演出にもできます。ビジュアライゼーションはビデオスピードコントローラーやビデオズームと同じビデオツールバーのボタンなので、ページを離れずに1曲でオンにして次でオフにできます。Picture-in-Picture のフローティングビデオでも動作し、音楽ビジュアライゼーションは独自のミニプレーヤーで再生し続けます。
オーディオビジュアライゼーションの有効化方法
- Chrome、Firefox、Edge、Opera、Safari、またはお気に入りのブラウザ向けの無料 Turn Off the Lights 拡張機能をインストールします。
- ブラウザツールバーの灰色のランプボタンを右クリックし、オプションを選択します。
- 高度なオプションタブを開き、ビデオツールバーセクションを見つけて ビデオツールバーを有効にします。
- 任意の HTML5 ビデオを再生します: 選択したオーディオビジュアライゼーションがプレーヤーの上にライブオーバーレイとして現れ、音声にリアルタイムで反応します。
動作する場所
オーディオビジュアライゼーションは標準の HTML5 ビデオプレーヤーで動作します: YouTube、YouTube Music、Vimeo、Dailymotion、およびブラウザで HTML5 ビデオやオーディオを再生するほとんどのサイト。フレームの周りに光を放射するAtmosphere Lightingと組み合わせて完全なアンビエントセットアップにし、完全な Turn Off the Lights 体験のためにページの残りをランプボタンで暗くしましょう。
よくある質問
ミュージックビジュアライザーとは何ですか?
ミュージックビジュアライザーは、オーディオ信号からアニメーションする形状を描くリアルタイムのグラフィック効果で、音に合わせてリズムよく動くバー、波形、トンネルなどがあります。Turn Off the Lights はブラウザ内の任意の HTML5 ビデオ上に直接これをレンダリングします。
どのビジュアライゼーションスタイルを選べますか?
3つの内蔵スタイルがあります: Blocks — リズムに合わせて成長するカラフルなブロック; Frequency — ライブのオーディオ周波数スペクトラム; Music Tunnel — 音楽に合わせて脈動する回転トンネル。オーバーレイの不透明度も調整できます。
オーディオビジュアライゼーションは YouTube と YouTube Music で動作しますか?
はい。標準の HTML5 ビデオプレーヤーで動作するため、YouTube、YouTube Music、Vimeo、Dailymotion、およびブラウザで HTML5 ビデオやオーディオを再生するほとんどのサイトで動きます。
オーディオビジュアライゼーションは無料ですか?
はい。アプリ内購入やサブスクリプションなしの無料オープンソース Turn Off the Lights ブラウザ拡張機能に含まれており、Chrome、Firefox、Edge、Opera、Safari など対応ブラウザで使えます。コードは GitHub で自分で読めます。
あなたのようなビデオ愛好家のために作られた、ブラウジングとビデオをコントロールする究極のブラウザツール。今日 Turn Off the Lights をダウンロードして、音楽が生きるのを見ましょう。