NERO VISUALIZER
つくったもの / APP音楽ファイルから、SNSやYouTubeに投稿できるビジュアライザー動画を作るWebアプリです。
音源や動画をサーバーへ送らず、読み込みから書き出しまでブラウザの中だけで完結します。
掲載している画面はモックアップではなく、実際のアプリを1440pxで撮影しています。
なぜ作ったか
AIで音楽を作る機会が増える一方、SNSへ投稿するには音源を動画にする必要があります。
そのたびに動画編集ソフトを開くのが面倒だったので、曲を入れるだけで投稿用の動画を作れるツールを作りました。
できること
曲のテンポや音の密度を解析し、合いそうな演出を50種類のテーマから提案します。
- 音楽ファイルからMP4を生成
- 曲調に合わせたテーマの提案
- 16:9 / 9:16 / 1:1に対応
- フルHD / 4Kでの書き出し
- 長尺BGMの書き出し
現在はプライベート公開です。
このツールで制作した動画をYouTubeで公開しています。
どう作ったか
音源の解析から動画の書き出しまで、すべてブラウザ内で処理しています。
映像はGPUを使って描画し、WebCodecsで動画をエンコード。ファイルを外部サーバーへアップロードする必要はありません。
詰まったところ
うまくいかなかったものも、そのまま書いています。
60分の動画が書き出せなかった
当初は、完成した動画をメモリに保持してから保存していたため、フルHDでは12分ほどで限界になりました。
そこで、エンコードしながら保存先へ直接書き込む方式に変更。
結果、29曲・約90分の動画を通して書き出せるようになりました。
テストでは動くのに、実際の曲では落ちる
短いテスト音源では問題がなくても、実際の長さの楽曲では不具合が出ることがありました。
短いテストだけでは見つからない問題もあるため、現在は実際の長さの音源でも書き出しを確認しています。
ブラウザだけで完結するツールや、音楽に関わるWebアプリの制作もご相談いただけます。
メールで相談する