O receptor reproduz conteúdo em dispositivos que podem ou não ter recursos de controle por toque. O receptor precisa responder imediatamente às ações no app remetente e usando controles touch.
Exemplos de feedback da interface do receptor:
- Em exibição
- Pausado
- Posição da reprodução / busca
- Armazenamento em buffer
Interface do receptor
Obrigatório
A Para receptores de vídeo e áudio, crie o app receptor para
ser adaptável e se adequar a qualquer resolução de tela e proporção.
Vídeo
Interface do receptor de vídeo
Áudio
Interface do receptor de áudio
B Para receptores de vídeo e áudio, não mostre elementos
que sugiram gestos de toque. Por exemplo, não mostre elementos espiando para indicar gestos de
deslizamento.
C Para receptores de vídeo e áudio, não mostre elementos que sugiram interações por toque.
D Para receptores de áudio, não mostre elementos de controle, como barras de progresso.
Não:mostre elementos espiando, ícones que podem parecer
botões ou elementos do tipo controle.
E Para receptores de vídeo, não mostre metadados ou elementos de controle no receptor durante a reprodução, incluindo quando estiver pausado, para não entrar em conflito com os controles exibidos pelo sistema.
Não:mostre metadados e controles
F Para receptores de áudio, coloque todos os elementos de metadados acima da área protegida para que não haja sobreposição com os controles exibidos pelo sistema.
Práticas recomendadas
- Todo o texto precisa estar legível a uma distância de 1,5 a 3 metros da unidade de exibição.
Inatividade do app receptor
Uma tela inativa é mostrada no receptor quando ele está em primeiro plano, mas nenhum conteúdo está sendo reproduzido.
Obrigatório
Um Identifique qual app receptor está carregado
usando o logotipo do app.
B Coloque todos os elementos, incluindo os logotipos de apps, acima da
área protegida para que não haja sobreposição com os controles exibidos pelo sistema.
Práticas recomendadas
- Identifique que o app foi carregado mostrando o texto "Pronto para transmitir".
- Interrompa a execução do receptor se ele ficar inativo por cinco minutos e desconecte todos os apps remetentes conectados. Quando parado, a tela inicial do dispositivo aparece e ajuda a evitar o burn-in da tela.
Carregamento do app receptor
Quando um usuário se conecta a um receptor, o app receptor precisa ser carregado antes de poder mostrar o estado inativo do app ou começar a reproduzir conteúdo.
Obrigatório
Um Identifique qual app receptor está carregando mostrando
o logotipo do app.
B Identifique que o app receptor está carregando
mostrando um ícone de carregamento animado.
Carregamento de conteúdo do receptor
Enquanto o conteúdo está sendo carregado e antes do início da reprodução, o receptor precisa mostrar informações para indicar que o conteúdo está sendo carregado.
Obrigatório
A Identifique o conteúdo que está sendo carregado mostrando o título ou a arte dele.
B Identifique que o conteúdo está sendo carregado mostrando
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 mostre nenhum elemento durante a
reprodução. Ao tocar na tela, o sistema vai mostrar os controles do player.
B Para receptores de áudio, coloque todos os elementos de metadados acima
da área protegida e não mostre nenhum elemento de controle. Ao tocar na tela, o sistema vai mostrar os controles do player.
Vídeo
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 mostre nenhum elemento enquanto estiver
em estado pausado. O sistema vai mostrar 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 mostre nenhum elemento de controle
enquanto estiverem em estado pausado. O sistema vai mostrar 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 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 remetentes conectados. Quando parado, a tela inicial do dispositivo aparece e ajuda a evitar o burn-in da tela.
- Garantir 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 desse ponto mais tarde.
Vídeo
Vídeo pausado
Áudio
Áudio pausado
Buffer do receptor
O buffer no receptor acontece quando a latência de rede ou outros fatores causam um atraso na reprodução.
Obrigatório
A Não mostre nenhum elemento, mesmo que o
buffer continue por vários segundos. Os usuários podem tocar na tela para mostrar os controles do player ou deslizar para voltar.
Vídeo
Armazenamento em buffer do receptor
Áudio
Armazenamento em buffer do receptor
O receptor interrompe a transmissão
Quando a reprodução para ou expira, o receptor mostra a interface inativa.
Obrigatório
Um Identifique qual app receptor está carregado ou inativo
mostrando um logotipo do app.
B Coloque todos os elementos, incluindo os logotipos de apps, acima da
área protegida para que não haja sobreposição com os controles exibidos pelo sistema.
Práticas recomendadas
- Desconecte-se do app receptor e interrompa a execução se ele ficar inativo por cinco minutos. Quando parado, a tela inicial do receptor aparece e ajuda a evitar o efeito burn-in.
As imagens usadas neste guia de design são cortesia da Blender Foundation e foram compartilhadas sob direitos autorais ou licença Creative Commons.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands 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) copyright 2008, Blender Foundation / www.bigbuckbunny.org