Merge branch 'patch-double-tap-seek' into 'master'

Double tap to seek +-15s See merge request !24

Merge branch 'patch-double-tap-seek' into 'master'
Double tap to seek +-15s See merge request !24
5b98883b · Roman Karwacik · 19ecc210 · d72f7f4b · 5b98883b · 5b98883b
Commit 5b98883b authored Dec 11, 2019 by Roman Karwacik
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 26 additions and 0 deletions

static/hammer.min.js static/hammer.min.js +7 -0

templates/base.html templates/base.html +1 -0

templates/macros.html templates/macros.html +18 -0

No files found.
--- 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 }}";