js/playscreen.js
author veltr
Thu, 28 Mar 2013 18:44:51 +0100
changeset 16 9a82fbbf6377
parent 14 3aa6b9963de0
child 17 8ee8c9ea2a9f
permissions -rw-r--r--
tweet refresh fix
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     1
var topicPoubelle = 13;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     2
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     3
var adjust = 54;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     4
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     5
var deltaT = new Date("Wed, 02 May 2012 19:00:00 +0000") / 1000 + adjust;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     6
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
     7
function solrUrl(table, params) {
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
     8
    var u = "http://159.217.144.101:8050/sia-solr/" + table + "/select?" + $.param(params) + "&wt=json&json.wrf=?";
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
     9
    console.log(u);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
    10
    return u;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    11
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    12
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    13
function showData() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    14
    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    15
    var topicHash = document.location.hash || "#selectedtopics=5,15&visibletopics=5,10,15";
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    16
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    17
    var pageParams = {};
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    18
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    19
    var syncVideo = true,
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    20
    	syncTimer;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    21
    
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    22
    function deSync() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    23
    	syncVideo = false;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    24
    	clearTimeout(syncTimer);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    25
    	syncTimer = setTimeout(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    26
    		syncVideo = true;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    27
    	},5000);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    28
    }
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    29
    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    30
    topicHash
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    31
    	.replace(/^#/,'')
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    32
    	.split('&')
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    33
    	.forEach(function(p) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    34
    		var s = p.split('=');
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    35
    		pageParams[s[0]] = s[1].split(",").map(function(t) { return decodeURIComponent(t)});
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    36
    	})
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    37
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    38
    var ordertag = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    39
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    40
    function secsToString(seconds) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    41
        var hours = Math.floor(seconds/3600),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    42
            minutes = Math.floor(seconds/60) % 60,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    43
            secs = Math.floor(seconds % 60);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    44
        function pad(n) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    45
            var r = n.toString();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    46
            while (r.length < 2) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    47
                r = "0" + r;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    48
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    49
            return r;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    50
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    51
        return (hours ? (hours + ":") : "") + pad(minutes) + ":" + pad(secs);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    52
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    53
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    54
    $(".duration").text(secsToString(data.duration));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    55
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    56
    var nmmso = data.segments.length;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    57
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    58
    data.topics.forEach(function(topic) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    59
        topic.score = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    60
        topic.weights = [];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    61
        for (var i = 0; i < nmmso; i++) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    62
            topic.weights.push(0);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    63
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    64
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    65
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    66
    data.segments.forEach(function(mmso, i) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    67
        mmso.topics.forEach(function(t) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    68
            data.topics[t.topic].weights[i] = t.weight;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    69
            data.topics[t.topic].score += t.weight;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    70
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    71
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    72
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    73
    var sortedTopics = data.topics.filter(function(t) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
    74
        return pageParams.visibletopics.indexOf(t.index.toString()) !==-1 && t.index !== topicPoubelle;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    75
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
    76
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    77
    function hasTopics(mmso, topics) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    78
    	for (var j = 0; j < mmso.topics.length; j++) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    79
			if (topics.indexOf(mmso.topics[j].topic) !== -1) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    80
				return true;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    81
			}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    82
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    83
		return false;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    84
    }
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    85
    
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    86
    function checkOrGoNext() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    87
    	var topics = Array.prototype.slice.call(
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    88
    		$(".topic.selected").map(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    89
    			return parseInt($(this).attr("data-topic-id"))
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    90
			})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    91
		);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    92
		var currentMmso = _(data.segments).find(function(s) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    93
			return s.start <= player.currentTime && s.end > player.currentTime;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    94
		});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    95
		
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    96
		if (hasTopics(currentMmso, topics)) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    97
			throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    98
		} else {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
    99
			goToNext();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   100
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   101
		
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   102
    }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   103
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   104
    function goToNext() {
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   105
    	var topics = Array.prototype.slice.call(
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   106
    		$(".topic.selected").map(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   107
    			return parseInt($(this).attr("data-topic-id"));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   108
			})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   109
		);
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   110
    	for (var i = 0; i < data.segments.length; i++) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   111
    		var mmso = data.segments[i];
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   112
    		if (mmso.start >= player.currentTime && hasTopics(mmso, topics)) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   113
    			player.setCurrentTime(mmso.start);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   114
				throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   115
				return;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   116
    		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   117
    	}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   118
    }
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   119
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   120
    function showTopics(topiclist) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   121
        var tbhtml = topiclist.reduce(function(mem, topic) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   122
            var wordsToShow = topic.words.slice(0,3),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   123
                max = wordsToShow[0].weight,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   124
                min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   125
                scale = 8 / (max - min);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   126
            var li = '<li class="shadow-block topic" data-topic-id="'
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   127
                + topic.index
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   128
                + '" data-timestamp="999999"><ul class="topic-words">'
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   129
                + wordsToShow.reduce(function(memwords, word) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   130
                    return memwords
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   131
                        + '<li style="font-size: '
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   132
                        + ( 8 + scale * (word.weight - min) )
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   133
                        + 'px;">'
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   134
                        + word.word
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   135
                        + '</li>';
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   136
                },"")
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   137
                + '</ul></li>';
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   138
            return mem + li;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   139
        },'');
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   140
        var tb = $(".topics-block");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   141
        tb.html(tbhtml);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   142
        tb.css("top",0);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   143
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   144
        showTopicViz();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   145
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   146
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   147
    var tweetLines = [];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   148
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   149
    function showTopicViz() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   150
        var selectedBlocks = $(".topic.selected, .topic.hover"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   151
            sbl = selectedBlocks.length,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   152
            topicBlocks = $(".topic");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   153
        if (!sbl && topicBlocks.length < sortedTopics.length) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   154
            selectedBlocks = topicBlocks;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   155
            sbl = selectedBlocks.length;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   156
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   157
        var topicsAndColors = [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   158
        	colors = {};
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   159
        selectedBlocks.each(function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   160
            var el = $(this),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   161
                topicid = parseInt(el.attr("data-topic-id"));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   162
            topicsAndColors.push({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   163
                "$": el,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   164
                timestamp: parseInt(el.attr("data-timestamp")),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   165
                hovered: el.hasClass("hover"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   166
                id: topicid,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   167
                topic: data.topics[topicid]
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   168
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   169
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   170
        topicsAndColors.sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   171
           return ( a.timestamp - b.timestamp ) || ( a.id - b.id );
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   172
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   173
        topicBlocks.css("background","");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   174
        topicsAndColors.forEach(function(topic, i) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   175
            topic.color = topic.hovered ? "#ffff00" : colorset[i % colorset.length];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   176
            colors[topic.id] = topic.color;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   177
            topic.$.css("background", topic.color);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   178
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   179
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   180
        for (var i = 0; i < nmmso; i++) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   181
            var opacity = 0,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   182
                rgb = [0,0,0];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   183
            topicsAndColors.forEach(function(topic) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   184
                var c = Raphael.getRGB(topic.color),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   185
                    o = topic.topic.weights[i];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   186
                rgb[0] += c.r * o;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   187
                rgb[1] += c.g * o;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   188
                rgb[2] += c.b * o;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   189
                opacity += o;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   190
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   191
            if (opacity) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   192
                color = Raphael.rgb.apply(Raphael, rgb.map(function(c) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   193
                    return c/opacity;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   194
                }));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   195
                var attr = {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   196
                    fill: color,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   197
                    opacity: .5 + .5 * opacity
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   198
                };
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   199
                segmentrects[i].show();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   200
                segmentrects[i].attr(attr);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   201
                if (i >= localMmsoDelta && i < localMmsoDelta + localMmsos.length) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   202
                	localMmsos[i - localMmsoDelta].show();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   203
                	localMmsos[i - localMmsoDelta].attr(attr);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   204
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   205
            } else {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   206
                segmentrects[i].hide();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   207
                if (i >= localMmsoDelta && i < localMmsoDelta + localMmsos.length) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   208
                	localMmsos[i - localMmsoDelta].hide();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   209
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   210
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   211
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   212
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   213
        tweetLines.forEach(function(tl) { tl.remove(); });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   214
        tweetLines = [];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   215
        
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   216
        var deltaY = $(".play-bottom").offset().top;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   217
        
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   218
        $(".play-localtweets .tweet:visible").each(function() {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   219
        	var el = $(this),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   220
        		liY = + el.offset().top + el.outerHeight() / 2 - deltaY,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   221
        		tY = localyscale * (+el.attr("data-timestamp") - localpos + localduration / 2),
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   222
        		p = "M" + localL + "," + tY + "L" + localR + "," + tY + "L400," + liY,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   223
        		path = paper.path(p);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   224
    		$(this).css("background",colors[el.attr("data-topic-id")] || "");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   225
    		path.attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   226
    			stroke: "#ccc"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   227
    		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   228
    		tweetLines.push(path);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   229
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   230
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   231
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   232
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   233
    var jqsvg = $(".play-svg"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   234
        paper = new Raphael(jqsvg[0]),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   235
        totalR = jqsvg.width(),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   236
        ph = jqsvg.height(),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   237
        globW = 85,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   238
        globL = 40,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   239
        entonnoirR = 155,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   240
        localL = 235,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   241
        localW = 85,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   242
        localR = (localL + localW),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   243
        localTimeR = (localL + localW) + globL,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   244
        globR = (globW + globL),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   245
        yscale = ph / data.duration,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   246
        mx = Math.max.apply(Math, data.minutes.map(function(s) { return s.count})),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   247
        xscale = globW/mx;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   248
    var segmentrects = data.segments.map(function(mmso) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   249
        var rect = paper.rect(globL, yscale * mmso.start, globW, yscale * mmso.duration);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   250
        rect.attr({stroke: "none"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   251
        return rect;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   252
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   253
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   254
    var d = "M" + data.minutes.map(function(s) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   255
            var x = globL + xscale * s.count;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   256
            return x
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   257
                + ","
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   258
                + yscale * (s.from + 20)
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   259
                + "L"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   260
                + x
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   261
                + ","
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   262
                + yscale * (s.from + 40);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   263
        }).join("L");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   264
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   265
    paper.path(d).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   266
        "stroke-width": 4,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   267
        "stroke": "#000000",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   268
        opacity: .5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   269
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   270
    paper.path(d).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   271
        "stroke-width": 1,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   272
        "stroke": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   273
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   274
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   275
    for (var i=0; i < data.duration; i += 1800) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   276
        var y = yscale * i;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   277
        paper.path("M0" + "," + y + "l" + globR + ",0").attr({stroke: "#666"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   278
        paper.text(0, y + 6, secsToString(i)).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   279
        	"text-anchor": "start",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   280
            "fill": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   281
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   282
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   283
    paper.text(0, ph-8, secsToString(data.duration)).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   284
        "text-anchor": "start",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   285
        "fill": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   286
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   287
    paper.path("M0" + globR + ",0L" + localTimeR + ",0" ).attr({stroke: "#666"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   288
    paper.path("M0," + (ph-1) + "l" + localTimeR + ",0" ).attr({stroke: "#666"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   289
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   290
    paper.path("M" + globR + ",0l0," + ph).attr({stroke: "#666"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   291
    paper.path("M" + localL + ",0l0," + ph).attr({stroke: "#666"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   292
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   293
    var entonnoir = paper.path("").attr("fill","#333"),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   294
    	localStartText = paper.text(localTimeR,6,"").attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   295
    		"text-anchor": "end",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   296
    		"fill": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   297
    	}),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   298
    	localEndText = paper.text(localTimeR,ph - 8, "").attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   299
    		"text-anchor": "end",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   300
    		"fill": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   301
    	}),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   302
    	localTimes = [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   303
    	localMmsos = [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   304
    	localMmsoDelta,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   305
    	mmsoAlt = [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   306
    	lowerFiveSecs,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   307
    	higherFiveSecs,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   308
    	localyscale;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   309
	
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   310
	entonnoir.toBack();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   311
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   312
    var cloudTemplate = _.template('<li style="font-size: <%- size %>px;"<% if (selected) {%> class="selected"<% } %>><%- word %></li>');
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   313
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   314
    var globalIndic = $(".global-position"),
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   315
    	localIndic = $(".local-position"),
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   316
    	playTime = $(".current-time");
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   317
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   318
    function showLocal() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   319
		localyscale = ph / localduration;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   320
    	var localstart = localpos - localduration/2;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   321
    		localend = localpos + localduration/2;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   322
    		globtop = yscale * localstart,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   323
    		globbottom = yscale * localend,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   324
    		betweenx = (globR + entonnoirR) / 2,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   325
    		betweenyt = (globtop) / 2,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   326
    		betweenyb = (globbottom + ph) / 2,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   327
    		curve = (entonnoirR - globR) / 2,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   328
    		entonnoird = "M0," + globtop + "l" + globR + ",0Q" + betweenx + "," + globtop + "," + betweenx + ","
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   329
    			+ Math.max(globtop - curve, betweenyt) + "L" + betweenx + "," + Math.min(curve, betweenyt) + "Q"
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   330
    			+ betweenx + ",0," + entonnoirR + ",0"
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   331
    			+ "L" + localR + ",0L" + localR + "," + ph + "L" + entonnoirR + "," + ph + "Q" + betweenx + "," + ph + ","
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   332
    			+ betweenx + "," + Math.max(ph - curve, betweenyb) +"L" + betweenx + "," + Math.min(globbottom + curve, betweenyb)
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   333
    			+ "Q" + betweenx + "," + globbottom + "," + globR + "," + globbottom + "L0," + globbottom,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   334
			localkeywords = {};
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   335
			
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   336
		entonnoir.attr("path",entonnoird);
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   337
    	localIndic.css("top",(player.currentTime - localstart) * localyscale);
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   338
		localTimes.forEach(function(t) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   339
			t.text.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   340
			t.line.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   341
		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   342
		localMmsos.forEach(function(t) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   343
			t.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   344
		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   345
		mmsoAlt.forEach(function(t) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   346
			t.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   347
		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   348
		var filteredSegments = data.segments.filter(function(s) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   349
			return s.start < localend && s.end > localstart;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   350
		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   351
		localMmsoDelta = parseInt(filteredSegments[0].id.split("_")[1]);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   352
		localMmsos = filteredSegments.map(function(s) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   353
			var y = localyscale * (s.start - localstart),
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   354
				h = localyscale * s.duration,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   355
				rect = paper.rect( localL, y, localW, h ),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   356
				visibled = (
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   357
					s.start < localstart
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   358
					? s.duration - localstart + s.start
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   359
					: (
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   360
						s.end > localend
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   361
						? s.duration - s.end + localend
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   362
						: s.duration
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   363
					)
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   364
				);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   365
			_(s.keywords).each(function(v,k) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   366
				localkeywords[k] = (v * visibled) + (localkeywords[k] || 0);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   367
			});
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   368
	        rect.attr({stroke: "none", title: s.id});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   369
	        if (parseInt(s.id.replace("MMSO_","")) % 2) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   370
	        	var altrect = paper.rect( localR, y, 60, h);
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   371
	        	altrect.attr({stroke: "none", fill: "#222"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   372
	        	mmsoAlt.push(altrect);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   373
	        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   374
	        return rect;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   375
		});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   376
		localStartText.attr("text", secsToString(localstart)).toFront();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   377
		localEndText.attr("text", secsToString(localend)).toFront();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   378
		for ( var i = (1 + Math.floor(localstart / 120)) * 120; i < localend; i += 120 ) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   379
			var y = localyscale*(i - localstart)
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   380
			localTimes.push({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   381
				text: paper.text(localTimeR,6+y,secsToString(i)).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   382
		    		"text-anchor": "end",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   383
		    		"fill": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   384
		    	}),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   385
		    	line: paper.path("M0" + localL + "," + y + "L" + localTimeR + "," + y).attr({stroke: "#666"})
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   386
			});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   387
		}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   388
		if (lowerFiveSecs) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   389
			lowerFiveSecs.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   390
		}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   391
		if (higherFiveSecs) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   392
			higherFiveSecs.remove();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   393
		}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   394
		var filteredFiveSecs = data.fiveseconds.slice(Math.floor(localstart / 5), Math.ceil(localend / 5));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   395
        var counts = filteredFiveSecs.map(function(s) { return s.count}),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   396
        	lmx = Math.max.apply(Math, counts),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   397
        	lmi = Math.min.apply(Math, counts.concat([lmx - 1]))
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   398
        	lxscale = localW/(lmx-lmi);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   399
       	
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   400
	    var d = "M" + filteredFiveSecs.map(function(s) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   401
	            var x = localL + lxscale * (s.count - lmi);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   402
	            return x
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   403
	                + ","
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   404
	                + localyscale * (s.from + 1 - localstart)
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   405
	                + "L"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   406
	                + x
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   407
	                + ","
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   408
	                + localyscale * (s.from + 4 - localstart);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   409
	        }).join("L");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   410
	        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   411
	    lowerFiveSecs = paper.path(d).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   412
	        "stroke-width": 4,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   413
	        "stroke": "#000000",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   414
	        opacity: .5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   415
	    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   416
	    higherFiveSecs = paper.path(d).attr({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   417
	        "stroke-width": 1,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   418
	        "stroke": "#ffffff"
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   419
	    });
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   420
	    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   421
	    var imghtm = '', imgrate = localduration / 12, imgstart = imgrate * Math.floor(localstart / imgrate), imgend = imgrate * Math.ceil(localend / imgrate);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   422
	    for (var i = imgstart; i <= imgend; i+= imgrate) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   423
	    	var imgsrc = i + '.png';
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   424
	    	while (imgsrc.length < 9) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   425
	    		imgsrc = '0' + imgsrc;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   426
	    	}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   427
	    	var imgy = Math.floor( localyscale * (i - localstart) - 22.5 )
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   428
	    	imghtm += '<img src="thumbnails/' + imgsrc + '" style="top: ' + imgy +'px;" />';
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   429
	    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   430
	    $(".play-images").html(imghtm);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   431
	    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   432
	    $(".play-localtweets .tweet").each(function() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   433
	    	var el = $(this),
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   434
	    		t = parseInt(el.attr("data-timestamp"));
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   435
    		if (t > localstart && t < localend) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   436
    			el.show();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   437
    		} else {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   438
    			el.hide();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   439
    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   440
	    });
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   441
	    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   442
	    localkeywords = _(localkeywords)
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   443
	    	.chain()
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   444
	    	.map(function(v,k) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   445
	    		return { word: k, score: v }
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   446
	    	})
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   447
	    	.sortBy(function(w) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   448
	    		return -w.score;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   449
	    	})
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   450
	    	.first(40)
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   451
	    	.value();
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   452
    	
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   453
    	var values = _(localkeywords).pluck('score'),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   454
    		max = Math.max.apply(Math, values),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   455
    		min = Math.min.apply(Math, values),
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   456
    		scale = 10 / (max - Math.min(max - .1, min)),
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   457
    		selectedVisible = false;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   458
		
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   459
		localkeywords.forEach(function(w) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   460
			w.size = 10 + (w.score - min) * scale;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   461
			w.selected = (w.word === selectedWord);
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   462
			selectedVisible = selectedVisible || w.selected;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   463
		});
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   464
    	
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   465
    	if (!selectedVisible) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   466
    		selectedWord = false;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   467
    	}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   468
    	
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   469
    	$(".play-tagcloud").html(localkeywords.map(cloudTemplate).join(""));
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   470
	    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   471
		throttledGetTweets();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   472
		showTopicViz();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   473
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   474
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   475
    $(".play-tagcloud").on("click","li", function() {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   476
    	if ($(this).hasClass("selected")) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   477
    		selectedWord = false;
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   478
    	} else {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   479
    		selectedWord = $(this).text();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   480
    	}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   481
    	throttledShowLocal();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   482
    });
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   483
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   484
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   485
    var lastPos, lastDuration, lastTopics;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   486
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   487
    var tweetTemplate = _.template('<li class="tweet" data-timestamp="<%= timestamp %>" data-topic-id="<%= topic.topic %>"><img src="<%- data.profile_image_url %>" /><p>@<%- data.from_user_name %>: <%= data.htext %></p></li>'),
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   488
    	callnum = 0,
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   489
    	tweetstructure = {},
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   490
    	requestedtweets = {},
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   491
    	_NTWEETS = 50,
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   492
    	selectedWord = false;
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   493
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   494
    function showTweets() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   495
    	var toshow = [];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   496
    	var topics = Array.prototype.join.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")})).split(",");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   497
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   498
    	for (var i = 0; i < localMmsos.length; i++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   499
    		var mmso = data.segments[localMmsoDelta + i];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   500
    		var mmsostruct = tweetstructure[mmso.id];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   501
    		if (mmsostruct) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   502
	    		for (var j = 0; j < topics.length; j++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   503
	    			var topicid = topics[j];
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   504
					if (mmsostruct.tweetids) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   505
						var tweetids = mmsostruct.tweetids[topicid];
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   506
						for (var k = 0; k < tweetids.length; k++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   507
							toshow.push(tweetids[k]);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   508
						}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   509
					}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   510
	    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   511
    		}
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   512
    	}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   513
    	toshow = _(toshow).uniq();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   514
    	    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   515
    	var tweetstoshow = toshow.map(function(tid) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   516
    		return requestedtweets[tid];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   517
    	}).filter(function(tw) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   518
    		return ((tw.status == 2) && (tw.timestamp > (localpos - localduration / 2)) && (tw.timestamp < (localpos + localduration / 2)));
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   519
		});
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   520
				
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   521
		if (selectedWord) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   522
			var rx = new RegExp(selectedWord.replace(/(\W)/gm,'\\$1'),'im');
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   523
			tweetstoshow = tweetstoshow.filter(function(tw) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   524
				return rx.test(tw.data.text);
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   525
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   526
		}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   527
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   528
		tweetstoshow.forEach(function(tw) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   529
			tw.topic = tw.topics.filter(function(t) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   530
				return topics.indexOf(t.topic.toString()) !== -1;
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   531
			}).sort(function(a,b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   532
				return b.weight - a.weight
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   533
			})[0];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   534
		});
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   535
		
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   536
		tweetstoshow = tweetstoshow.filter(function(t) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   537
			return !!t.topic;
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   538
		});
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   539
				
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   540
		tweetstoshow.sort(function(a, b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   541
			return b.topic.weight - a.topic.weight; 
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   542
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   543
		
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   544
		if (tweetstoshow.length < 8) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   545
			var randtweets = data.randomtweets.filter(function(tw) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   546
				return (tw.timestamp > (localpos - localduration / 2)) && (tw.timestamp < (localpos + localduration / 2))
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   547
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   548
			var mod = Math.ceil(randtweets.length / 8);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   549
			randtweets = randtweets.filter(function(v,k) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   550
				return !(k % mod);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   551
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   552
			tweetstoshow = tweetstoshow.concat(randtweets);
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   553
		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   554
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   555
		tweetstoshow = tweetstoshow.slice(0,10);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   556
		
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   557
		if (selectedWord) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   558
			var rx = new RegExp( '(' + selectedWord.replace(/(\W)/gm,'\\$1') + ')', 'gim' );
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   559
			tweetstoshow.forEach(function(tw) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   560
				tw.data.htext = _(tw.data.text).escape().replace(rx,'<span class="highlight">$1</span>');
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   561
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   562
		} else {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   563
			tweetstoshow.forEach(function(tw) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   564
				tw.data.htext = _(tw.data.text).escape();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   565
			})
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   566
		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   567
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   568
		tweetstoshow.sort(function(a, b) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   569
			return a.timestamp - b.timestamp;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   570
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   571
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   572
		var html = tweetstoshow.map(tweetTemplate).join("");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   573
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   574
		$(".play-localtweets").html(html);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   575
		var h = 0;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   576
		$(".play-localtweets .tweet").each(function() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   577
			h += $(this).outerHeight();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   578
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   579
		$(".play-localtweets .tweet").css("margin-top",Math.max(0,($(".play-bottom").height() - h)/(tweetstoshow.length+1)));
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   580
		showTopicViz();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   581
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   582
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   583
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   584
    function getMmsoTweetIds(mmstruct) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   585
    	TopicsBean.bestSocialInteractionsIdsMatching(mmstruct.mmsoid, 0, _NTWEETS, {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   586
			callback: function(res) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   587
				mmstruct.status = 2;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   588
				mmstruct.tweetids = res;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   589
				for (var j = 0; j < res.length; j++) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   590
					var tweetids = res[j],
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   591
						ntw = tweetids.length,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   592
						topicweight = data.topics[j].weights[mmstruct.mmsoindex];
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   593
					for (var k = 0; k < tweetids.length; k++) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   594
						var relevance = topicweight * (ntw - k) / ntw,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   595
							tweetid = tweetids[k];
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   596
						if (!requestedtweets[tweetid]) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   597
							requestedtweets[tweetid] = {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   598
								id: tweetid,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   599
								status: 0,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   600
								topics: []
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   601
							}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   602
						}
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   603
						requestedtweets[tweetid].topics.push({
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   604
							topic: j,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   605
							weight: relevance
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   606
						});
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   607
					}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   608
				}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   609
				debouncedGetTweetData();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   610
			},
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   611
			errorHandler: function(err,info) {
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   612
				mmstruct.status = 0;
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   613
				console.error(err,info);
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   614
				debouncedGetTweetIds();
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   615
			}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   616
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   617
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   618
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   619
    var _MAX_BATCH = 20;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   620
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   621
    function getTweetIds() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   622
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   623
    	console.log("getTweetIds");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   624
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   625
    	var toload = [];
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   626
    	
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   627
    	_(tweetstructure).each(function(w) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   628
			if (!w.status) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   629
				w.status = 1;
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   630
				toload.push(w);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   631
			}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   632
    	});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   633
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   634
    	if (toload.length) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   635
    		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   636
    		if (toload.length > _MAX_BATCH) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   637
    			toload = _(toload).shuffle().slice(0,_MAX_BATCH);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   638
    			window.setInterval(throttledGetTweetIds,0);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   639
    		}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   640
    		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   641
    		dwr.engine.beginBatch();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   642
    		toload.forEach(getMmsoTweetIds);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   643
    		dwr.engine.endBatch();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   644
    	}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   645
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   646
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   647
    function getTweetData() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   648
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   649
    	console.log("getTweetData");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   650
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   651
    	var toload = [];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   652
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   653
    	_(requestedtweets).each(function(v) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   654
			if (!v.status) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   655
				toload.push(v.id);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   656
			}
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   657
		});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   658
		
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   659
		if (toload.length) {
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   660
			toload = toload.slice(0,200);
10
veltr
parents: 9
diff changeset
   661
			toload.forEach(function(twid) {
veltr
parents: 9
diff changeset
   662
				requestedtweets[twid].status = 1;
veltr
parents: 9
diff changeset
   663
			})
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   664
			$.getJSON(
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   665
			solrUrl(
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   666
				"twitter",
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   667
				{
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   668
					q:"id:(" + toload.join(" OR ") + ")",
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   669
					fl: "id_str,created_at,from_user_name,text,profile_image_url",
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   670
					rows: toload.length
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   671
				}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   672
			),
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   673
			function(t) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   674
				var tweets = t.response.docs;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   675
				tweets.forEach(function(tweet) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   676
					var timestamp = new Date(tweet.created_at).valueOf() / 1000 - deltaT;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   677
					requestedtweets[tweet.id_str].data = tweet;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   678
					requestedtweets[tweet.id_str].status = 2;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   679
					requestedtweets[tweet.id_str].timestamp = timestamp;
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   680
				});
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   681
				throttledShowTweets();
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   682
				debouncedGetTweetData();
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   683
			});
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   684
		}
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   685
		
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   686
		
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   687
		
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   688
    }
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   689
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   690
    debouncedGetTweetData = _(getTweetData).debounce(125);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   691
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   692
    throttledGetTweetIds = _(getTweetIds).throttle(10000);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   693
    
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   694
    debouncedGetTweetIds = _(throttledGetTweetIds).debounce(125);
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   695
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   696
    throttledShowTweets = _(showTweets).throttle(200);
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   697
    
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   698
    function getLocalTweets() {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   699
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   700
    	console.log("getLocalTweets");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   701
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   702
    	var topics = Array.prototype.join.call($(".topic.selected").map(function(){return $(this).attr("data-topic-id")})).split(",");
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   703
    	
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   704
    	for (var i = 0; i < localMmsos.length; i++) {
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   705
    		var mmso = data.segments[localMmsoDelta + i];
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   706
    		if (!tweetstructure[mmso.id]) {
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   707
    			tweetstructure[mmso.id] = {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   708
    				mmsoid: mmso.id,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   709
    				mmsoindex: localMmsoDelta + i,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   710
    				status: 0
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   711
    			}
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   712
    		}
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   713
    	}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   714
    	
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   715
    	throttledGetTweetIds();
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   716
    	throttledShowTweets();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   717
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   718
    
6
14dd1980b0b9 MMSO Caching
veltr
parents: 5
diff changeset
   719
    var throttledGetTweets = _.throttle(getLocalTweets, 500),
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   720
    	throttledShowLocal = _.throttle(showLocal, 100);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   721
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   722
    showTopics(sortedTopics);
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   723
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   724
    pageParams.selectedtopics.forEach(function(id) {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   725
    	$(".topic[data-topic-id=" + id + "]").addClass("selected").attr("data-timestamp",++ordertag);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   726
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   727
    
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   728
    var localpos = 300,
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   729
    	localduration = 600;
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   730
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   731
   	var player = new Player();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   732
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   733
   	player.duration = data.duration;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   734
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   735
   	player.on("play", function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   736
   		$(".play-button").html("▐&nbsp;▌");
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   737
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   738
   	player.on("pause", function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   739
   		$(".play-button").text("▶");
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   740
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   741
   	player.on("timeupdate", function(t) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   742
   		playTime.text(secsToString(t));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   743
   		globalIndic.css("top", yscale * t);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   744
   		if (localyscale) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   745
   			var localy = (+t - localpos + localduration / 2) * localyscale;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   746
   			localIndic.css("top", localy);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   747
   		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   748
    	if (syncVideo) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   749
    		localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, t));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   750
    		throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   751
    	}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   752
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   753
   	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   754
   	$(".play-button").click(function() {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   755
   		if (player.paused) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   756
   			player.play();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   757
   		} else {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   758
   			player.pause();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   759
   		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   760
   	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   761
    
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   762
    $(".next-button").click(goToNext);
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   763
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   764
    $(".topics-block").on("mouseenter", ".topic", function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   765
        var el = $(this);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   766
        el.addClass("hover");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   767
        showTopicViz();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   768
    }).on("mouseleave", ".topic", function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   769
        $(this).removeClass("hover");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   770
        showTopicViz();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   771
    }).on("click", ".topic", function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   772
        var el = $(this);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   773
        $(this).toggleClass("selected");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   774
        el.attr("data-timestamp", el.hasClass("selected") ? ++ordertag : 999999);
16
9a82fbbf6377 tweet refresh fix
veltr
parents: 14
diff changeset
   775
		throttledGetTweets();
9a82fbbf6377 tweet refresh fix
veltr
parents: 14
diff changeset
   776
		showTopicViz();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   777
    });
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   778
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   779
	var h = Hammer($(".play-bottom")[0]);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   780
	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   781
	var scrollGlobal, isDragging, startPos, startLevel, scaleStep = 1/Math.log(Math.sqrt(2));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   782
	
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   783
	h.on("tap", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   784
		var _o = $(this).offset(),
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   785
			posX = e.gesture.center.pageX - _o.left,
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   786
			posY = e.gesture.center.pageY - _o.top;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   787
		if (posX < 140) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   788
			deSync();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   789
			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale)));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   790
			throttledShowLocal();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   791
		}
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   792
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   793
	.on("dragstart", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   794
		startPos = localpos;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   795
		var x = e.gesture.center.pageX - $(this).offset().left;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   796
		isDragging = (x < 380);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   797
		scrollGlobal = (x < 140);
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   798
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   799
	.on("drag", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   800
		if (isDragging && e.gesture) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   801
			var delta = Math.floor(e.gesture.deltaY / (scrollGlobal ? yscale : - localyscale));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   802
			deSync();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   803
			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, startPos + delta));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   804
			throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   805
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   806
	})
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   807
	.on("touch", function(e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   808
		startLevel = currentlevel;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   809
	})
12
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   810
	.on("pinchin pinchout", function(e) {
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   811
		var x = e.gesture.center.pageX - $(this).offset().left;
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   812
		if (x > 380) {
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   813
			return;
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   814
		}
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   815
		var newlevel = Math.max(
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   816
			0,
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   817
			Math.min(
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   818
				zoomlevels.length - 1,
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   819
				startLevel + Math.round(Math.log(e.gesture.scale)*scaleStep) * (x > 140 ? 1 : -1)
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   820
			)
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   821
		);
81a8bb1d872a ipad bugfixes
veltr
parents: 11
diff changeset
   822
		//$("#konsole").text(e.gesture.scale + " => " + newlevel);
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   823
		if (newlevel !== currentlevel) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   824
			currentlevel = newlevel;
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   825
			localduration = zoomlevels[currentlevel];
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   826
			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, localpos));
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   827
			throttledShowLocal();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   828
		}
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   829
	});
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   830
   
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   831
    var totalScroll = 0, zoomlevels = [ 1800, 900, 600, 300, 120, 60 ], currentlevel = 2;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   832
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   833
    $(".play-bottom")
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   834
    .mousedown(function(_e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   835
    	_e.preventDefault();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   836
    })
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   837
    .on("touchstart", function(_e) {
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   838
    	_e.preventDefault();
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   839
    })
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   840
    .mousewheel(function(_event, _scrolldelta) {
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   841
    	totalScroll += _scrolldelta;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   842
	    if (Math.abs(totalScroll) >= 1) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   843
	    	var d = (totalScroll > 0 ? 1 : -1),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   844
	    		newlevel = Math.max(0, Math.min(zoomlevels.length - 1, currentlevel + d));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   845
    		if (newlevel !== currentlevel) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   846
    			currentlevel = newlevel;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   847
    			localduration = zoomlevels[currentlevel];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   848
    			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, localpos));
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   849
    			throttledShowLocal();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   850
    		}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   851
	        totalScroll = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   852
	    }
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   853
	    _event.preventDefault();
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   854
    });
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   855
    
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   856
    if (pageParams.keywords && pageParams.keywords.length) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   857
    	$(".keyword-search a").removeClass("placeholder").text(pageParams.keywords.join(", "));
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   858
    }
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   859
    
11
9833f3e24105 Added video player
veltr
parents: 10
diff changeset
   860
    checkOrGoNext();
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   861
}
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   862
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   863
var data = { duration: 10200, topics: [] },
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   864
    colorset = ["#E41A1C", "#377EB8", "#4DAF4A", "#984EA3", "#FF7F00", "#A65628", "#F781BF"];
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   865
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   866
$(function() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   867
	
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   868
	dwr.engine.setErrorHandler(function(a, b) { console.error("DWR", b); });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   869
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   870
    $(".topics-block").draggable({axis:"x"});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   871
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   872
    var loadedSteps = 0,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   873
        stepsToFullyLoaded = 0;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   874
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   875
    function checkIfLoaded() {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   876
        loadedSteps++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   877
        if (loadedSteps >= stepsToFullyLoaded) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   878
            setTimeout(showData,0);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   879
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   880
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   881
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   882
    function loadJson(url, propname, callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   883
        stepsToFullyLoaded++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   884
        $.getJSON(url, function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   885
            if (callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   886
                var res = callback(d);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   887
            } else {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   888
                var res = d;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   889
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   890
            if (propname) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   891
                data[propname] = res;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   892
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   893
            checkIfLoaded();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   894
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   895
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   896
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   897
    function loadFromTopicsBean(method, propname, args, callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   898
        stepsToFullyLoaded++;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   899
        var arg = args || [],
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   900
            cb = function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   901
                if (callback) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   902
                    var res = callback(d);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   903
                } else {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   904
                    var res = d;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   905
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   906
                if (propname) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   907
                    data[propname] = res;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   908
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   909
                checkIfLoaded();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   910
            }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   911
        arg.push({callback: cb});
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   912
        TopicsBean[method].apply(TopicsBean,arg);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   913
    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   914
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   915
    loadJson("data/minutes.json", "minutes");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   916
    loadJson("data/5secs.json", "fiveseconds");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   917
    
14
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   918
    var t = Math.floor(30*Math.random());
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   919
    
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   920
    function pad(n) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   921
        var r = n.toString();
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   922
        while (r.length < 2) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   923
            r = "0" + r;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   924
        }
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   925
        return r;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   926
    }
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   927
        
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   928
    loadJson(
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   929
    	solrUrl(
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   930
    		"twitter",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   931
    		{
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   932
    			q: "created_at:(*\\:*\\:"
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   933
    				+ pad(t)
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   934
    				+ "* OR *\\:*\\:"
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   935
    				+ (30+t)
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   936
    				+ "*)",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   937
    			group: "true",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   938
    			"group.field": "created_at",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   939
    			"fl": "id_str,created_at,from_user_name,text,profile_image_url",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   940
    			"rows": 800
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   941
    		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   942
		),
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   943
		"randomtweets",
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   944
		function(d) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   945
			var randtweets = d.grouped.created_at.groups.map(function(g) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   946
				var tweet = g.doclist.docs[0];
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   947
				return {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   948
					topic: { topic: -1, weight: 0 },
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   949
					timestamp: (new Date(tweet.created_at).valueOf() / 1000 - deltaT),
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   950
					data: tweet
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   951
				}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   952
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   953
			randtweets.sort(function(a,b) {
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   954
				return a.timestamp - b.timestamp;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   955
			});
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   956
			return randtweets;
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   957
		}
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   958
    )
3aa6b9963de0 Added topic labels
veltr
parents: 12
diff changeset
   959
    
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   960
    loadJson(
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   961
        solrUrl("MMSO", {q: "*:*", fl: "topic*,MMSO_id,multimediaSegment,keywordsFromSocial", rows: 250 }),
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   962
        "segments",
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   963
        function(d) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   964
            return d.response.docs.map(function(mmso) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   965
                var tc = mmso.multimediaSegment.match(/\d+/g),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   966
                    start = parseInt(tc[0]),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   967
                    end = parseInt(tc[1]),
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   968
                    topics = [],
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   969
                    keywords = {};
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   970
                
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   971
                function getKeywords(field) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   972
                	var keywordtexts = mmso[field].replace(/[{}]/g,'').split(", ");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   973
	                keywordtexts.forEach(function(k) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   974
	                	var t = k.split('='),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   975
	                		s = parseFloat(t[1]),
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   976
	                		w = t[0].split(" ");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   977
	            		w.forEach(function(m) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   978
	            			if (m.length > 2) {
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   979
	            				keywords[m] = s + (keywords[m] || 0);
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   980
	            			}
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   981
	            		});
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   982
	                });
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   983
                }
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   984
                
9
5b743d461f99 Clickable tagcloud + tweet request limiting
veltr
parents: 7
diff changeset
   985
                //getKeywords("keywordsFromAudio");
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   986
                getKeywords("keywordsFromSocial");
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
   987
                
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   988
                for (var k in mmso) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   989
                    if (k.substr(0,5) === "topic" && mmso[k] > .01) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   990
                        topics.push({
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   991
                            topic: parseInt(k.substr(5)),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   992
                            weight: mmso[k]
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   993
                        })
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   994
                    }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   995
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   996
                topics.sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   997
                    return b.weight - a.weight;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   998
                });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
   999
/*                topics = topics.filter(function(t) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1000
                    return t.topic !== topicPoubelle
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1001
                }).slice(0,1);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1002
                topics[0].weight = 1; */
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1003
                return {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1004
                    id: mmso.MMSO_id,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1005
                    start: start,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1006
                    end: end,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1007
                    duration: end - start,
7
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1008
                    topics: topics,
a2d5b669f663 new data access method
veltr
parents: 6
diff changeset
  1009
                    keywords: keywords
5
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1010
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1011
            }).sort(function(a,b) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1012
                return a.start - b.start;
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1013
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1014
        })
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1015
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1016
    dwr.engine.setTimeout(60000);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1017
    TopicsBean._path = "http://159.217.144.101:8050/sia-solr/dwr";
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1018
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1019
    loadFromTopicsBean("getTopicsNumber",false,false,function(topic_count) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1020
        for (var i = 0; i < topic_count; i++) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1021
            data.topics.push(null);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1022
        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1023
        dwr.engine.beginBatch();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1024
        data.topics.forEach(function(v, k) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1025
            loadFromTopicsBean("getTopicDistribution",false,[k, 50, false],function(topic) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1026
                var words = topic.match(/[^=,{]+=0.\d{0,8}/g);
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1027
                data.topics[k] = {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1028
                    index: k,
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1029
                    words: words.map(function(w) {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1030
                        var parts = w.split("=");
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1031
                        return {
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1032
                            word: parts[0].trim(),
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1033
                            weight: parseFloat(parts[1])
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1034
                        }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1035
                    })
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1036
                }
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1037
            });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1038
            
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1039
        });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1040
        dwr.engine.endBatch();
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1041
        
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1042
    });
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1043
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1044
    
490e4d1b6fee started work on "play" screen
veltr
parents:
diff changeset
  1045
});