html5-audio - 如何通过 html5 播放 .spx 文件？

Question

从 html5 规范来看，它似乎支持 spx： http ://dev.w3.org/html5/spec-preview/the-source-element.html

使用：

但从我的尝试来看，它不能在 Firefox 17 和 Chrome 中播放，你能帮忙吗？

Answer 1

我发现 GitHub ( https://github.com/jpemartins/speex.js ) 上的 speex.js 可以解决您的问题。使用 speex.js，您可以即时将 speex 文件（*.spx 或 *.ogg）解复用和解码为 wav，Chrome/Firefox 和许多其他支持 HTML5 的现代浏览器都支持。

• 在您的 html 中包含https://github.com/jpemartins/speex.js/tree/master/public/js/lib下的 thoese *.js 文件

<script src="bitstring.js"></script>
<script src="pcmdata.min.js"></script>
<script src="speex.js"></script>

• 下面的函数将完成将 spx 转换为 wav 编解码器的技巧：

/**
  * @param bufSpx ArrayBuffer (Uint8Array) holding content of speex file (*.spx or *.ogg)
  */
function decodeFile(bufSpx) {
  var stream, samples, st;
  var ogg, header, err;

  ogg = new Ogg(bufSpx, {file: true});
  ogg.demux();
  stream = ogg.bitstream();

  header = Speex.parseHeader(ogg.frames[0]);
  console.log(header);

  comment = new SpeexComment(ogg.frames[1]);
  console.log(comment.data);

  st = new Speex({
    quality: 8,
    mode: header.mode,
    rate: header.rate
  });

  samples = st.decode(stream, ogg.segments);

  var waveData = PCMData.encode({
      sampleRate: header.rate,
      channelCount: header.nb_channels,
      bytesPerSample: 2,
      data: samples
    });

  // array buffer holding audio data in wav codec
  var bufWav = Speex.util.str2ab(waveData);
  // convert to a blob object
  var blob = new Blob([bufWav], {type: "audio/wav"});
  // return a "blob://" url which can be used as a href anywhere
  return URL.createObjectURL(blob);
}

Answer 2

规范说：

type 属性给出媒体资源的类型，以帮助用户代理在获取该媒体资源之前确定它是否可以播放该媒体资源。

规范本身并没有指定要支持的任何音频或视频格式，并且支持取决于各个浏览器。

...据我所知，没有浏览器支持 .spx 。