Web Auido APIを使って編集した音声ファイルを、wavやmp3などの音声ファイルの形式でダウンロードしたい

Question

前提・実現したいこと

ストレージからfetchした音声ファイルをブラウザ上でリバーブやコンプをかけるアプリを作っています。
編集した音声をwavやmp3形式のファイルとしてダウンロードできる機能を作りたいです。

発生している問題

「audiocontext export」「web audio api save file」などの語句で検索してコード例が載っているページを探したのですが、多くのページでは録音した音声をダウンロードさせる方法が紹介されていました。

• createMediaStreamDestination() demo

(AudioContext.createMediaStreamDestination() - Web API | MDN)

• ブラウザで録音してwavで保存 - Qiita
• Recorder.jsを利用してブラウザ上で音声を録音する - Qiita

上記ページの方法論を見るに、

1. 音声ファイル保存ボタンを押下
2. 編集した音を最初から最後まで再生
3. 録音した音声を保存

という流れであれば編集したファイルを保存できそうですが、希望は保存ボタン押下後、ただちに保存がスタートまたは短時間のエンコード時間を経て、ダウンロードできるようにしたいです。

Answer 1

質問者様のしたい事は無理だと思います。

「Web Auido API」は
どの時点でどんなエフェクトをかけるだけの処理だけであって
(タイミングに合わせ一定期間エフェクトを実行)
元の音源には一切変更を行っていません。（エフェクトをかぶせているだけ）
その為録音という処理で音源ファイルを新たに作成する必要があります。

この場合でのエンコードとは
「超高速で再生しエフェクトをかけ録音し通常の再生できる状態で保存する」
となりますが「Web Auido API」にそのような機能は残念ながらありません。

「Web Auido API」以外なら存在するかもしれませんので、
別の方法を検討する事をオススメします。