我正在尝试构建一个铬扩展名,它可以使用chrome.desktopCapture.chooseDesktopMedia
记录当前选项卡,并将记录流到default_popup文件中。
目前,我在内容脚本中获取流的对象url,将其传递给后台脚本进行一些检查,然后再将其传递给popup.js,这是我弹出的javascript文件。当在页面的DOM上播放时,流会以视频的形式工作和显示,而对象的传递也没有问题。
但是objectURL似乎无法从弹出窗口访问视频!有办法绕过这件事吗?
这是我在检查弹出的控制台时遇到的错误:
blob:https%3A//developer.chrome.com/5363c96d-69ff-4e91-8d06-48f1648ad0e4未能加载资源:服务器响应状态为404 (未找到)
发布于 2015-03-20 02:59:44
我刚知道该怎么做。
为了在chrome扩展中的脚本和选项卡之间传输blob,您必须首先发送一个xmlhttp请求,以便从在另一个脚本上创建的原始blob url中获取blob。然后从当前页面上的blob重新创建blob url。
例如:
//originalURL is the bloburl from your content script
//in your popup script, call this
var request=new XMLHttpRequest();
request.open('GET', originalURL);
request.responseType='blob';
request.send();
request.onload=function(){
var newURL=URL.createObjectURL(request.response);
}
//newURL is the bloburl which can not be used on your popup script, you can set it as the soure of a video etc...
我希望这能帮上忙!
发布于 2017-06-30 05:02:07
谢谢你@jasonY的工作解决方案。在我的例子中,我需要从后台脚本发送一个ObjectURL到一个内容脚本。
async function reissueObjectURL (url) {
return new Promise((resolve, reject) => {
var request = new XMLHttpRequest();
request.open('GET', url);
request.responseType = 'blob';
request.onload = () => {
resolve(URL.createObjectURL(request.response));
URL.revokeObjectURL(url);
};
request.send();
});
}
https://stackoverflow.com/questions/29056607
复制相似问题