Google chrome extension LocalStorage在我的chrome扩展中不起作用

我有可以打开相机的镀铬分机。当我重新加载页面时，我想再次显示相机。我使用了chrome本地存储，但在控制台中有一个错误：key“key未定义”。有什么问题，有人能帮我吗

我在content.js中的代码

chrome.storage.local.get（['key'，'keyHtml']，函数（结果）{
navigator.mediaDevices.getUserMedia({
视频：没错，
})。然后（mediaStream=>{
key.srcObject=mediaStream；
}).catch（（错误）=>{
控制台。警告（错误）；
});
结果键；
document.body.innerHTML+=keyHtml；
});

background.js

chrome.tabs.query（{active:true，currentWindow:true}，函数（tabs）{
chrome.tabs.sendMessage（tabs[0].id，{ShowCamera:'true'}）；
让html=`
`;
设vid=document.querySelector（'#videoElement'）；
chrome.storage.local.set（{key:vid}，function（）{}）；
chrome.storage.local.set（{keyHtml:html}）；
}); 

1。存储不能存储像

vid

这样的DOM元素，它只能存储简单的类型，如字符串/数字和数组，或此类类型的对象，2

key.srcObject

是无效代码，因为代码3中没有变量

key

result.key什么都不做。如您所见，您可能必须重新考虑扩展的整个流程，因为消息传递无法传输DOM元素

查看您的存储中是否实际有密钥/值