Hi, i want to bass the blob object from background js to content script, asnow it looses its type and get converted into an empty object.

from background.js

var blobData = Blob{}; //here i have a blob object which was created at this page
var fr = new FileReader();
var blobData = recordRTC.getBlob();
fr.onload = function() {
     sendMessageToCurrentTab({
                name:  .... ,
                data: {
                    blob: fr.result,
                    filetype: blobData.type,
                   }
    ....
}

fr.readAsText(blobData);

in content script...

var blobData = new Blob([data.blob], { type: data.filetype });

Now the problem is i get a corrupted blob, actually thats a video blob and what i got in end is a corrupted video means the controls are disabled. I think i am doing wrong at some point. Can anyone show me right path in this ?