App receptor ativado por 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 às ações no app remetente e pelos controles por toque.

Exemplos de feedback da IU do receptor:

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

  IU do receptor

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

Vídeo

IU do receptor de vídeo

Áudio

IU do receptor de áudio


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


O que não fazer: exibir elementos de exibição, ícones que podem se parecer com botões ou elementos do tipo controle.


  E   Para receptores de vídeo, não exiba metadados nem elementos de controle no receptor durante a reprodução, inclusive em um estado pausado, para que não entre em conflito com os controles exibidos pelo sistema.


O que não fazer: exibir metadados e controles


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

Práticas recomendadas

  • Todo o texto deve ser legível a uma distância de 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á em reprodução.

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

Práticas recomendadas

  • Identifique que o app foi carregado exibindo o texto "Pronto para transmitir".
  • Interrompa a execução do receptor se ele ficar inativo por cinco minutos e desconecte todos os apps de remetentes conectados. Quando interrompida, a tela inicial do dispositivo aparece e ajuda a evitar a gravação.

 

  Carregamento do app receptor

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

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

 

  Carregamento de conteúdo do receptor

Enquanto o conteúdo é carregado e antes do início da reprodução, o receptor precisa exibir informações para indicar que o conteúdo está sendo carregado.

Obrigatório
  A   Identifique o conteúdo que está sendo carregado exibindo o título ou a arte.
  B   Identificar se o conteúdo está sendo carregado exibindo um ícone de carregamento animado.

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

 

  Reprodução no 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 exibe os controles do player.

Vídeo

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

Áudio

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

 

  Receptor pausado

Obrigatório
  A   Para receptores de vídeo, não exiba elementos enquanto estiverem 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 elementos de controle 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 deve continuar a reprodução do 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 qualquer app de remetente conectado. Quando interrompida, a tela inicial do dispositivo aparece e ajuda a evitar a gravação.
  • Garanta o alinhamento com a implementação futura de sessões em segundo plano.
  • Se aplicável, quando o receptor for interrompido devido ao tempo ocioso, armazene a localização pausada para que o usuário possa retomar a reprodução a partir desse ponto.

Vídeo

Vídeo pausado

Áudio

Áudio pausado

 

  Armazenamento em buffer do receptor

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

Obrigatório
  A   Não exiba elementos, 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.

Vídeo

Buffer de receptor

Áudio

Buffer de receptor

 

  O receptor para de transmitir

Quando a reprodução para ou expira, o receptor exibe a interface do usuário inativa.

Obrigatório
  A   Identifique qual app receptor está carregado ou ocioso, exibindo um logotipo do app.
  B   Coloque todos os elementos, incluindo os logotipos do app acima da área protegida, para que não se sobreponham aos controles exibidos pelo sistema.

Práticas recomendadas

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

 

 

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

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / Países Baixos 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