if("serviceWorker" in navigator) {
  navigator.serviceWorker.register('/serviceWorker.js').then((registration) => {
      console.log('Server worker has been registered ',registration.scope)
  } )
}

// register sync events
navigator.serviceWorker.ready.then(function(registration) {
  return registration.sync.register('send-messages');
});

// setup permissions for push notifications
Notification.requestPermission()
.then((permission) => {
  if(permission === 'granted') {
    new Notification('Shiny')
  }
})

if("mediaDevices" in navigator) {
  openCamera()
}

function openCamera() {

  const constraints = {
    video: true,
  };

  navigator.mediaDevices.getUserMedia(constraints)
    .then((stream) => {
      player.srcObject = stream;
    });
}


const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');


let player = document.getElementById("player")
let openCameraButton = document.getElementById("openCameraButton")
openCameraButton.addEventListener('click',() => {

})

let stopCameraButton = document.getElementById("stopCameraButton")
stopCameraButton.addEventListener('click',() => {
   player.srcObject.getVideoTracks().forEach(track => track.stop());
})

let takePictureButton = document.getElementById("takePictureButton")
takePictureButton.addEventListener('click',() => {
  context.drawImage(player, 0, 0, canvas.width, canvas.height);
})