View a markdown version of this page

Personalize a aparência do stream - GameLift Streams da Amazon
Tela de carregamento

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

Tela de carregamento

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

O cliente de amostra 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 está 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 ativar uma tela de carregamento

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

  2. Adicione suas imagens de fundo e de 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 emGameLiftStreamsSampleGamePublisherService/public/loadingscreen.js.

  3. (Opcional) EmGameLiftStreamsSampleGamePublisherService/public/loadingscreen.js, atualize o JavaScript código para implementar animações diferentes.