assets loader

  var images = [];
  for (var i = 0; i < 50; i++) {
      images.push({
          url: 'http://lorempixel.com/100/100?' + i,
          type: 'jpg'
      });
  }

  var loader = new AssetsLoader({
          log: true,
          assets: images
      })
      .on('error', function(error) {
          container.innerHTML = error;
      })
      .on('progress', function(progress) {
          container.innerHTML = (progress * 100).toFixed() + '%';
      })
      .on('complete', function(map) {
          console.log(map);
          container.innerHTML = '';
          loader.get().forEach(function(image) {
              container.appendChild(image);
          })
      })
      .start();
      

  var container = document.querySelector('[data-js="container-video"]');
  var loader = new AssetsLoader({ log: true })
      .add({
          id: 'video',
          url: 'https://dl.dropboxusercontent.com/u/15470024/prototypes/video/counter.webm',
          blob: true
      })
      .on('error', function(error) {
          container.innerHTML = error;
      })
      .on('progress', function(progress) {
          container.innerHTML = (progress * 100).toFixed() + '%';
      })
      .on('complete', function(map) {
          console.log(map);
          container.innerHTML = '';
          var el = document.createElement('video');
          container.appendChild(el);
          // var url = files[0];
          var url = map.video;
          if (window.Blob && url instanceof window.Blob) {
              url = window.URL.createObjectURL(url);
              var revoke = function() {
                  el.removeEventListener('canplaythrough', revoke);
                  window.URL.revokeObjectURL(url);
              };
              el.addEventListener('canplaythrough', revoke);
          }
          el.preload = 'auto';
          el.controls = 'controls';
          el.src = url;
          el.load();
      })
      .start();