问题描述
我正在尝试使用自定义 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 (将#修改为@)