Quellcode durchsuchen

Add fullscreen mode

Handling the fullscreen functionality via the fullscreen JavaScript API.

Press »f« on the keyboard to enter fullscreen mode.
Michael Kühnel vor 12 Jahren
Ursprung
Commit
2869f8a4ee
1 geänderte Dateien mit 21 neuen und 1 gelöschten Zeilen
  1. 21 1
      js/reveal.js

+ 21 - 1
js/reveal.js

@@ -435,6 +435,8 @@ var Reveal = (function(){
 			case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break;
 			// b, period
 			case 66: case 190: togglePause(); break;
+			// f
+			case 70: enterFullscreen(); break;
 			default:
 				triggered = false;
 		}
@@ -1192,7 +1194,25 @@ var Reveal = (function(){
 		// another timeout
 		cueAutoSlide();
 	}
-	
+
+	/**
+	 * Handling the fullscreen functionality via the fullscreen API
+	 * @see http://fullscreen.spec.whatwg.org/ 
+	 * @see https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode 
+	 */
+	function enterFullscreen() {
+		var element = document.body;
+		
+		// Check which implementation is available
+		var requestMethod = element.requestFullScreen ||
+							element.webkitRequestFullScreen ||
+							element.mozRequestFullScreen ||
+							element.msRequestFullScreen;
+		if (requestMethod) {
+			requestMethod.apply(element);
+		}
+	}
+
 	// Expose some methods publicly
 	return {
 		initialize: initialize,