Little Adobe Edge Animate wrapper for superscrollorama.

EdgeWrapper.js

(function(global) {
  function EdgeWrapper (compId) {
    this.compId = compId;
    this.composition = AdobeEdge.getComposition(compId);
    this.stage = this.composition.getStage();
  };

  EdgeWrapper.prototype.play = function() {
    this.stage.play();
    return this;
  };

  EdgeWrapper.prototype.pause = function() {
    this.stage.stop();
    return this;
  };

  EdgeWrapper.prototype.progress = function(progress) {
    var time = progress * this.stage.getDuration();
    this.stage.stop(time);
    return this;
  };

  var tickCallback = false;
  var update = function() {
    if (tickCallback) {
      tickCallback();
    }
    requestAnimationFrame(update);
  };

  if (!global.TweenLite) {
    global.TweenLite = {
      ticker: {
        addEventListener: function(name, tickHandler) {
          tickCallback = tickHandler;
          update();
        }
      }
    };
  }

  global.EdgeWrapper = EdgeWrapper;
})(window);

Example.js

var controller = $.superscrollorama();
var compo1 = new EdgeWrapper("step1"); // Pass the name of the animate composition.

controller.pin(".compo-wrapper", 400, {
  anim: compo1,
  offset: 0
});

Hi - This looks to be what I have been looking for. I want to add this to my edge animate project. Can you please explain how this code works. Do I paste this all inside edge animate?