native_client_sdk/src/examples/api/mouse_lock/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4 Copyright (c) 2012 The Chromium Authors. All rights reserved.
   5 Use of this source code is governed by a BSD-style license that can be
   6 found in the LICENSE file.
   7 -->
   8 <head>
   9   <meta http-equiv="Pragma" content="no-cache">
  10   <meta http-equiv="Expires" content="-1">
  11   <title>{{title}}</title>
  12   <script type="text/javascript" src="common.js"></script>
  13 </head>
  14 <body data-width="300" data-height="300" {{attrs}}>
  15   <h1>{{title}}</h1>
  16   <h2>Status: <code id="statusField">NO-STATUS</code></h2>
  17   <ul>
  18     <li>There are two different kinds of fullscreen mode: "tab fullscreen" and
  19         "browser fullscreen".
  20       <ul>
  21         <li>Tab fullscreen refers to when a tab enters fullscreen mode via the
  22             JS or Pepper fullscreen API.  The NaCl Module will enter or
  23             exit fullscreen when it has focus and the enter key is pressed.</li>
  24         <li>Browser fullscreen refers to the user putting the browser itself
  25             into fullscreen mode from the UI (e.g., pressing F11).</li>
  26       </ul>
  27     </li>
  28     <li>Lock mouse:
  29       <ul>
  30         <li>Mouse Lock refers to removing the standard mouse cursor, and
  31             sending mouse messages to the module even when the cursor is outside
  32             of the module's bounding box.  The NaCl module will enter or exit
  33             mouse lock by clicking on the grey box representing the bounding
  34             area of the module.
  35       </ul>
  36     </li>
  37     <li>Involuntary fullscreen or mouselock loss.
  38       <ul>
  39         <li>Pressing the Esc key will cause the browser to revoke mouselock
  40             or tab fullscreen privilege.</li>
  41         <li>When in browser fullscreen, pressing F11 will also revoke mouselock
  42             or tab fullscreen privilege.</li>
  43       </ul>
  44     </li>
  45   </ul>
  46   <p> Move the mouse cursor over the grey box to watch the captured mouse
  47       movement.   Notice that messages are normally not captured when the cursor
  48       is outside of the grey box.</p>
  49   <p> By clicking on the grey box, we set focus and turn on mouse lock.  Now all
  50       mouse messages are sent to the module.</p>
  51   <p> This behavior is maintained even in tab and/or browser fullscreen.</p>
  52   <!-- The NaCl plugin will be embedded inside the element with id "listener".
  53       See common.js.-->
  54   <div id="listener"></div>
  55 </body>
  56 </html>