Voice Reverser Online 🎙️🔁
Voice Reverser Online は、ブラウザ内で簡単に音声を録音して様々なエフェクトを適用できる楽しいウェブアプリです — ダウンロードやサインアップは不要です！
🎉 機能
-
🎤 音声録音
クリック一つで音声を録音できます。 -
🔁 逆再生
録音した音声を瞬時に逆再生して、面白い効果を楽しめます。 -
🔼🔽 ピッチ調整
ピッチを調整して、チップマンクやロボットのような音声に変更できます。 -
🔗 リンク共有
音声の変換結果をURLでシェアできます。
🔐 プライバシー優先
音声データはすべてブラウザ内で処理され、アップロードされたり保存されたりすることはありません。
🔄 仕組み
音声録音
- ユーザーのマイクから音声ストリームを取得。
- 取得した音声ストリームを
MediaRecorderを使って録音開始。 - 録音中に取得された音声データを
Blob形式で蓄積。 - 録音停止後、音声データをブラウザ内で再生可能なURLに変換。
逆再生
- 録音された音声データを
AudioContextを用いてデコード。 - デコードされた音声データをチャネルごとに逆順に並べ替え。
- 逆順に並べ替えた音声データを新たに
AudioBufferとして生成。 - 生成された逆再生用
AudioBufferを再生。
ピッチコントロール
- 音声データの再生速度を変更するため、
AudioBufferSourceNodeのplaybackRateを調整。 playbackRateを変更することで音声のピッチ（音の高低）を変化させる。
💻 技術スタック
- React
ユーザーインターフェース（UI）を構築するために使用。 - Material-UI (MUI)
モダンでレスポンシブなデザインを提供するUIライブラリ。 - Web Audio API
音声データの取得、処理、再生を行うために使用。音声の逆再生やピッチ変更などの処理をブラウザ内で直接行う。