電子アプリケーション内のブロブからディスクにファイルを書き込む

Question

ウェブアプリケーションとデスクトップからデータを記録している電子アプリケーションを作成しています。記録セッションの最後に、データをバックグラウンドでファイルに保存します。私はブロブからファイルに直接データを書き込む方法を知らない。助言がありますか？ 以下はMediaRecord Stopイベントの現在の処理です。

this.mediaRecorder.onstop = (e) => {          
     var blob = new Blob(this.chunks,          
          { 'type' : 'video/mp4; codecs=H.264' });              
     var fs = require('fs');            
     var fr = new FileReader();            
     var data = null;              
     fr.onload =() => {             
      data = fr.result;             
      fs.writeFile("test.mp4", data, err => {       
       if(err) {              
        return console.log(err);         
       }                
       console.log("The file was saved!");       
      });                
     };                  
     fr.readAsArrayBuffer(blob);           
    }       

Answer 1

あなたはFileReaderとBufferを使用してそれを行うことができます。レンダラープロセスで

、緩衝液を用いてファイルを保存するために、メインプロセスにイベントを送信します。

function saveBlob(blob) { 
    let reader = new FileReader() 
    reader.onload = function() { 
     if (reader.readyState == 2) { 
      var buffer = new Buffer(reader.result) 
      ipcRenderer.send(SAVE_FILE, fileName, buffer) 
      console.log(`Saving ${JSON.stringify({ fileName, size: blob.size })}`) 
     } 
    } 
    reader.readAsArrayBuffer(blob) 
} 

は確認戻って取得：

ipcRenderer.on(SAVED_FILE, (event, path) => { 
    console.log("Saved file " + path) 
}) 

を（SAVE_FILEとSAVED_FILEは静的な文字列であります

メインプロセス：

ipcMain.on(SAVE_FILE, (event, path, buffer) => { 
    outputFile(path, buffer, err => { 
     if (err) { 
      event.sender.send(ERROR, err.message) 
     } else { 
      event.sender.send(SAVED_FILE, path) 
     } 
    }) 
}) 

OUTPUTFILEが'fs-extra'

からメイン処理にノード演算を処理していることが好ましいです。電子セキュリティの提案を参照してください。

メインプロセスを使用しない場合は、'electron-remote'を使用して、バックグラウンドプロセスを作成してファイルを書き込むことができます。さらに、バックグラウンドプロセスでffmpegを呼び出して、ファイルを別の形式に圧縮/エンコードすることもできます。