App receptor com recurso de toque

O receptor reproduz conteúdo em dispositivos que podem ou não ter recursos de controle por toque. O destinatário precisa responder imediatamente a ações no app remetente, bem como por controles por toque.

Exemplos de feedback da interface do receptor:

  • Em exibição
  • Pausado
  • Posição / busca da reprodução
  • Armazenando em buffer

  IU do receptor

Obrigatório
  A   Para receptores de vídeo e áudio, crie o app receptor adaptável para que ele possa se adaptar a qualquer resolução e proporção de tela.

Video

interface do receptor de vídeo

Áudio

interface do receptor de áudio


  B   Em receptores de vídeo e áudio, não exiba elementos que sugiram gestos de toque. Por exemplo, não mostre elementos de exibição para indicar gestos de deslizar.
  C   Para receptores de vídeo e áudio, não exiba nenhum elemento que sugira interações de toque.
  D   Para receptores de áudio, não exibir elementos do tipo controle, como barras de progresso.


O que não fazer: mostrar elementos exibidos, ícones que podem parecer botões ou elementos do tipo controle.


  E   Nos receptores de vídeo, não exiba metadados ou elementos de controle neles durante a reprodução, inclusive enquanto estiver no estado pausado, para que não entre em conflito com os controles mostrados pelo sistema.


O que não fazer:mostrar metadados e controles


  F   Para receptores de áudio, colocar todos os elementos de metadados acima da área protegida, de modo que não se sobreponha aos controles exibidos pelo sistema.

Práticas recomendadas

  • Todo o texto deve estar legível a uma distância de 1,5 a 3 metros da unidade de exibição.
 

  App receptor inativo

Uma tela inativa é exibida no receptor quando ele está em primeiro plano, mas nenhum conteúdo está sendo reproduzido.

Obrigatório
  A   Identifica qual app receptor está carregado usando o logotipo do app.
  B   Coloque todos os elementos, incluindo logotipos de apps, acima da área protegida para que não se sobreponha aos controles mostrados pelo sistema.

Práticas recomendadas

  • Identifique se o app está carregado exibindo o texto "Pronto para transmitir".
  • Interrompa a execução do receptor se ele estiver inativo por cinco minutos e desconecte todos os apps de remetentes conectados. Quando interrompida, a tela inicial do dispositivo é exibida e ajuda a evitar a queima de tela.

 

  Carregamento do app receptor

Quando um usuário se conecta a um receptor, o app receptor precisa ser carregado antes de mostrar o estado inativo ou começar a reproduzir o conteúdo.

Obrigatório
  A   Identifique qual app receptor está sendo carregado exibindo o logotipo do app.
  B   Identifique se o app receptor está sendo carregado exibindo um ícone de carregamento animado.

 

  Carregamento de conteúdo do destinatário

Enquanto o conteúdo está sendo carregado e antes da reprodução começar, o receptor precisa exibir informações para indicar que ele está sendo carregado.

Obrigatório
  A   Identifique qual conteúdo está sendo carregado exibindo o título ou o material gráfico dele.
  B   Identifique se o conteúdo está sendo carregado exibindo um ícone de carregamento animado.

Práticas recomendadas
Ao retomar o conteúdo, volte a reprodução de 5 a 10 segundos para que o espectador não perca nada durante a transição do remetente para o destinatário.

 

  Reprodução do receptor

Obrigatório
  A   Para receptores de vídeo, não exiba elementos durante a reprodução. Ao tocar na tela, o sistema exibirá os controles do player.
  B   Para receptores de áudio, coloque todos os elementos de metadados acima da área protegida e não exiba elementos de controle. Ao tocar na tela, o sistema exibirá os controles do player.

Video

O usuário toca na tela para mostrar os controles do player.

Áudio

O usuário toca na tela para mostrar os controles do player.

 

  Receptor pausado

Obrigatório
  A   Para receptores de vídeo, não exiba nenhum elemento enquanto estiver no estado pausado. O sistema exibirá os controles do player com um botão de reprodução para indicar que a reprodução está pausada.
  B   Para receptores de áudio, não exiba nenhum elemento de controle enquanto estiver no estado pausado. O sistema exibirá os controles do player com um botão de reprodução para indicar que a reprodução está pausada.

Práticas recomendadas

  • O app receptor não pode continuar a reprodução de conteúdo, a menos que haja uma solicitação explícita do usuário para iniciar a reprodução, como retomar ou pular um item na fila.
  • Interrompa a execução do receptor se ele ficar inativo por 20 minutos e desconecte todos os apps de remetentes conectados. Quando interrompida, a tela inicial do dispositivo é exibida e ajuda a evitar que a tela seja queimada.
  • Garanta o alinhamento com a implementação futura de sessões de segundo plano.
  • Se aplicável, quando o receptor for interrompido devido ao tempo de inatividade, armazene o local pausado para que o usuário possa retomar a reprodução a partir desse ponto mais tarde.

Video

Vídeo pausado

Áudio

Áudio pausado

 

  Armazenamento em buffer do receptor

O armazenamento em buffer no receptor acontece quando a latência da rede ou outros fatores causam um atraso na reprodução.

Obrigatório
  A   Não exibe nenhum elemento, mesmo que o armazenamento em buffer continue por vários segundos. Os usuários podem tocar na tela para exibir os controles do player ou deslizar para voltar.

Video

Armazenamento em buffer do receptor

Áudio

Armazenamento em buffer do receptor

 

  O receptor interrompe a transmissão

Quando a reprodução for interrompida ou expirar, o receptor exibirá a interface inativa.

Obrigatório
  A   Identifica qual app receptor está carregado ou inativo exibindo um logotipo do app.
  B   Coloque todos os elementos, incluindo logotipos de apps, acima da área protegida para que não se sobreponha aos controles mostrados pelo sistema.

Práticas recomendadas

  • Desconecte-se do app receptor e interrompa a execução se ele estiver inativo por cinco minutos. Quando interrompida, a tela inicial do receptor aparece e ajuda a evitar a queima de tela.

 

 

As imagens usadas neste guia de design são cortesia da Blender Foundation, compartilhadas sob direitos autorais ou licença Creative Commons.

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / English Media Art Institute / www.elephantsdream.org
  • Sintel: (c) copyright Blender Foundation | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) direitos autorais 2008, Blender Foundation / www.bigbuckbunny.org