純粋なJavaScriptを使用してオーディオストリームをブラウザに保存することはできますか？

Question

訪問者がリンク（ライブストリームではなく、ストリームを使用するラジオアーカイブからのリンク）をクリックしてオーディオストリームを保存できるWebページを作成したいと思います。ブラウザで純粋なJavaScriptを使用してサーバーバックエンドなしでこれを行いたい。 私はFFMpegのJavaScriptポートについて読んでいます。これは、いわゆるBLOBを利用してビデオ/オーディオをブラウザでエンコードして保存することができます。しかし、私が17 MBを覚えている限り、ダウンロードライブラリは巨大です。実際には、実際のエンコード処理ではなく、オーディオストリームのストリームのみをストリームする必要があります。それだけで本当に必要なストリームのコピーを提供するJavaScriptにFFMPEGのサブセットをコンパイルすることが可能である、

ffmpeg -i http://stream.example.com/stream_20160518_0630.mp3 -c copy -t 3600 programme.mp3 

私は疑問に思う： は、私は通常、プログラムを保存するために同様のコマンドを使用できますか？

Answer 1

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 
}