Laboratório de formatos: imagem no texto, vídeo, áudio e galeria
Matéria de teste (rascunho) que exercita todos os formatos de conteúdo suportados pela página de matéria
Esta é uma matéria de teste. O texto abaixo não tem valor editorial — o que importa aqui é conferir que cada formato de conteúdo aparece e funciona na página de matéria: uma imagem no meio dos parágrafos, um vídeo incorporado, um player de áudio e a galeria de fotos.
O primeiro bloco a validar é a imagem dentro do corpo. No projeto, o
conteúdo (src/content/materias/) e os assets (src/assets/uploads/) ficam
em pastas separadas, então a imagem é referenciada por caminho relativo a
partir do arquivo .md — assim o Astro a processa (gera webp e variantes de
tamanho) igual às outras.
Imagem no meio do corpo, processada pelo Astro via caminho relativo.
Embed de vídeo
Abaixo, um <iframe> do YouTube colado direto no Markdown (o HTML bruto passa
sem sanitização; o CSS de .materia__corpo iframe deixa o player
responsivo em 16:9).
Embed de áudio
E um player de áudio nativo (<audio controls>) apontando para um MP3 de
amostra público — só para confirmar que os controles renderizam.
Galeria de fotos
A galeria vem logo depois do corpo, montada a partir do campo galeria do
frontmatter: foto grande com setas laterais e uma fileira de miniaturas
clicáveis que trocam a foto grande. Navega também pelas setas do teclado
quando o foco está nela.
