let canvas;

function setup() {

  canvas = createCanvas(400, 400);

    let firebaseConfig = {

    apiKey: "AIzaSyD6xP8WS0ENebFuzI_gILhUFU2Um-h88H4",

    authDomain: "mynoisedata.firebaseapp.com",

    databaseURL: "https://mynoisedata.firebaseio.com",

    projectId: "mynoisedata",

    storageBucket: "mynoisedata.appspot.com",

    messagingSenderId: "582703076816",

    appId: "1:582703076816:web:fc3e6f7e567cf7e3bc15d5",

    measurementId: "G-8QCTL79YX0"

  };

  firebase.initializeApp(firebaseConfig);

​

  let database= firebase.database();

  let storage=firebase.storage();

  storageRef = firebase.storage().ref();

  frameRate(1);

  capture = createCapture(VIDEO);

  capture.hide();

}

​

function draw() {

  background(200);

  image(capture, 0, 0);

  let snap = canvas.elt;

  // capture.loadPixels();

  var file = capture;

  var metadata = {

  contentType: 'image/jpeg'

};

  var uploadTask = storageRef.child('images/' + file.name).put(file, metadata);

  uploadTask.on('state_changed', function(snapshot){

  // Observe state change events such as progress, pause, and resume

  // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded

  var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

  console.log('Upload is ' + progress + '% done');

  switch (snapshot.state) {

    case firebase.storage.TaskState.PAUSED: // or 'paused'

      console.log('Upload is paused');

      break;

    case firebase.storage.TaskState.RUNNING: // or 'running'

      console.log('Upload is running');

      break;

  }

}, function(error) {

  // Handle unsuccessful uploads

}, function() {

  // Handle successful uploads on complete

  // For instance, get the download URL: https://firebasestorage.googleapis.com/...

  uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {

    console.log('File available at', downloadURL);

  });

});

}