0

I have created chrome extension which opens camera when click extension icon. my code in content.js works well. but when i reload site camera disappears. I know that if i want to show camera even reload page i have to use localStorage. But when i try to use it my camera doesn't work. can you help me please? can you show me how can i use localStorage for this case?

here is my code in content.js

chrome.runtime.onMessage.addListener(
    function({ShowCamera}, sender, sendResponse) {
        if(ShowCamera){
            let html = `
            <div class = "video-container">        
              <video style="width: 240px; margin: 0px;" autoplay="true" id="videoElement"></div>
            </div>`

            function setupCam() {
                 navigator.mediaDevices.getUserMedia({
                   video: true
                }).then(mediaStream => {
                    document.querySelector('#videoElement').srcObject = mediaStream;
                }).catch((error) => {
                  console.warn(error);
                });
              }

              setupCam();
              document.body.innerHTML += html;
            }   
 });

background.js

chrome.browserAction.onClicked.addListener(function(){
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {ShowCamera: "true"});    
  });
})
Mosh Feu
  • 28,354
  • 16
  • 88
  • 135
Salome Sulaberidze
  • 87
  • 1
  • 8
  • 1
    Does this answer your question? [Chrome extension: accessing localStorage in content script](https://stackoverflow.com/questions/3937000/chrome-extension-accessing-localstorage-in-content-script) – JDB Mar 11 '20 at 15:56
  • when i tried this, it did not worked – Salome Sulaberidze Mar 11 '20 at 16:08
  • "_dis not worked_" doesn't help us to narrow down the problem. An error message would be more helpful, or a clear description of what you were expecting and what is happening instead. It's also possible that the issue you are experiencing has nothing to do with local storage. "_when i reload site camera disappears. I know that if i want to show camera even reload page i have to use localStorage._" <- this doesn't make sense to me. – JDB Mar 11 '20 at 16:10

1 Answers1

0
chrome.storage.local.set({ myKeyForCamAccess: 'myValueHere' });

chrome.storage.local.get('myKeyForCamAccess', (data) => {
        if (data.myKeyForCamAccess) {
          //do somthing
        }
      });
Anastasis
  • 699
  • 1
  • 8
  • 25