Question

根据我的阅读，我希望以下JavaScript代码能够记录“一切顺利”，但它会遇到错误情况：

var audio = document.createElement('audio');
var ctx = new window.AudioContext();
var source = ctx.createMediaElementSource(audio);
audio.src = 'http://www.mediacollege.com/audio/tone/files/440Hz_44100Hz_16bit_30sec.mp3';
// As @padenot mentioned, this is the number of channels in the source node, not the actual media file
var chans = source.channelCount;
if(chans == 1) {
  snippet.log("All is well");
} else {
  snippet.log("Expected to see 1 channel, instead saw: " + chans)
}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

发生了什么事？

这可能是一个CORS问题吗？有没有其他方法来确定这个mp3文件实际上是单声道？

编辑：正如@padenot所提到的，这是源节点中的通道数，而不是实际的媒体文件

澄清

我希望能够避免在记忆中解码整个音频文件的解决方案。 decodeAudioData()，根据我的经验，需要将整个mp3解码为一个，这可能需要几秒钟。 createMediaElementSource()允许您在收听时流媒体和解码。

Answer 1

MediaElementAudioSourceNode确实有channelCount属性，但它指的是AudioNode的频道数，而不是基础HTMLMEdiaElement的频道数。

相反，您可以解码缓冲区，并查询其通道数，如下所示：

var xhr = new XMLHttpRequest();
xhr.open('GET', "file.mp3", true);
xhr.responseType = "arraybuffer";
xhr.onload = function() {
  var cx = new AudioContext() ;
  cx.decodeAudioData(xhr.response, function(decodedBuffer) {
    console.log(decodedBuffer.numberOfChannels);
  });
}
xhr.send(null);

是的，您需要在响应中使用CORS标头才能工作。

如何在<audio>标签中检测mp3中的音频通道数？

发生了什么事？

澄清

1 个答案: