微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

未捕获的 RangeError:Int16Array 的字节长度应为 2

如何解决未捕获的 RangeError:Int16Array 的字节长度应为 2

我正在尝试使用自定义 chrome 扩展程序获取一些音频文件。目前我有这段代码,当使用 webRequest API

打开某个页面时,它会开始获取数据
//
let isListening = false;
let stream = [];

const createChunksFromStream = (details) => {
  const chunkUrl = details.url;
  fetch(chunkUrl)
  .then( (res) => res.blob() )
  .then( (res) => {
    console.log(res);
    const fr = new FileReader();
    fr.readAsArrayBuffer(res);
    fr.onloadend = () =>{
      stream.push(new Int16Array(fr.result));
    }
  });

}

const processChunks = (stream) => {
  console.log(stream);
  const mp3encoder = new lamejs.Mp3Encoder(1,44100,320);
  for(const chunk in stream){
    const mp3buffer = mp3encoder.encodeBuffer(chunk);
    if(mp3buffer.length > 0){
      stream.push(mp3buffer);
    }
  }
  mp3buffer = mp3encoder.flush();
  stream.push(mp3buffer);
  console.log(stream);
} 

const initStream = (status) => {
  console.log(status);
  if(status !== true){
      chrome.webRequest.onCompleted.removeListener( createChunksFromStream );
  }else{
    chrome.webRequest.onCompleted.addListener( createChunksFromStream,{
      urls: ['https://website.net/audio/*'],types: ['xmlhttprequest']
    },['responseHeaders']);
  }
}

chrome.browserAction.onClicked.addListener( (tab) => {  
  if(isListening !== true){
    isListening = true;
    initStream(isListening);
    alert('Ripping');
  }else{
    isListening = false;
    initStream(isListening);
    if(stream.length > 0){
      processChunks(stream);
    }
    alert('ripping stopped');
  }
});

我已将此 library 添加到 estension 清单的后台脚本部分,以便能够在扩展程序的 background.js 脚本中调用它。如库存储库中所述,它将接受 Int16Array 来创建 mp3。我从网站上为每个 fetch 请求获取的块都是这样的:

Blob {size: 3209513,type: "application/octet-stream"}
size: 3209513
type: "application/octet-stream"

我尝试将 blob 转换为 Int16Array,但出现此错误

Uncaught RangeError: byte length of Int16Array should be a multiple of 2
    at new Int16Array (<anonymous>)
    at FileReader.fr.onloadend (background.js:16)
fr.onloadend @ background.js:16
FileReader (async)
(anonymous) @ background.js:14
Promise.then (async)
createChunksFromStream @ background.js:11
background.js:37 

代码有问题吗?我该如何解决

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。