Double tap to seek +-15s

d72f7f4b · Roman Sebastian Karwacik · 19ecc210 · d72f7f4b · d72f7f4b · d72f7f4b
Commit d72f7f4b authored Dec 11, 2019 by Roman Sebastian Karwacik
--- a/static/hammer.min.js
+++ b/static/hammer.min.js
--- a/templates/base.html
+++ b/templates/base.html
@@ -37,6 +37,7 @@
 		<script src="{{url_for('static', filename='videojs/videojs-resolution-switcher.js')}}"></script>
 		<script src="{{url_for('static', filename='videojs/videojs.hotkeys.js')}}"></script>
 		<script src="{{url_for('static', filename='videojs/videojs-markers.js')}}"></script>
+		<script src="{{url_for('static', filename='hammer.min.js')}}"></script>
 		{% endblock %}
 	</head>
 	<body>

--- a/templates/macros.html
+++ b/templates/macros.html
@@ -64,6 +64,24 @@
 $(function() {
 	$('#videoplayer').addClass("vjs-fluid");
 	$('#videoplayer').css("width");
+	var videoobj = document.getElementById("videoplayer");
+	var player = videojs("videoplayer");
+	var manager = new Hammer.Manager(videoobj);
+
+	var DoubleTap = new Hammer.Tap({
+	  event: 'doubletap',
+	  taps: 2
+	});
+
+	manager.add(DoubleTap);
+
+	manager.on('doubletap', function(e) {
+	  if(e.center.x<(e.target.clientWidth/2)) {
+	    player.currentTime(player.currentTime() - 15);
+	  } else {
+	    player.currentTime(player.currentTime() + 15);
+	  }
+	});
 	videojs("videoplayer").ready(function() {
 		//resume
 		var progress_key = "progress_{{ lecture.id }}";