src/widgets/Trace.js
author veltr
Tue, 18 Sep 2012 15:39:28 +0900
branchplayers-as-widgets
changeset 959 ee11ed1b739e
parent 957 4da0a5740b6c
child 960 9a278b9e3b05
permissions -rw-r--r--
Mashup Player and Dailymotion are now widgets

IriSP.Widgets.Trace = function(player, config) {
  IriSP.Widgets.Widget.call(this, player, config);
    
}

IriSP.Widgets.Trace.prototype = new IriSP.Widgets.Widget();

IriSP.Widgets.Trace.prototype.defaults = {
    js_console : false,
    url: "http://traces.advene.org:5000/",
    requestmode: 'GET',
    syncmode: "sync",
    default_subject: "IRI",
    tracer: null,
    extend: false
}

IriSP.Widgets.Trace.prototype.draw = function() {
  this.lastEvent = "";
  if (typeof window.tracemanager === "undefined") {
      console.log("Tracemanager not found");
      return;
  }
  var _this = this,
    _mdplisteners = {
        "search.open" : 0,
        "search.closed" : 0,
        "search" : 0,
        "search.cleared" : 0,
        "search.matchFound" : 0,
        "search.noMatchFound" : 0,
        "search.triggeredSearch" : 0,
        "TraceWidget.MouseEvents" : 0
    }
    _medialisteners = {
        "play" : 0,
        "pause" : 0,
        "volumechange" : 0,
        "seeked" : 0,
        "play" : 0,
        "pause" : 0,
        "timeupdate" : 2000
    };
    IriSP._(_mdplisteners).each(function(_ms, _listener) {
        var _f = function(_arg) {
            _this.eventHandler(_listener, _arg);
        }
        if (_ms) {
            _f = IriSP._.throttle(_f, _ms);
        }
        _this.onMdpEvent(_listener, _f);
    });
    IriSP._(_medialisteners).each(function(_ms, _listener) {
        var _f = function(_arg) {
            _this.eventHandler(_listener, _arg);
        }
        if (_ms) {
            _f = IriSP._.throttle(_f, _ms);
        }
        _this.media.on(_listener, _f);
    });
    
    if (!this.tracer) {
    
        this.tracer = window.tracemanager.init_trace("test", {
            url: this.url,
            requestmode: this.requestmode,
            syncmode: this.syncmode,
            default_subject: this.default_subject
        });
    
    }
    
    this.tracer.trace("TraceWidgetInit", {});
    
    this.mouseLocation = '';
    IriSP.jQuery(".Ldt-Widget").on("click mouseover mouseout", ".Ldt-TraceMe", function(_e) {
        var _target = IriSP.jQuery(this);
        
        var _widget = IriSP.jQuery(this).attr("widget-type"),
            _data = {
                "type": _e.type,
                "x": _e.clientX,
                "y": _e.clientY,
                "widget": _widget
            },
            _targetEl = _target[0],
            _class = _targetEl.className,
            _name = _targetEl.localName,
            _id = _targetEl.id,
            _value = _targetEl.value,
            _traceInfo = _target.attr("trace-info"),
            _lastTarget = _name + (_id && _id.length ? '#' + IriSP.jqEscape(_id) : '') + (_class && _class.length ? ('.' + IriSP.jqEscape(_class).replace(/\s/g,'.')).replace(/\.Ldt-(Widget|TraceMe)/g,'') : '');
        _data.target = _lastTarget
        if (typeof _traceInfo == "string" && _traceInfo.length) {
            _data.traceInfo = _traceInfo;
            _lastTarget += ( ";" + _traceInfo );
        }
        if (typeof _value == "string" && _value.length) {
            _data.value = _value;
        }
        switch(_e.type) {
            case "mouseover":
                if (_this.lastTarget != _lastTarget) {
                    _this.player.trigger('TraceWidget.MouseEvents', _data);
                } else {
                    if (typeof _this.moTimeout != "undefined") {
                        clearTimeout(_this.moTimeout);
                        _this.moTimeout = undefined;
                    }
                }
            break;
            case "mouseout":
                if (typeof _this.moTimeout != "undefined") {
                    clearTimeout(_this.moTimeout);
                }
                _this.moTimeout = setTimeout(function() {
                   if (_lastTarget != _this.lastTarget) {
                       _this.player.trigger('TraceWidget.MouseEvents', _data);
                   }
                },100);
            break;
            default:
                _this.player.trigger('TraceWidget.MouseEvents', _data);
        }
        _this.lastTarget = _lastTarget;
    });
}

IriSP.Widgets.Trace.prototype.eventHandler = function(_listener, _arg) {
    var _traceName = 'Mdp_';
    if (typeof _arg == "string" || typeof _arg == "number") {
        _arg = { "value" : _arg }
    }
    if (typeof _arg == "undefined") {
        _arg = {}
    }
    switch(_listener) {
        case 'IriSP.TraceWidget.MouseEvents':
            _traceName += _arg.widget + '_' + _arg.type;
            delete _arg.widget;
            delete _arg.type;
        break;
        case 'timeupdate':
        case 'play':
        case 'pause':
            _arg.time = this.player.getCurrentTime().milliseconds;
        case 'seeked':
        case 'volumechange':
            _traceName += 'media_' + _listener;
        break;
        default:
            _traceName += _listener.replace('.','_');
    }
    this.lastEvent = _traceName;
    if (typeof this.extend === "object" && this.extend) {
        IriSP._(_arg).extend(this.extend);
    }
    this.tracer.trace(_traceName, _arg);
    if (this.js_console && typeof window.console !== "undefined" && typeof console.log !== "undefined") {
        console.log("tracer.trace('" + _traceName + "', " + JSON.stringify(_arg) + ");");
    }
}