As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Personalize a aparência do stream
<a name="sdk-stream-appearance"></a>

## Tela de carregamento
<a name="sdk-loading-screen"></a>

Quando um cliente abre um navegador da web para ver um stream, o cliente web começa a estabelecer uma conexão com a sessão de stream do Amazon GameLift Streams. Enquanto a sessão de transmissão é carregada, você pode exibir um plano de fundo e um logotipo personalizados na tela do cliente.

O cliente de amostra do Amazon GameLift Streams Web SDK, no `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/loadingscreen.js` arquivo, demonstra como você pode implementar um logotipo animado em seu cliente web front-end. A tela de carregamento padrão consiste em 2 imagens: plano de fundo e primeiro plano. A imagem em primeiro plano é posicionada no meio e tem uma animação de pulso. A animação é reproduzida somente enquanto a sessão de transmissão está se conectando.

**Para habilitar uma tela de carregamento**

1. No cliente de amostra do Amazon GameLift Streams Web SDK, navegue até a `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/` pasta.

1. Adicione suas imagens de fundo e primeiro plano usando os nomes padrão, e. `Background.png` `LoadingLogo.png` Se quiser renomeá-los ou usar um formato de imagem diferente, você deve atualizar o código em`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`.

1. (Opcional) Em`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`, atualize o JavaScript código para implementar animações diferentes.