</h1> <h2>Status: <code id="statusField">NO-STATUS</code></h2> <h1>Full-screen and Mouse-lock Example</h1> <ul> <li>There are two different kinds of fullscreen mode: "tab fullscreen" and "browser fullscreen". <ul> <li>Tab fullscreen refers to when a tab enters fullscreen mode via the JS or Pepper fullscreen API. The NaCl Module will enter or exit fullscreen when it has focus and the enter key is pressed.</li> <li>Browser fullscreen refers to the user putting the browser itself into fullscreen mode from the UI (e.g., pressing F11).</li> </ul> </li> <li>Lock mouse: <ul> <li>Mouse Lock refers to removing the standard mouse cursor, and sending mouse messages to the module even when the cursor is outside of the module's bounding box. The NaCl module will enter or exit mouse lock by clicking on the grey box representing the bounding area of the module. </ul> </li> <li>Involuntary fullscreen or mouselock loss. <ul> <li>Pressing the Esc key will cause the browser to revoke mouselock or tab fullscreen priviledge.</li> <li>When in browser fullscreen, pressing F11 will also revoke mouselock or tab fullscreen priviledge.</li> </ul> </li> </ul> <p> Move the mouse cursor over the grey box to watch the captured mouse movement. Notice that messages are normally not captured when the cursor is outside of the grey box.</p> <p> By clicking on the grey box, we set focus and turn on mouse lock. Now all mouse messages are sent to the module.</p> <p> This behavoir is maintianed even in tab and/or browser fullscreen.</p>  <div id="listener"></div> </body> </html>