Browse Source

Add fullscreen mode

Handling the fullscreen functionality via the fullscreen JavaScript API.

Press »f« on the keyboard to enter fullscreen mode.
Michael Kühnel 12 years ago
parent
commit
2869f8a4ee
1 changed files with 21 additions and 1 deletions
  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;
 			case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break;
 			// b, period
 			// b, period
 			case 66: case 190: togglePause(); break;
 			case 66: case 190: togglePause(); break;
+			// f
+			case 70: enterFullscreen(); break;
 			default:
 			default:
 				triggered = false;
 				triggered = false;
 		}
 		}
@@ -1192,7 +1194,25 @@ var Reveal = (function(){
 		// another timeout
 		// another timeout
 		cueAutoSlide();
 		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
 	// Expose some methods publicly
 	return {
 	return {
 		initialize: initialize,
 		initialize: initialize,