How to use interaction-viewer - 4 common examples

var Object3DUtil = require('geo/Object3DUtil');
var _ = require('util/util');

function RecordingViewer(params) {
  var defaults = {
  };
  this.urlParams = _.getUrlParams();
  InteractionViewer.call(this, _.defaults(Object.create(null), params, defaults));

  this.recordingId = this.urlParams.fullId;
  this.characterCreator = new CharacterCreator();
  this.timeSlider = $(this.__options.timeSlider || '#timeSlider');
  this.annotationLabels = $(this.__options.annotationLabels || '#annotationLabels');
}

RecordingViewer.prototype = Object.create(InteractionViewer.prototype);
RecordingViewer.prototype.constructor = RecordingViewer;

RecordingViewer.prototype.__loadRecording = function(recordingInfo) {
  var scope = this;
  KinectRecording.load(this.assetLoader, recordingInfo, scope.skeleton, function(err, recording) {
    if (recording) {
      scope.recording = recording;
      console.log(scope.recording);
      //scope.timeSlider.slider('option', 'max', scope.recording.duration);
      scope.timeSlider.slider('option', 'max', scope.recording.getSkeletons().length-1);
      scope.__showSkeletonAtIndex(0);
    }
  });
};

RecordingViewer.prototype.__loadScan = function(scanId) {

RecordingViewer.prototype.setupUI = function() {
  InteractionViewer.prototype.setupUI.call(this);
  var scope = this;
  this.timeSlider.slider({
    slide: function( event, ui ) {
      scope.setTime(ui.value);
    }
  });
};

RecordingViewer.prototype.__initSearch = function (options, assetGroups) {
  InteractionViewer.prototype.__initSearch.call(this, options, assetGroups);
  this.showRecording(this.recordingId, this.urlParams['startTime'], this.urlParams['endTime']);
};

function RecordingViewer(params) {
  var defaults = {
  };
  this.urlParams = _.getUrlParams();
  InteractionViewer.call(this, _.defaults(Object.create(null), params, defaults));

  this.recordingId = this.urlParams.fullId;
  this.characterCreator = new CharacterCreator();
  this.timeSlider = $(this.__options.timeSlider || '#timeSlider');
  this.annotationLabels = $(this.__options.annotationLabels || '#annotationLabels');
}