Merge pull request #10 from synyx/fullscreen-mode

Fullscreen mode on presenter page
synyx · Jun 30, 2020 · fc92c71 · fc92c71
2 parents 88d9e01 + a7fd705
commit fc92c71
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/js/router.js b/js/router.js
@@ -20,6 +20,7 @@ let onNavigate = url => {
     case "#presenter":
       trigger("page/activate", "presenter");
       trigger("projects/activate", args[0]);
+      trigger("viewport/fullscreen", true);
       break;
     default:
       trigger("page/activate", "home");

diff --git a/js/viewport.js b/js/viewport.js
@@ -1,9 +1,28 @@
-import { db, connector, connect, handler, withInputSignals } from "flyps";
+import {
+  db,
+  connector,
+  connect,
+  effector,
+  handler,
+  withInputSignals,
+} from "flyps";
 import { h } from "flyps-dom-snabbdom";
 import { mat4 } from "gl-matrix";
 
 let matrix3d = mat => `matrix3d(${mat.join(",")})`;
 
+/**
+ * effectors
+ */
+
+effector("fullscreen", fullscreen => {
+  if (fullscreen) {
+    document.documentElement.requestFullscreen({ navigationUI: "hide" });
+  } else {
+    document.exitFullscreen();
+  }
+});
+
 /**
  * connectors
  */
@@ -59,6 +78,10 @@ function dbHandler(eventId, handlerFn, interceptors) {
 
 dbHandler("viewport/set-rect", (db, id, rect) => setViewportRect(db, rect));
 
+handler("viewport/fullscreen", (_causes, _id, fullscreen) => ({
+  fullscreen: fullscreen,
+}));
+
 /**
  * views
  */