35

I'm trying to capture user's audio input from the browser. I have done it with WAV but the files are really big. A friend of mine told me that OGG files are much smaller. Does anyone knows how to convert WAV to OGG? I also have the raw data buffer, I don't really need to convert. But I just need the OGG encoder.

Here's the WAV encoder from Matt Diamond's RecorderJS:

function encodeWAV(samples){
  var buffer = new ArrayBuffer(44 + samples.length * 2);
  var view = new DataView(buffer);

  /* RIFF identifier */
  writeString(view, 0, 'RIFF');
  /* file length */
  view.setUint32(4, 32 + samples.length * 2, true);
  /* RIFF type */
  writeString(view, 8, 'WAVE');
  /* format chunk identifier */
  writeString(view, 12, 'fmt ');
  /* format chunk length */
  view.setUint32(16, 16, true);
  /* sample format (raw) */
  view.setUint16(20, 1, true);
  /* channel count */
  view.setUint16(22, 2, true);
  /* sample rate */
  view.setUint32(24, sampleRate, true);
  /* byte rate (sample rate * block align) */
  view.setUint32(28, sampleRate * 4, true);
  /* block align (channel count * bytes per sample) */
  view.setUint16(32, 4, true);
  /* bits per sample */
  view.setUint16(34, 16, true);
  /* data chunk identifier */
  writeString(view, 36, 'data');
  /* data chunk length */
  view.setUint32(40, samples.length * 2, true);

  floatTo16BitPCM(view, 44, samples);

  return view;
}

is there one for OGG?

4

4 回答 4

19

对于那些对这篇文章投反对票的人：如果不花时间提供一些关于为什么这个问题在某种程度上“不好”的见解，就对问题投反对票真的没有成效。我认为这个问题是有道理的，发帖人显然花了一些时间试图自己解决这个问题。网络音频规范实际上旨在允许这种功能，但还没有接近实现该目的：

本规范描述了用于在 Web 应用程序中处理和合成音频的高级 JavaScript API。主要范例是音频路由图，其中许多 AudioNode 对象连接在一起以定义整体音频渲染。实际处理将主要发生在底层实现中（通常是优化的汇编/C/C++ 代码），但也支持直接的 JavaScript 处理和合成。

这是关于当前 w3c音频规范草案的声明，它提出以下几点：

  • 在 JavaScript 中处理音频时，要获得可靠、无故障的音频，同时实现相当低的延迟是极具挑战性的，尤其是在处理器负载较重的情况下。
  • JavaScript 比高度优化的 C++ 代码慢得多，并且无法利用 SSE 优化和多线程，这对于在当今处理器上获得良好性能至关重要。与 JavaScript 相比，优化的本机代码处理 FFT 的速度大约快 20 倍。对于大量音频源的卷积和 3D 空间化等重载音频处理来说，它的效率不够高。
  • setInterval() 和 XHR 处理将从音频处理中窃取时间。在一个相当复杂的游戏中，游戏物理和图形将需要一些 JavaScript 资源。这带来了挑战，因为音频渲染是截止日期驱动的（以避免故障并获得足够低的延迟）。JavaScript 不在实时处理线程中运行，因此可以被系统上运行的许多其他线程抢占。
  • 垃圾收集（以及 Mac OS X 上的自动释放池）可能会导致 JavaScript 线程出现不可预知的延迟。
  • 多个 JavaScript 上下文可以在主线程上运行，从而从执行处理的上下文中窃取时间。
  • 页面渲染等其他代码（JavaScript 除外）在主线程上运行。
  • 可以使用锁并在 JavaScript 线程上分配内存。这可能会导致额外的线程抢占。
  • 对于当今这一代移动设备而言，这些问题更加困难，这些移动设备的处理器性能相对较差，并且存在功耗/电池寿命问题。

ECMAScript (js) 在很多事情上都非常快，并且一直在变得更快，具体取决于解释代码的引擎。然而，对于像音频处理这样密集的事情，您最好使用经过编译以优化特定于任务的资源的低级工具。我目前在服务器端使用 ffmpeg来完成类似的事情。

我知道必须通过 Internet 连接发送 wav 文件以获取更紧凑的 .ogg 文件确实效率低下，但这是网络音频 api 的当前状态。要进行任何客户端处理，用户必须明确授予对本地文件系统的访问权限以及文件的执行权限以进行转换。希望有人能尽快解决这个明显的问题。祝你好运。

编辑：如果您不介意将用户限制为 Chrome，您也可以使用 Google 的本地客户端。这似乎是一种非常有前途的技术，可以加载到沙箱中并实现几乎与本机执行代码一样好的速度。我假设在某些时候其他浏览器中会有类似的实现。

于 2013-07-16T18:08:28.397 回答
11

这个问题一直让我发疯，因为我还没有看到有人提出一个真正干净的解决方案，所以我想出了自己的库：

https://github.com/sb2702/audioRecord.js

基本用法

audioRecord.requestDevice(function(recorder){
  // Request user permission for microphone access

      recorder.record(); // Start recording

      recorder.stop();  /Stop recording

      recorder.exportOGG(function(oggBlob){
        //Here's your OGG file
      });

      recorder.exportMP3(function(mp3Blob){
               //Here's your mp3 file
      });

      recorder.exportWAV(function(wavBlob){
            //Here's your WAV file
      });

});

使用连续 mp3 编码选项，完全在浏览器中捕获和编码音频输入是完全合理的，跨浏览器，无需服务器或本机代码。

演示：http ://sb2702.github.io/audioRecord.js/

它的边缘仍然很粗糙，但我会尝试清理/修复它。

于 2015-06-19T00:59:54.247 回答
5

NEW: Derivative work of Matt Diamond's recorderjs recording to Ogg-Opus

To encode to Ogg-Opus a file in whole in a browser without special extensions, one may use an Emscripten port of opus-tools/opusenc (demo). It comes with decoding support for WAV, AIFF and a couple of other formats and a re-sampler built in.

An Ogg-Vorbis encoder is also available.

Since the questioner is primarily out for audio compression, they might be also interested in mp3 encoding using lame.

于 2014-12-25T18:23:07.347 回答
2

好的，这可能不是一个直接的答案，因为它没有说明如何转换.wav为.ogg. .ogg再说一次，当你可以直接文件时，为什么还要麻烦转换。这取决于MediaRecorder API，但支持 WebAudio 的浏览器通常也有这个（Firefox 25+ 和 Chrome 47+）

github.io 演示

Github 代码源

于 2016-03-18T02:19:11.047 回答