socialmedia: comparison js/playscreen.js

Mercurial Mercurial > socialmedia / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

js/playscreen.js

changeset 19	685c406c7d8c
parent 18	cd85b780f4a5
child 20	8b0a464fb5ac

equal deleted inserted replaced

-:cd85b780f4a5
+:685c406c7d8c
 	});
 var topicHash = document.location.hash || "#selectedtopics=5,15&visibletopics=5,10,15";
 var pageParams = {};
-var syncVideo = true,
-	syncTimer;
-function deSync() {
-	syncVideo = false;
-	clearTimeout(syncTimer);
-	syncTimer = setTimeout(function() {
-		syncVideo = true;
-	},5000);
-}
 topicHash
 	.replace(/^#/,'')
 	.split('&')
 	.forEach(function(p) {
 		var s = p.split('=');
 		);
 	for (var i = 0; i < data.chapters.length; i++) {
 		var chap = data.chapters[i];
 		if (chap.startTime > player.currentTime && topics.indexOf(chap.topic) !== -1) {
 			player.setCurrentTime(chap.startTime);
-				throttledShowLocal();
 				return;
 		}
 	}
 	/* If next not found, loop around ! */
 	for (var i = 0; i < data.chapters.length; i++) {
 		var chap = data.chapters[i];
 		if (topics.indexOf(chap.topic) !== -1) {
 			player.setCurrentTime(chap.startTime);
-				throttledShowLocal();
 				return;
 		}
 	}
 }
 		}
 	}
 }
 function showTopics(topiclist) {
 var tbhtml = topiclist.reduce(function(mem, topic) {
 var wordsToShow = topic.words.slice(0,4),
 max = wordsToShow[0].weight,
 min = Math.min(wordsToShow[wordsToShow.length - 1].weight, max - .01),
 scale = 8 / (max - min);
+	    	function line(words) {
+	    		return '<ul class="topic-words">' + words.reduce(function(memwords, word) {
+	                return memwords
+	                    + '<li style="font-size: '
+	                    + ( 8 + scale * (word.weight - min) )
+	                    + 'px;">'
+	                    + word.word
+	                    + '</li>';
+	            },"") + '</ul>';
+	    	}
 var li = '<li class="shadow-block topic" data-topic-id="'
 + topic.index
-+ '" data-timestamp="999999"><ul class="topic-words">'
++ '" data-timestamp="999999">'
-+ wordsToShow.reduce(function(memwords, word) {
++ line(wordsToShow.filter(function( v, k ) {
-return memwords
+	return !(k % 2);
-+ '<li style="font-size: '
+}))
-+ ( 8 + scale * (word.weight - min) )
++ line(wordsToShow.filter(function( v, k ) {
-+ 'px;">'
+	return !!(k % 2);
-+ word.word
+}))
-+ '</li>';
+	+ '</li>';
-},"")
-+ '</ul></li>';
 return mem + li;
 },'');
-var tb = $(".topics-block");
+var tb = $(".topics-list");
 tb.html(tbhtml);
 tb.css("top",0);
 showTopicViz();
 }
 				for (var j = 0; j < res.length; j++) {
 					var tweetids = res[j],
 						ntw = tweetids.length,
 						topicweight = data.topics[j].weights[mmstruct.mmsoindex];
 					for (var k = 0; k < tweetids.length; k++) {
-						var relevance = topicweight * (ntw - k) / ntw,
+						var relevance = topicweight + .5 * (ntw - k) / ntw,
 							tweetid = tweetids[k];
 						if (!requestedtweets[tweetid]) {
 							requestedtweets[tweetid] = {
 								id: tweetid,
 								status: 0,
 		globalIndic.css("top", yscale * t);
 		if (localyscale) {
 			var localy = (+t - localpos + localduration / 2) * localyscale;
 			localIndic.css("top", localy);
 		}
-	if (syncVideo) {
+	if (timelock) {
 		localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, t));
 		throttledShowLocal();
 	}
 	});
 $(".prev-button").click(function() {
 	goToPrev();
 	return false;
 	});
-$(".topics-block").on("mouseenter", ".topic", function() {
+$(".topics-list").on("mouseenter", ".topic", function() {
 var el = $(this);
 el.addClass("hover");
 showTopicViz();
 }).on("mouseleave", ".topic", function() {
 $(this).removeClass("hover");
 	h.on("tap", function(e) {
 		var _o = $(this).offset(),
 			posX = e.gesture.center.pageX - _o.left,
 			posY = e.gesture.center.pageY - _o.top;
 		if (posX < 140) {
-			deSync();
+			if (timelock) {
-			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale)));
+			player.setCurrentTime(Math.max(0, Math.min(data.duration, Math.floor(posY / yscale))));
-			throttledShowLocal();
+			} else {
+				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, Math.floor(posY / yscale)));
+				throttledShowLocal();
+			}
 		}
 	})
 	.on("dragstart", function(e) {
 		startPos = localpos;
 		var x = e.gesture.center.pageX - $(this).offset().left;
 		scrollGlobal = (x < 140);
 	})
 	.on("drag", function(e) {
 		if (isDragging && e.gesture) {
 			var delta = Math.floor(e.gesture.deltaY / (scrollGlobal ? yscale : - localyscale));
-			deSync();
+			if (timelock) {
-			localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, startPos + delta));
+			player.setCurrentTime(Math.max(0, Math.min(data.duration, startPos + delta)));
-			throttledShowLocal();
+			} else {
+				localpos = Math.max(localduration / 2, Math.min(data.duration - localduration / 2, startPos + delta));
+				throttledShowLocal();
+			}
 		}
 	})
 	.on("touch", function(e) {
 		startLevel = currentlevel;
 	})
 	$(".keyword-search a").removeClass("placeholder").text(pageParams.keywords.join(", "));
 }
 var moveInterval;
-$(".left-arrow").data("direction", -3);
+$(".left-arrow").data("direction", 3);
-$(".right-arrow").data("direction", 3);
+$(".right-arrow").data("direction", -3);
 $(".left-arrow,.right-arrow")
 	.on("mouseenter touchstart", function() {
 		clearInterval(moveInterval);
 		var moveDirection = $(this).data("direction");
 		moveInterval = setInterval(function() {
 			var t = $(".topics-block");
-			t.css("left", + moveDirection + parseFloat(t.css("left")));
+			var newcss =  + moveDirection + parseFloat(t.css("left"));
+			if ((moveDirection > 0 && newcss > 30) || (moveDirection < 0 && newcss < (t.parent().width() - t.children().width() - 30))) {
+				clearInterval(moveInterval);
+				return;
+			}
+			t.css("left", newcss);
 		}, 20);
 	})
 	.on("mouseleave touchend", function() {
 		clearInterval(moveInterval);
 	});
+$(".play-localtweets").on("click", "li", function() {
+	player.setCurrentTime(parseInt($(this).attr("data-timestamp")));
+	return false;
+});
 $(".play-localtweets").on("click", "li a", function() {
 	var userid = $(this).attr("data-user-id");
 	$.getJSON(
 			solrUrl(
 				"twitter",
 				$(".user-tweets-list").html(html);
 				$(".user-name").text(tweets[0].from_user_name);
 			}
 		);
 		return false;
+});
+var timelock = true;
+$(".lock-button").click(function() {
+	timelock = !timelock;
+	if (timelock) {
+		$(this).addClass("locked").attr("title", "Découpler la lecture et la visualisation");
+	} else {
+		$(this).removeClass("locked").attr("title", "Coupler la lecture et la visualisation");
+	}
+	return false;
 });
 checkOrGoNext();
 }

socialmedia