オーディオビジュアライザーのリール動画を4K MP4で録画

Standing Sound（英語）は、曲の音符・倍音・拍を、測定した位置のまま3D空間に並べて見せます。Take（録画）ボタンを押すと、見えている映像と聞こえている音をいっしょに録画します。録画はウィンドウの大きさではなく、選んだサイズで描かれ、動画ファイルとしてお使いのパソコンに保存されます。このガイドでは、YouTube、Instagramのリール、正方形の投稿向けに録画する手順を説明します。

必要なもの

• WebGL2に対応した最新のChrome、Edge、Safari、Firefox。Chrome・Edge・SafariはMP4、FirefoxはWebMで保存します。
• 音：自分の曲や動画のファイル、マイク、ブラウザのタブ、ページにある3曲のサンプル曲のどれか。
• 4Kには、性能の高いグラフィックカードが必要です。1080pはたいていのパソコンで動きます。
• スマホでも使えます。スマホでのStanding Sound（英語）でボタンの場所を確認できます。スマホを縦に持つだけで、1080 × 1920で録画されます。

サイズと形

サイズ名は、画像の短辺の長さを表します。選択ボタンの下の1行に、Takeを押す前から正確なピクセル数とファイル形式が表示されます。選んだ内容は、次に開いたときも覚えています。Instagramのリールでは、1080pの9:16がInstagramの推奨サイズです。

ファイルの中身

録画は、ブラウザ標準のレコーダーであるMediaRecorderが、描いたフレームと音から作ります。ブラウザが対応していれば、H.264の映像とAACの音を組み合わせたMP4になります。ほとんどのアプリやサイトが受け付ける組み合わせです。ビットレートはピクセル数に応じて上がり、1080pの20 Mb/sから4Kの60 Mb/sまでなので、大きいサイズでも鮮明です。

YouTubeはWebMをそのまま受け付けます。InstagramはMP4が必要なので、リールにはChrome、Edge、Safariで録画してください。アップロードは一切行いません。ファイルはお使いのパソコン上で作られ、投稿先がどこかをページが知ることもありません。

音の入り方

録画に入る音は、部屋が聞いている音そのままです。曲のファイル、サンプル、ページ組み込みの曲、マイク、タブのいずれかです。マイクの場合は、声や楽器の音が録画に入ります。ただし、ページがスピーカーから流し直すことはありません。録画中に点に触れて聞き直した音も入るので、フレーズをあえて再生し直すこともできます。

ホールドすると曲のファイルは一時停止するので、ホールド中や一時停止中に録画した部分は無音になります。ホールドを離すか、スペースキーで再生すると、音が戻ります。

4Kには性能の高いグラフィックカードが必要

録画はリアルタイムです。曲の再生に合わせて1フレームずつ描き、エンコードします。動画の長さは録画を回した時間そのままで、ページ側の長さ制限はありません。4Kでは、16:9なら3840 × 2160で部屋を描きながらブラウザがエンコードするので、グラフィックカードへの負荷が大きくなります。4Kの録画がカクつくときは、1080pにしてください。スマホでは1080pが無難です。15秒や30秒のリールなら、その長さで録画を止めるか、あとでトリミングします。

曲がなければサンプルで

cyberyogiがSunoで作ったインストゥルメンタル3曲が、ページに入っています。ページで再生して、そのまま録画に入れられます。

• Bhakti（4:16）：インド古典音楽。弦楽の上にバンスリ（竹笛）が重なります。
• Cassettes, Rain（2:44）：ローファイビート。
• Astral Caravan（3:50）：サイケデリックなシンセウェーブ。

入口の画面では、5・6・7キーで再生が始まります。曲に対して各部屋が何を見せるかは、3Dで見る音の記事（英語）で解説しています。ホールド、タッチ、3つの部屋については、3Dオーディオビジュアライザーの紹介（英語）をご覧ください。

無料・ログイン不要

どのサイズも形も無料で、アカウント、透かし、ページ側の長さ制限はありません。AIKIZIの平面のオーディオビジュアライザーも、1080pと4Kの動画を保存できます。こちらは曲を読み込んだあとにフレームを1枚ずつ描く方式で、先にGoogleでのログインが必要です。Standing Soundはライブで録画し、ログインは不要です。

よくある質問

オーディオビジュアライザーの動画は無料で、透かしは入りませんか？

どのサイズも形も無料で、アカウントも透かしもなく、ページ側の長さ制限もありません。

Instagramのリール用のビジュアライザー動画はどう作りますか？

Takeの下で9:16と1080pを選び、Chrome、Edge、SafariでTakeを押すと、ファイルがMP4になります。動画は1080 × 1920です。

MP4ではなくWebMになったのはなぜですか？

FirefoxはWebMで録画します。YouTubeはWebMをそのまま受け付けます。InstagramはMP4が必要なので、リールにはChrome、Edge、Safariで録画してください。

録画した動画が無音になるのはなぜですか？

ホールドすると曲のファイルは一時停止するので、ホールド中や一時停止中に録画した部分は無音になります。

さっそく録画する

サンプル曲を押し、9:16か16:9を選んで、Takeを押します。すべての操作とキーは、Standing Soundのガイド（英語）にまとめてあります。

Standing Soundを開く（英語）    平面のビジュアライザーを見る