CoderDojoの発表で利用しているボイスレコーダーを公開します。

オフライン録音アプリ - ブラウザで簡単に音声録音

概要

インターネット接続不要で動作する、録音した音声ファイルは自動的にダウンロードされ、オプションでDiscordへの送信も可能です。

主な機能

1. オフライン録音

ブラウザのMediaRecorder APIを使用し、インターネット接続なしで音声を録音できます。マイクへのアクセス許可のみで動作します。

2. 複数のフォーマット対応

以下の音声フォーマットに対応しています：

• WAV（非圧縮、高音質）
• MP3（圧縮、バランス型）- デフォルト
• FLAC（可逆圧縮、高音質）

3. 簡単な操作方法

• 録音開始/終了ボタンをクリック、またはスペースキーで録音の開始と停止が可能
• 録音時間がリアルタイムで表示されます
• 録音終了後、自動的にファイルがダウンロードされます

4. Discord連携（オプション）

• 録音したファイルをDiscord Webhookを通じてサーバーに直接アップロード可能
• Webhook URLはローカルストレージに保存され、次回以降の入力が不要

技術仕様

• MediaRecorder API（音声録音）
• getUserMedia API（マイクアクセス）
• Blob API（音声データ処理）
• LocalStorage（Webhook URL保存）
• Fetch API（Discord連携）

プライバシーとセキュリティ

• すべての処理がクライアント側（ブラウザ内）で完結
• 録音データは外部サーバーに送信されません（Discord連携を使用しない限り）
• Webhook URLはブラウザのローカルストレージにのみ保存されます