在javascript中将.wav文件转换为.ogg

Question

我正试图从浏览器捕获用户的音频输入.我用WAV完成了它,但文件非常大.我的一个朋友告诉我,OGG文件要小得多.有谁知道如何将WAV转换为OGG？我也有原始数据缓冲区,我真的不需要转换.但我只需要OGG编码器.

这是Matt Diamond的RecorderJS的WAV编码器:

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;
}

是否有一个OGG？

Answer 1

对于那些对这篇文章投票不好的人:如果没有花时间提供某种洞察为什么问题在某种程度上"糟糕",那么向下投票问题真的没有成效.我认为这个问题很有价值,而海报显然花了一些时间试图自己解决这个问题.该网络音频规范实际上是意在让正是这种功能,但只是不接近实现这一目的尚未:

该规范描述了用于在Web应用程序中处理和合成音频的高级JavaScript API.主要范例是音频路由图,其中许多AudioNode对象连接在一起以定义整体音频呈现.实际处理将主要在底层实现中进行(通常是优化的Assembly/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来完成类似的事情.

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

修改:如果您不介意将用户限制为Chrome,也可以使用Google的原生客户端.看起来非常有前途的技术可以加载到沙箱中,并且可以实现几乎与原生代码一样好的速度.我假设在某些时候在其他浏览器中会有类似的实现.

Answer 2

这个问题一直让我抓狂,因为我没有看到有人想出一个非常干净的解决方案,所以我想出了自己的库:

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/

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

Answer 3

新增：Matt Diamond的Recorder.js录制到Ogg-Opus的衍生作品

为了在没有特殊扩展名的浏览器中将文件整体编码为Ogg-Opus，可以使用opus-tools / opusenc （demo）的Emscripten端口。它具有对WAV，AIFF和其他两种格式的解码支持以及内置的重新采样器。

一个OGG-Vorbis格式编码器也可。

由于发问者主要用于音频压缩，因此他们可能也对使用lame的mp3编码感兴趣。