如何下载我刚刚使用 Web Audio API 创建的声音?

Posted

技术标签:

【中文标题】如何下载我刚刚使用 Web Audio API 创建的声音?【英文标题】:How do I download a sound I just create with Web Audio API? 【发布时间】:2017-10-22 22:52:02 【问题描述】:

有几个库可用于使用 Web Audio API 处理和播放声音。但是,一旦我播放或操纵了声音,如何导出/保存/下载该歌曲?

例如,如果我使用的是 Howler.js 库,我可以使用以下代码播放声音。如何将声音下载到浏览器?

【问题讨论】:

您可以创建一个Blob的音频并使用URL.createObjectURL()Blob创建一个Blob URL,然后下载Blob URL 【参考方案1】:

想要一些代码吗?:

rec.stop();
rec.exportWAV(function(blob) 
  var url = URL.createObjectURL(blob);
  var li = document.createElement('li');
  var hf = document.createElement('a');
  hf.href = url;
  hf.download = new Date().toISOString() + '.wav';
  hf.innerhtml = hf.download;
  li.appendChild(hf);
  var recordingslist = document.getElementById("recordlist");
  recordingslist.appendChild(li);
);

【讨论】:

以上是关于如何下载我刚刚使用 Web Audio API 创建的声音?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Web Audio API 移动/调制音频缓冲频率

Web Audio API 如何命名声音

如何在没有 Web Audio API 的情况下直接从 ArrayBuffer 获取通道数据?

如何在 Web Audio API 中更改音频缓冲源的时间?

如何在 Web Audio API 中将 SoundManager2 定义为媒体元素源

Web Audio API 音频编辑器将编辑的剪辑保存回 Web 服务器