O que são objetos de mídia?
Um objeto de mídia é um contêiner que exibe um item, como uma imagem, áudio ou vídeo, ao lado de texto descritivo ou outro conteúdo. Criados por Nicole Sullivan em 2009, os objetos de mídia permitem layouts limpos e eficientes que envolvem menos linhas de código.
Os objetos de mídia são recursos comuns de interface do usuário (UI) em sites de redes sociais ou em seções de comentários, onde apresentam um ícone ou foto ao lado de comentários. No entanto, os objetos de mídia são relativamente flexíveis; em vez de texto, eles podem incluir listas com marcadores ou outros objetos de mídia.
Os desenvolvedores usam plataformas de desenvolvimento de aplicativos para projetar e construir aplicativos de software e criadores de sites para desenvolver sites para empresas. Eles usam essas plataformas para inserir e exibir código de UI para criar objetos de mídia e outros contêineres.
Elementos dos objetos de mídia
Quando os desenvolvedores codificam um objeto de mídia, eles têm muitas opções de itens para incluir no layout. Um objeto de mídia pode conter qualquer um dos seguintes elementos:
- Imagens. Uma foto ou avatar é uma adição comum a um objeto de mídia. Essas imagens podem estar em vários tipos de arquivo, incluindo JPG, PNG e GIF.
- Vídeo: Para criar interesse adicional em um objeto de mídia, o desenvolvedor pode incorporar arquivos MP4.
- Áudio: É possível anexar um arquivo de áudio, que pode ser reproduzido, pausado ou parado dentro do objeto de mídia.
- Texto de cabeçalho: Nem todo texto em um objeto de mídia precisa ter o mesmo tamanho. Em vez disso, os desenvolvedores podem usar uma linha de texto de cabeçalho maior e mais negrito acima do texto do corpo.
- Texto do corpo: A maioria dos objetos de mídia inclui texto descritivo no lado direito ou esquerdo da imagem, áudio ou arquivo de vídeo.
- Objetos aninhados: Os desenvolvedores podem aninhar objetos de mídia dentro de objetos de mídia.
Tipos de objetos de mídia
Ferramentas de criação de aplicativos e criadores de sites lidam com objetos de mídia de maneiras ligeiramente diferentes, mas existem algumas apresentações comuns de objetos de mídia.
- Objeto de mídia padrão ou básico. Este tipo de objeto de mídia é o mais frequentemente usado. Parece uma caixa retangular, geralmente com uma imagem quadrada ou retangular à esquerda e texto à direita.
- Objeto de mídia alinhado. Os desenvolvedores adicionam código que especifica alinhamentos verticais ou horizontais. Embora um objeto de mídia seja tipicamente alinhado ao topo, ele também pode ser alinhado ao centro ou à parte inferior. O desenvolvedor também pode definir a imagem à esquerda ou à direita do texto.
- Objeto de mídia aninhado. Essa abordagem ocorre frequentemente em threads de comentários. Um objeto de mídia fica ligeiramente recuado abaixo de um objeto de mídia pai, dando a aparência de aninhamento. Uma sequência de objetos de mídia aninhados pode continuar indefinidamente.
- Objeto de mídia listado. Estes envolvem dois ou mais objetos de mídia com o mesmo alinhamento, dando a aparência de uma lista.
Benefícios dos objetos de mídia
Como parte do CSS orientado a objetos, os objetos de mídia tornaram-se fundamentais para muitos sites e aplicativos. Algumas das razões para sua popularidade incluem:
- Facilidade de uso. Os objetos de mídia economizam centenas de linhas de código para os desenvolvedores, poupando-lhes tempo e frustração ao criar interfaces de usuário.
- Flexibilidade nos layouts. Com muitas opções para mídia incluída e várias possibilidades de alinhamento, os objetos de mídia oferecem mais escolhas aos desenvolvedores web.
- Previsibilidade dos padrões. Os usuários da internet se acostumaram ao contêiner de objeto de mídia ao vê-lo usado na web em seções de comentários de blogs e em plataformas populares de redes sociais. A alta visibilidade desse padrão confere uma sensação de familiaridade aos usuários, especialmente em mídias sociais.
Ao criar um aplicativo visualmente deslumbrante, não se esqueça de levar em consideração a otimização para dispositivos móveis.
Kelly Fiorini
Kelly Fiorini is a freelance writer for G2. After ten years as a teacher, Kelly now creates content for mostly B2B SaaS clients. In her free time, she’s usually reading, spilling coffee, walking her dogs, and trying to keep her plants alive. Kelly received her Bachelor of Arts in English from the University of Notre Dame and her Master of Arts in Teaching from the University of Louisville.
