Reactjs 记录器-js 下载

Posted

技术标签:

【中文标题】Reactjs 记录器-js 下载【英文标题】:Reactjs recorder-js download 【发布时间】:2020-07-06 22:36:56 【问题描述】:

我正在尝试制作一个用于录制语音样本并将其保存为 wav 文件的 React 应用程序,我使用 recorder-js 进行录制,但我仍在努力将保存部分保存为 wav 文件,我得到了 exporWAV不是每次都有功能。 如果你去过那里请帮忙

【问题讨论】:

试试 exportWAV(你错过了一个“t”) 我在代码中使用了正确拼写的 exportWAV,我猜我的语法错误,因为我仍然得到 exporWAV is not a function 【参考方案1】:

示例代码在这里

//create
var record_recorder;
record_recorder = new RecorderV2(input,sampleRate:44100, numChannels:2);

//start
record_recorder.record();

//stop
record_recorder.stop();

//export
record_recorder.exportWAV(function(blob) 
      var url = URL.createObjectURL(blob);
      var li = document.createElement('div');
      var au = document.createElement('audio');
      var hf = document.createElement('a');
      var br = document.createElement('br');
      record_result_blob = blob;
      au.controls = true;
      au.src = url;
      hf.href = url;
      hf.download = 'record.wav';
      hf.innerhtml = hf.download;
      li.appendChild(au);
      li.appendChild(br);
      li.appendChild(hf);
      if (result)
          result(li);
);

查看示例网站: https://voice-recorder-online.com 代码: https://voice-recorder-online.com/js/index_editor.js

【讨论】:

以上是关于Reactjs 记录器-js 下载的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS - 是不是可以替换浏览器历史记录中的项目?

如何点击ReactJS包装元素?

无法在 react/next js 中获取数据,尽管能够控制台记录它

如何使用reactjs使用conatct类正确获取记录列表

React:如果没有记录,如何显示消息

坑金山文档批量下载技巧记录(Python+JS)