Como ele é
Parece o player de um aplicativo de podcast dentro da página, sobre um fundo claro. No topo ficam a capa quadrada, o título e o subtítulo do episódio e uma etiqueta com o capítulo atual. Logo abaixo, uma barra fina dividida em segmentos, um por capítulo, se enche com um degradê de índigo a ciano. Depois vêm o botão redondo de tocar, os botões de voltar e avançar 15 segundos e o seletor de velocidade. Embaixo, a transcrição: cada frase mostra quem fala numa etiqueta colorida e o tempo em que começa, e a frase atual fica destacada e centralizada.
Você pode estar procurando isto se pediu algo assim
- player de podcast com a transcrição acompanhando a fala
- texto do episódio que vai destacando a frase que está tocando
- player de áudio com capítulos marcados na barra
- clicar numa frase da transcrição e o áudio pular para ela
- aquele player de aplicativo de podcast, só que no meu site
- colocar o podcast da empresa na página com transcrição acessível
Também chamado de
- podcast player
- player de podcast
- player de áudio
- transcrição sincronizada
- synced transcript
- audio player
- capítulos de áudio
Quando usar
- Página de episódio de podcast de empresa, escola ou instituição
- Resumos falados e audiodescrições que precisam de texto acompanhando
- Protótipo de produto de áudio antes de ter os arquivos finais
- Conteúdo acessível em que a transcrição precisa ficar visível e navegável
Quando evitar
- Quando você precisa tocar um arquivo de áudio real sem adaptar o componente
- Listas com muitos episódios na mesma tela, em que um player compacto basta
Como pedir para a sua IA
Crie um player de podcast com transcrição sincronizada: a frase atual fica destacada e rola com o áudio, clicar numa frase pula para ela, capítulos na barra, velocidade e pular 15 segundos. Quero atalhos de teclado, leitor de tela anunciando a posição e rolagem sem animação para movimento reduzido.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Sarau
Sarau toca o meu arquivo de áudio?
Não diretamente. Sarau vem com um episódio de demonstração de pouco mais de um minuto, com duas vozes sintetizadas no navegador que imitam o ritmo da fala sem palavras reais, e uma transcrição fictícia. Para um episódio de verdade, peça à IA que troque a síntese por um elemento de áudio e carregue a sua transcrição com o tempo de cada frase.
Sarau funciona com teclado e leitor de tela?
Sim. Em Sarau, a barra de progresso funciona como controle deslizante e anuncia o tempo e o capítulo, os botões têm rótulos e há atalhos: Espaço toca e pausa, J e L voltam e avançam 15 segundos, e as setas na barra andam 5 segundos. A frase atual da transcrição fica marcada para tecnologias assistivas.
A transcrição de Sarau rola sozinha?
Rola, com a prop autoScroll ligada, que é o padrão. Sarau centraliza a frase atual enquanto o áudio toca e deixa de acompanhar por alguns segundos quando a pessoa rola a transcrição por conta própria. Com movimento reduzido ativado no sistema, o salto até a frase acontece sem rolagem suave.
