Este projeto é uma página HTML estática que exibe um contrato de prestação de serviços (ou qualquer conteúdo) com funcionalidade de leitura por voz dos trechos do texto usando a API Web Speech (SpeechSynthesis
).
- Exibe conteúdo estático de contrato em formato legível.
- Adiciona automaticamente botões de controle de áudio (
Ouvir trecho
eParar
) para cada parágrafo, título ou item de lista. - Usa a voz nativa do navegador para leitura em português do Brasil (
pt-BR
).
- Salve o conteúdo em um arquivo
.html
(ex:contrato.html
). - Abra o arquivo em um navegador moderno (Google Chrome, Firefox, Edge etc).
- Clique em “▶ Ouvir trecho” ao lado de qualquer parágrafo ou título para ouvi-lo.
- Clique em “⏸ Parar” para interromper a leitura.
- HTML5: estrutura da página.
- CSS3: estilos simples e responsivos.
- JavaScript: uso da API
SpeechSynthesis
para leitura de voz.
Este projeto usa window.speechSynthesis
, recurso nativo suportado pela maioria dos navegadores modernos. Ele converte texto em fala sem necessidade de bibliotecas externas.
- A qualidade da voz depende do sistema operacional e navegador.
- É necessário estar online para que alguns navegadores carreguem as vozes corretamente.
- Funciona apenas em navegadores que suportam a Web Speech API.
Você pode substituir o conteúdo de <h1>Seu conteúdo aqui</h1>
ou adicionar parágrafos (<p>
) para incluir o contrato desejado. Os botões de voz serão automaticamente adicionados a cada item detectado (p
, li
, h1
, h2
).
- HTML + CSS: Visual e layout responsivo.
- JS embutido: Scripts executam após o carregamento da página, identificando elementos e adicionando botões.
Desenvolvido para facilitar a acessibilidade e compreensão de textos contratuais por meio de leitura em voz.