Ler em inglês

Compartilhar via


Interações de vídeo e mídia

Muitos aplicativos Android têm casos de uso com players de vídeo ou mídia. Os dobráveis fornecem uma área de tela adicional para o conteúdo e também oferecem posicionamento de dispositivo exclusivo que dá suporte ao consumo de vídeo.

Esta página fornece diretrizes para criar experiências multimídia em telas de tela maiores, incluindo padrões e itens recomendados a serem evitados.

Diretrizes de vídeo

Two dual-screen wireframes - the first showing the correct placement of video content to the side of the hinge, the second showing the incorrect placement under the hinge

O que fazer O que não fazer
Considere exibir vídeo em uma tela com metadados e usar a segunda tela para ter conteúdo adicional relacionado à mídia. Evite ter o vídeo passando pela dobradiça e apertando o conteúdo relacionado na parte restante da tela.

Two dual-screen wireframes - the first showing the correct placement of subtitles content to the side of the hinge, the second showing the incorrect placement under the hinge

O que fazer O que não fazer
Lembre-se das legendas, para que elas sejam encapsulados em uma única tela quando necessário. Evite que os subtítulos passem sob a dobradiça, o que pode tornar parte do texto ilegível.

Two dual-screen wireframes - the first showing the correct placement of video player controls to the side of the hinge, the second showing the incorrect placement under the hinge

O que fazer O que não fazer
Coloque os controles de vídeo ou mídia longe da dobradiça e posicionados na parte acessível da tela. Evite ter controles que passam pela dobradiça, fazendo com que um ou mais controles sejam inacessíveis.

Two dual-screen wireframes - the first showing the correct placement of video above the hinge and other content, such as a list of other content, below the hinge. The second shows the incorrect placement of video content under the hinge

O que fazer O que não fazer
Na orientação de paisagem dupla, posicione o player de vídeo na tela superior e o conteúdo relacionado na tela inferior, sem conteúdo atrás da dobradiça. Evite reproduzir vídeos que são em caixa de correio com controles que são renderizados sob a dobradiça.

Two dual-screen wireframes - the first showing the correct placement of video content above the hinge, the second showing the incorrect placement under the hinge

O que fazer O que não fazer
Na orientação de paisagem dupla, posicione o player de vídeo na tela superior e os controles na tela inferior. Evite reproduzir vídeos que são em caixa de correio com controles que são renderizados sob a dobradiça.

Diretrizes de mídia

Two dual-screen wireframes (one wide and one tall) - the first showing the correct placement of video content to the side of the hinge and other content, such as a collection or list of videos, on the other screen. The second shows the incorrect placement of video content under the hinge

O que fazer O que não fazer
Para conteúdo de orientação retrato, considere ter uma lista de mídia/conteúdo em uma tela e a mídia atual exibida na outra tela. Evite mostrar o conteúdo da mídia que é parcialmente obscurecido pela dobradiça.

Two dual-screen wireframes in tall mode - the first showing the correct placement of video content to the side of the hinge and other content, such as a collection or list of videos, on the other screen. The second shows the incorrect placement of video content under the hinge

O que fazer O que não fazer
Para conteúdo de orientação retrato, considere ter uma lista de mídia/conteúdo em uma tela e a mídia atual exibida na outra tela. Evite mostrar o conteúdo da mídia que é parcialmente obscurecido pela dobradiça.

Two dual-screen wireframes (one wide and one tall)- the first showing the correct placement of video content to the side of the hinge and other content, such as a collection or metadata display, on the other screen. The second shows the incorrect placement of video content under the hinge

O que fazer O que não fazer
Considere ter uma lista de mídia/conteúdo em uma tela e mídia atual exibida na outra tela. Evite ter conteúdo de mídia parcialmente obscurecido pela dobradiça.