Преглед изворни кода

Add fullscreen mode

Handling the fullscreen functionality via the fullscreen JavaScript API.

Press »f« on the keyboard to enter fullscreen mode.
Michael Kühnel пре 11 година
родитељ
комит
2869f8a4ee
1 измењених фајлова са 21 додато и 1 уклоњено
  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,