ChatGPTを使ってブラウザで動くオーディオアナライザーを制作してみました。
公開したので、ダウンロードしてもらうと、みなさんのPCで使うことができます。
マイク入力で、リアルタイムに波形を表示させることができます。
思いつきでChatGPTくんにリアルタイムで音量と周波数の波形を表示させるwebアプリを作ってくれとお願いしたら一発で出てきたのがこれ。すげえな… pic.twitter.com/S9cSP7km7z
— こおろぎ 🦗 (@Kohrogi34) April 11, 2023
Twitterに投稿したものから色やボタン配置などをブラッシュアップしました。
主な機能
上段 音量レベル:オーディオファイルの音量をリアルタイムで確認できます。
下段 スペクトログラム:オーディオデータの周波数スペクトルを色分けして表示し、音の特徴を把握することができます。
Webアプリ制作は全く経験がなかったのですが、ChatGPTの力を借りて制作できました。
ブラッシュアップも手伝ってもらっています。
はじめてGithubも使ってみました。(変なところがあったら教えてください)
使い方
・PCにてgithub中央右上の「Code」のメニューからDownload Zipをダウンロード
・Zipファイルを解答し、中のaudio_analyzer.htmlを実行。ブラウザで動作します。
※Windows&Google Chromeでは動作確認済。
・Startを押すとポップアップにマイクの使用を求められるので許可する。
※アプリはマイクの音声データを一切保存しません。