LocalStorage не работает в моем chrome расширении

Question

У меня есть расширение chrome, которое открывает камеру. когда я перезагружаю страницу, я хочу снова показать камеру. я использовал chrome локальное хранилище, но в консоли возникает ошибка: ключ "ключ не определен". в чем проблема, может кто-нибудь помочь мне, пожалуйста?

мой код в контенте. js

chrome.storage.local.get(['key', 'keyHtml'], function (result) {

  navigator.mediaDevices.getUserMedia({
    video: true,
  }).then(mediaStream => {
    key.srcObject = mediaStream;
  }).catch((error) => {
    console.warn(error);
  });

  result.key;
  document.body.innerHTML += keyHtml;
});

background. js

chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
  chrome.tabs.sendMessage(tabs[0].id, { ShowCamera: 'true' });
  let html = `
  <div class = "video-container">        
    <video style="width: 240px; margin: 0px;" autoplay="true" id="videoElement"></div>
  </div>`;

  let vid = document.querySelector('#videoElement');

  chrome.storage.local.set({ key: vid }, function () {});
  chrome.storage.local.set({ keyHtml: html });
});