← Dev へ戻る

NERO VISUALIZER

音楽ファイルから、SNSやYouTubeに投稿できる動画を作るWebアプリです。音に反応するビジュアライザーと、歌詞を載せたMVの2通りを作れます。

音源や動画をサーバーへ送らず、読み込みから書き出しまでブラウザの中だけで完結します。

NERO VISUALIZERのPCでの表示

掲載している画面はモックアップではなく、実際のアプリの画面です。

動画で見る

押したときに初めて YouTube から読み込みます。

なぜ作ったか

AIで音楽を作る機会が増える一方、SNSへ投稿するには音源を動画にする必要があります。

そのたびに動画編集ソフトを開くのが面倒だったので、曲を入れるだけで投稿用の動画を作れるツールを作りました。

できること

曲のテンポや音の密度を解析し、合いそうな演出を60種類のテーマから提案します。

  • 音楽ファイルからMP4を生成
  • 曲調に合わせたテーマの提案
  • 歌詞を載せたMVの作成(配色18種・書体8種)
  • 16:9 / 9:16 / 1:1に対応
  • フルHD / 4Kでの書き出し
  • 長尺BGMの書き出し

現在はプライベート公開です。
このツールで制作した動画をYouTubeで公開しています。

どう作ったか

音源の解析から動画の書き出しまで、すべてブラウザ内で処理しています。

映像はGPUを使って描画し、WebCodecsで動画をエンコード。ファイルを外部サーバーへアップロードする必要はありません。

画面の明滅は、既定で1秒に3回を超えないようにしています。光に敏感な人への配慮の目安として使われている値です。強さは自分で変えられます。

TypeScriptVite 7WebCodecsWebGL2

ブラウザだけで完結するツールや、音楽に関わるWebアプリの制作もご相談いただけます。

メールで相談する
このページをシェア X で共有 LINE で送る Facebook で共有