<!doctype html>
<html>

<head>
  <title>Keyboard & Mouse for Xbox xCloud</title>
  <link rel="stylesheet" href="site.css">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/icon-16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/icon-32.png">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#399e51" />
  <meta name="description" content="Control any game on xCloud with a keyboard and mouse. Download the free browser extension!">
  <meta name="robots" content="index, follow">
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Keyboard & mouse support for Xbox xCloud" />
  <meta property="og:description" content="Control any game on xCloud with a keyboard and mouse. Download the free browser extension!" />
  <meta property="og:image" content="https://idolize.github.io/xcloud-keyboard-mouse/assets/store_promo_m.png" />
  <meta property="og:url" content="https://idolize.github.io/xcloud-keyboard-mouse/" />
  <meta name="twitter:title" content="Keyboard & mouse support for Xbox xCloud">
  <meta name="twitter:description" content="Control any game on xCloud with a keyboard and mouse. Download the free browser extension!">
  <meta name="twitter:image" content="https://idolize.github.io/xcloud-keyboard-mouse/assets/store_promo_m.png">
</head>

<body>
  <div id="root">
    <header>
      <a href="./">
        <div class="title">
          <img src="assets/icon-128.png" alt="Logo" />
          <h1>Keyboard &amp; Mouse<br />for Xbox xCloud</h1>
        </div>
      </a>
    </header>
    <main>
      <p class="slogan">🎮 No controller? No problem!</p>
      <div class="content">
        <p>
          A browser extension to control any game on <a href="https://xbox.com/play" rel="external nofollow noopener" target="_blank">Xbox Cloud Gaming (Project xCloud)</a> with a keyboard
          and mouse.
        </p>
        <p>
          <small><strong>NOTE</strong> This is a fan project - it is not affiliated with Microsoft or Xbox in any way.
            All Microsoft, Xbox logos/icons/trademarks are copyright of their respective owners.</small>
        </p>

        <h2>Download</h2>
        <p class="download-links">
          <a title="Download for Chrome" href="https://chrome.google.com/webstore/detail/keyboard-mouse-for-xbox-x/nmfedkijhhigaikbadoijiolmjjgoimd" rel="external nofollow noopener" target="_blank">
            <img src="assets/dl_chrome.svg" height="58" alt="Download for Chrome" />
          </a>
          <a title="Download for Edge" href="https://microsoftedge.microsoft.com/addons/detail/keyboard-mouse-for-xbox/ddgechhgijdmijagmnbhppbogpeflgih" rel="external nofollow noopener" target="_blank">
            <img src="assets/dl_edge.png" height="58" alt="Download for Edge" />
          </a>
          <a title="Download for Firefox"
            href="https://addons.mozilla.org/firefox/addon/keyboard-mouse-for-xbox-xcloud/"
            rel="external nofollow noopener" target="_blank">
            <img src="assets/dl_firefox.svg" height="58" alt="Download for Firefox" />
          </a>
          <a title="Safari info"
            href="https://github.com/idolize/xcloud-keyboard-mouse/issues/13"
            rel="external nofollow noopener" target="_blank">
            <img src="assets/dl_safari.svg" height="58" alt="Safari info" />
          </a>
          <a title="GitHub" href="https://github.com/idolize/xcloud-keyboard-mouse/" rel="external nofollow noopener" target="_blank">
            <img src="assets/github.svg" height="58" alt="View source code" />
          </a>
        </p>

        <h2>The issue with xCloud</h2>
        <p>Microsoft's cloud gaming service <a href="https://xbox.com/play" rel="external nofollow noopener" target="_blank">Xbox Cloud Gaming (aka Project xCloud)</a> lets you play your favorite Xbox games in the
        cloud, but it runs on physical Xbox consoles (not PCs) behind the scenes.</p>
        <p>Since very few games on Xbox consoles support mouse and keyboard as first-class input devices, Microsoft chose to limit
        xCloud users to only using gamepad controllers to play. This extension fixes that restriction!

        <h2>Features</h2>
        <img src="assets/extension_screenshot1.png" alt="Screenshot" /> <img
          src="assets/extension_screenshot2.png" alt="Screenshot of editing" />

        <h3>✅ Works for every game</h3>
        <ul>
          <li>Every game on xCloud is supported - regardless of whether or not it natively supports mouse and keyboard</li>
        </ul>
        <h3>✅ Quick enable/disable</h3>
        <ul>
          <li>Easily disable the mouse/keyboard override and switch back to your controller whenever you feel like it with one click</li>
        </ul>
        <h3>✅ Configurable sensitivity</h3>
        <ul>
          <li>Control how sensitive you want mouse movement to be on a per-profile basis</li>
          <li>(Note you may also need to tweak the control sensitivity in the game options as well for optimal use)</li>
        </ul>
        <h3>✅ Multiple presets</h3>
        <ul>
          <li>Manage multiple preset and custom configurations (e.g. create separate presets for "fighting games", "shooter",
            etc.)</li>
          <li>Bind multiple keyboard keys or mouse buttons to any controller button</li>
        </ul>
        <h3>✅ Respects your privacy</h3>
        <ul>
          <li>No keyboard/mouse data is ever recorded or sent anywhere from your computer</li>
          <li>The extension only runs on <a href="https://xbox.com/play" rel="external nofollow noopener" target="_blank">xCloud</a>
            and <a href="https://gamepad-tester.com" rel="external nofollow noopener" target="_blank">gamepad-tester.com</a>; not other sites you visit</li>
        </ul>

        <h2>How to enable</h2>

        <iframe width="560" height="315" src="https://www.youtube.com/embed/y_B2tf1MItc" title="YouTube video player"
          frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen></iframe>

        <p>
          Just install the extension in your browser and go to <a href="https://xbox.com/play" rel="external nofollow noopener" target="_blank">xCloud</a>!
          If you want to customize the default preset for your button mappings click the icon in the Extensions toolbar
          (it may not be pinned by default after install).
        </p>
        <p>
          You may need to configure the sensitivity in the in-game settings as well (and it is recommended to turn off any
          "deadzone" options in the game).
        </p>

        <h2>How it works</h2>
        <p>
          This extension works by acting as a <strong>"virtual" controller</strong>. It listens for keyboard presses and (optionally) mouse
          movement and translates these into what appear as <em>controller</em> button presses and analog stick movements.
        </p>
        <p>
          There is no added input delay introduced by this extension - all keyboard/mouse input is instantly translated into
          virtual controller input immediately by the extension without any extra software or steps.
        </p>

        <h2>Show your support</h2>
        <p>
          Like this extension? Why not <a class="standout" href="https://www.buymeacoffee.com/idolize" rel="external noopener" target="_blank">buy me a coffee</a>? I really appreciate it!
        </p>
        <p>You can also purchase the premium version directly inside the extension 🙏</p>

        <h2>Need help?</h2>
        <p>
          Feel free to <a href="https://github.com/idolize/xcloud-keyboard-mouse/issues" rel="external noopener" target="_blank">file an issue</a>,
          <a href="https://www.reddit.com/r/xcloudkeyboardmouse/" rel="external noopener" target="_blank">post on Reddit</a>,
          or <a href="https://discord.gg/5Jp9drge9m" rel="external nofollow noopener" target="_blank">join the Discord discussion</a>.
        </p>

      </div>
    </main>
    <footer>
      <div>Copyright (c) David Idol 2021-present</div>
      <div><a href="privacy.html">Privacy Policy</a> &middot; <a href="tos.html">Terms of Service</a></div>
    </footer>
  </div>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-W8NY91GFPF"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-W8NY91GFPF', { 'transport_type': 'beacon' });
  </script>
</body>

</html>