我想制作一个网页,访问者可以通过点击链接(不是实时流,而是来自使用流的无线电档案的链接)来保存音频流,我想在浏览器中没有纯JavaScript的服务器后端的情况下完成这项工作。我在某个地方读到了关于FFMpeg的JavaScript端口,它可以利用所谓的Blob在浏览器中编码和保存视频/音频。然而,下载库是巨大的,就我记忆中的17MB而言。事实上,我只需要流复制音频流,而不是真正的编码过程。我通常使用类似的命令来保存程序:
ffmpeg -i http://stream.example.com/stream_20160518_0630.mp3 -c copy -t 3600 programme.mp3
我想知道,是否有可能将FFMpeg的一个子集编译成只提供真正需要的流复制的JavaScript?
var audio = new Audio();
var ms = new MediaSource();
var chunks = [];
audio.src = URL.createObjectURL(ms);
ms.addEventListener('sourceopen', function(e) {
var sourceBuffer = ms.addSourceBuffer('audio/mpeg');
var stream;
function pump(stream){
return stream.read().then(data => {
chunks.push(data.value)
sourceBuffer.appendBuffer(data.value);
})
};
sourceBuffer.addEventListener('updateend', () => {
pump(stream);
}, false);
fetch("http://stream001.radio.hu:443/stream/20160606_090000_1.mp3")
.then(res=>pump(stream = res.body.getReader()))
audio.play()
}, false);
// stop the stream when you want and save all chunks that you have
stopBtn.onclick = function(){
var blob = new Blob(chunks)
console.log(blob)
// Create object url, append to link, trigger click to download
// or saveAs(blob, 'stream.mp3') need: https://github.com/eligrey/FileSaver.js
}