> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Información general sobre la aplicación de prueba de contenido web (CTA)

> Información general sobre la aplicación de prueba de contenido web (CTA)

En este tema se describe la lista de herramientas de desarrollo que están disponibles en [xbox.com/play/dev-tools](https://www.xbox.com/play/dev-tools). Estas herramientas se han diseñado para usarse con los exploradores Edge y Chrome en Windows, y con Safari en Mac, iOS y iPadOS.

* [Página de aterrizaje](#landing-page)
* [Selección de ofertas](#offering-selection)
* [Conexión remota](#remote-connect)
* [Menú de configuración de desarrollo](#dev-settings-menu)
* [Menú de herramientas de desarrollo](#dev-tools-menu)

<a id="landing-page" />

## Página principal del desarrollador

Para empezar a usar las herramientas de desarrollo, simplemente visite [xbox.com/play/dev-tools](https://www.xbox.com/play/dev-tools) o inicie una experiencia de streaming basada en web como [xbox.com/play](https://www.xbox.com/play/) y entre en el modo de desarrollador siguiendo estos pasos:

1. Abra la configuración
   <img src="https://mintcdn.com/microsoft-4404708b/nTPVBuko1tKGsd6P/images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-me-settings.webp?fit=max&auto=format&n=nTPVBuko1tKGsd6P&q=85&s=6f99c1a4807303e873fdf87a5258e456" alt="Captura de pantalla de la apertura de la configuración" width="1765" height="431" data-path="images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-me-settings.webp" />

2. Haga clic o pulse en "Account" **10 veces en rápida sucesión** para mostrar la pestaña de configuración de desarrollador
   <img src="https://mintcdn.com/microsoft-4404708b/nTPVBuko1tKGsd6P/images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-account.webp?fit=max&auto=format&n=nTPVBuko1tKGsd6P&q=85&s=426c5b0766183735eb1d8fbee3531425" alt="Captura de pantalla de la pestaña de cuenta de la configuración al hacer clic" width="1771" height="591" data-path="images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-account.webp" />

3. Haga clic en el botón "Developer Tools Home". Es posible que haya diferentes opciones disponibles en la pestaña de desarrollador en función del estado de inicio de sesión y del acceso de la cuenta.
   <img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-dev-settings.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=fe93be3ea75e8351e87321d2cab7eb2d" alt="Captura de pantalla de la pestaña de desarrollador de la configuración" width="1531" height="1127" data-path="images/gdk/features/common/game-streaming-web-cta-dev-settings.png" />

<Note>En iOS o iPadOS, puede guardar esta página como una aplicación web progresiva (PWA) haciendo clic en el botón de compartir y seleccionando "Add to Home Screen". Una vez configurada, esta PWA recordará su cuenta y su configuración, lo que facilita volver más tarde para continuar con las pruebas.</Note>

* Para las cuentas comerciales, deje el sandbox en blanco e inicie sesión con la misma cuenta con la que se ha iniciado sesión en el kit de desarrollo de XBOX o que está configurada para acceder a una oferta privada.

<Note>Para las cuentas de prueba de sandbox, recuerde rellenar el identificador de sandbox antes de iniciar sesión. Si no se hace, es posible que algunas características no funcionen correctamente, ya que estas cuentas no tienen acceso a las características comerciales. En este caso, puede ser necesario cerrar manualmente la sesión de la cuenta visitando otro sitio web de Microsoft, como [outlook.com](https://www.outlook.com), y volver a intentarlo con el identificador de sandbox correcto.</Note>

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-landing-page-signin.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=65b27ba4ef15e8a5692d39a5849a4281" alt="Captura de pantalla del cuadro de diálogo de inicio de sesión" width="1318" height="859" data-path="images/gdk/features/common/game-streaming-web-cta-landing-page-signin.png" />

Una vez iniciada la sesión, esta página de aterrizaje tiene vínculos para acceder rápidamente a la reproducción remota y a la selección de ofertas privadas. Dependiendo de si la cuenta con la que se ha iniciado sesión se ha asociado a un kit de desarrollo de XBOX o se le ha concedido acceso a una oferta privada, algunas de las opciones pueden estar deshabilitadas. Si la cuenta no tiene acceso a ningún escenario de desarrollador, se mostrará un mensaje de error con información sobre cómo realizar la configuración. Las secciones siguientes ofrecen más detalles sobre los requisitos específicos de configuración de la cuenta.

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-landing-page.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=6f2ebaf10f15f97bf43a648035fee186" alt="Captura de pantalla de la página de aterrizaje" width="1327" height="790" data-path="images/gdk/features/common/game-streaming-web-cta-landing-page.png" />

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-landing-page-oops.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=3335080b03974f9a6552e58b743aae77" alt="Captura de pantalla del error de la página de aterrizaje" width="1324" height="997" data-path="images/gdk/features/common/game-streaming-web-cta-landing-page-oops.png" />

<a id="offering-selection" />

## Selección de ofertas

Las ofertas son los entornos de prueba privados que se usan para validar los juegos que se ejecutan en hardware de centros de datos. Para obtener más información sobre las ofertas, consulte la información de la [Información general sobre el streaming de juegos](/build/core-features/common/game-streaming/game-streaming-overview#what-are-private-offerings).

Para usar una oferta específica, vaya a [xbox.com/play/dev-tools/select-offering](https://www.xbox.com/play/dev-tools/select-offering) o haga clic en "Select Offering" en la página principal del desarrollador. En la página de selección de ofertas, las ofertas a las que tiene acceso aparecerán rellenadas previamente en la lista desplegable. A continuación, puede seleccionar la oferta y hacer clic en conectar. Si por algún motivo la oferta deseada no está en la lista desplegable, puede introducirla manualmente en el cuadro de entrada superior y hacer clic en "Add offering".

Después de hacer clic en conectar, se le dirigirá a la página principal del catálogo configurada para su oferta. Habrá texto en la página que indica que ahora está usando una oferta personalizada. Si no puede acceder a la oferta, asegúrese de haber iniciado sesión con una cuenta que esté autorizada para usar esa oferta específica.

### Regiones de las ofertas

Dado que las ofertas se conectan a un centro de datos real, es importante poder realizar pruebas en diferentes regiones y experimentar la experiencia de streaming representativa de esa región. Actualmente, las ofertas no enrutan automáticamente a los usuarios al centro de datos disponible más cercano. En su lugar, esto se puede controlar manualmente con el menú desplegable de región de streaming del menú de configuración de desarrollo o con el parámetro de consulta `user.region`. Tenga en cuenta que las regiones disponibles deben configurarse con antelación; póngase en contacto con su representante de cuenta de Microsoft para ajustar las regiones disponibles de su oferta.

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-offering-selection.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=05d5d894c48e36949e51808cd6001575" alt="Captura de pantalla de la página de selección de ofertas" width="1888" height="993" data-path="images/gdk/features/common/game-streaming-web-cta-offering-selection.png" />

<a id="remote-connect" />

## Conexión remota

La conexión remota permite al usuario conectarse de forma remota a los kits de desarrollo de XBOX que se han habilitado con características remotas para ese usuario. Para habilitar esta experiencia, primero deben realizarse pasos en el kit de desarrollo de XBOX.

### Configuración del kit de desarrollo de XBOX

* Tenga en cuenta que debe realizar esta parte antes de intentar iniciar sesión en el sitio web de conexión remota; si aún no ha configurado un kit de desarrollo de XBOX para el uso remoto con su cuenta, la página de conexión remota le redirigirá de nuevo a la página de aterrizaje de xbox.com/play.
* Inicie sesión en el kit de desarrollo de XBOX con la cuenta (incluida una cuenta de sandbox) que usará desde el sitio web
* Si lo desea, asigne un nombre al kit de desarrollo de XBOX para poder identificarlo fácilmente
* Vaya a Dev Home -> Streaming -> en "Remote Connect", seleccione su cuenta.
  * Como alternativa, la conexión remota también se puede habilitar a través de la configuración de consumidor: vaya a Dev Home -> Settings -> Launch Settings -> Devices & Connections -> Remote Features -> Enable Remote Features para habilitar la conexión remota

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-dev-home-streaming-enable-direct-connect.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=760dc6361383a0a01619a05ecd4c49e0" alt="Captura de pantalla de la página Streaming Remote Connect" width="1920" height="1080" data-path="images/gdk/features/common/game-streaming-dev-home-streaming-enable-direct-connect.png" />

### Configuración de la aplicación de prueba de contenido web

Asegúrese de haber completado el paso anterior de configuración de su kit de desarrollo de XBOX antes de continuar. Si no ha habilitado las características remotas en su kit de desarrollo de XBOX, la característica de conexión remota puede estar deshabilitada en la página principal de las herramientas de desarrollo.

Siga los pasos indicados al principio de esta página para iniciar sesión con la misma cuenta que se configuró para la reproducción remota en el kit de desarrollo de XBOX. Recuerde introducir el identificador de sandbox para una cuenta de prueba de sandbox.

Una vez que haya iniciado sesión y esté en [Developer Tools Home](https://www.xbox.com/play/dev-tools), seleccione la opción de conexión remota para ver una lista de los dispositivos a los que el usuario puede conectarse. Las instrucciones para agregar un nuevo dispositivo también se encuentran en esta página haciendo clic en el botón "Setup New XBOX".

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-remote-connect.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=eb132f82ab1eb407b9c0a69d6db147fd" alt="Captura de pantalla de la conexión remota mostrando las opciones para conectarse a un dispositivo y configurar un nuevo xbox" width="771" height="440" data-path="images/gdk/features/common/game-streaming-web-cta-remote-connect.png" />

<Note>Asegúrese de que el dispositivo cliente desde el que se conecta a su kit de desarrollo de XBOX esté en la misma red que su kit de desarrollo de XBOX. Las conexiones también funcionarán a través de una VPN. El tráfico de red hacia el kit de desarrollo de XBOX fluirá por el puerto UDP 9002, por lo que este puerto también debe estar desbloqueado en la configuración de red.</Note>

<a id="dev-settings-menu" />

## Menú de configuración de desarrollo

Al usar una oferta personalizada o conectarse a un kit de desarrollo de XBOX remoto, encontrará un conjunto de opciones de configuración de desarrollo accesibles desde el menú de configuración. Se puede acceder al menú de configuración haciendo clic en la foto del perfil de usuario en la esquina superior derecha y seleccionando configuración. Estas opciones de configuración de desarrollo incluyen la posibilidad de volver a la página principal de las herramientas de desarrollo, cambiar las ofertas privadas y ajustar los valores de configuración de la transmisión. La [Información general sobre la configuración de la transmisión](/build/core-features/common/game-streaming/game-streaming-content-test-application-stream-config) incluye más información sobre los valores específicos de configuración de la transmisión que se pueden invalidar.

* Habilitar la [instalación local (sideload) de TAK](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line)
* Dirección del servidor de instalación local
* Habilitar la actualización automática: habilite la actualización automática para la instalación local de TAK
* Permitir la interacción con el mouse: permita la interacción con el mouse en el streaming con TAK

Este menú de configuración de desarrollo está además habilitado siempre en las páginas [xbox.com/play/dev-tools/select-offering](https://www.xbox.com/play/dev-tools/select-offering) y [xbox.com/play/dev-tools/direct-connect](https://www.xbox.com/play/dev-tools/direct-connect).

<img src="https://mintcdn.com/microsoft-4404708b/nTPVBuko1tKGsd6P/images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-me-settings.webp?fit=max&auto=format&n=nTPVBuko1tKGsd6P&q=85&s=6f99c1a4807303e873fdf87a5258e456" alt="Captura de pantalla de la apertura de la configuración" width="1765" height="431" data-path="images/gdk/features/common/game-streaming-web-cta-dev-mode-activation-me-settings.webp" />

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-dev-settings.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=fe93be3ea75e8351e87321d2cab7eb2d" alt="Captura de pantalla del modo de desarrollo" width="1531" height="1127" data-path="images/gdk/features/common/game-streaming-web-cta-dev-settings.png" />

<a id="dev-tools-menu" />

## Menú de herramientas de desarrollo

Al transmitir desde una oferta personalizada o desde un kit de desarrollo de XBOX, tendrá acceso al menú de desarrollador, que se encuentra en la esquina inferior izquierda de la transmisión. Después de hacer clic en este menú, tendrá la posibilidad de cambiar el diseño de TAK activo si usa la [CLI de TAK para instalar localmente sus diseños](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line).

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-web-cta-dev-menu.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=da9086e49bbde7d804555be56201e771" alt="Captura de pantalla del menú de desarrollo" width="1827" height="1933" data-path="images/gdk/features/common/game-streaming-web-cta-dev-menu.png" />

## Mouse y teclado

El mouse y el teclado desbloquean la experiencia de juego a la que los usuarios se han acostumbrado y ofrecen la oportunidad de que los usuarios jueguen a juegos que solo admiten mouse y teclado. Además, esto permite a los usuarios jugar a títulos compatibles con mouse y teclado cuando no tienen un mando. Para los desarrolladores, la compatibilidad con el teclado desbloquea la posibilidad de acceder a comandos de depuración internos.

Asegúrese de que su CTA esté configurada para las pruebas; puede seguir las instrucciones aquí: [Configuración de la CTA web](/build/core-features/common/game-streaming/game-streaming-web-content-test-application)

### Cómo probar el mouse y el teclado

Una vez configurada su aplicación de prueba de contenido (CTA), puede probar su implementación de mouse y teclado accediendo al icono de la cuenta y navegando a la pestaña de desarrollador, tal como se muestra en la captura de pantalla siguiente.

<img src="https://mintcdn.com/microsoft-4404708b/nTPVBuko1tKGsd6P/images/gdk/features/common/game-streaming-cta-web-dev-homepage-mkb.webp?fit=max&auto=format&n=nTPVBuko1tKGsd6P&q=85&s=911a58d30a16013c3ba2ba1078675925" alt="Página principal en la CTA web" width="2255" height="1027" data-path="images/gdk/features/common/game-streaming-cta-web-dev-homepage-mkb.webp" />

Después de navegar a la pestaña de desarrollador, active "Mouse and Keyboard" para habilitar la característica.

<Note>Se recomienda mantener desactivada la opción "Emulate touch with mouse" de la sección de adaptación táctil mientras se prueban el mouse y el teclado. Durante una transmisión, si ambas están activadas, los clics del mouse se interpretarán como toques. Sin embargo, pulsar F9 seguirá entrando y saliendo del modo de mouse y teclado.</Note>

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-cta-web-dev-settings-mkb.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=68a359583efe8d2eb130ab53540a36a3" alt="Configuración en la CTA web" width="410" height="585" data-path="images/gdk/features/common/game-streaming-cta-web-dev-settings-mkb.png" />

<Note>Los jugadores pueden usar una tecla de método abreviado, normalmente F9, para entrar y salir del modo de teclado. Aunque es posible que los jugadores reasignen esta tecla, evite usar F9 para funcionalidades críticas del juego si es posible, o permita que los jugadores reasignen las teclas dentro del juego.</Note>

Para **entrar en el modo de mouse y teclado**, puede hacer clic con el botón izquierdo en la pantalla una vez iniciada una transmisión, o pulsar F9.
Para **salir del modo de mouse y teclado**, pulse F9.

Póngase en contacto con su representante de cuenta de Microsoft cuando haya completado las pruebas y esté listo para habilitar el mouse y el teclado para todos los usuarios.


## Related topics

- [Información general sobre la aplicación de prueba de contenido (CTA) de Windows (en desuso)](/es/build/core-features/common/game-streaming/game-streaming-windows-pc-content-test-application.md)
- [Información general de la Content Test Application (CTA) para Android (En desuso)](/es/build/core-features/common/game-streaming/game-streaming-android-content-test-application.md)
- [Implementación de los diseños de controles táctiles](/es/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-deploying-touch-layout.md)
- [Información general sobre las versiones de prueba](/es/publishing/game-publishing/concepts/availability/trials.md)
- [Información general de la configuración de la transmisión en la Content Test Application (CTA)](/es/build/core-features/common/game-streaming/game-streaming-content-test-application-stream-config.md)
