Skip to content

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

Notifications You must be signed in to change notification settings

manobahiadev/read_html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

Leitor de Contrato com Voz (SpeechSynthesis)

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).

📚 Funcionalidades

  • Exibe conteúdo estático de contrato em formato legível.
  • Adiciona automaticamente botões de controle de áudio (Ouvir trecho e Parar) 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).

🚀 Como Usar

  1. Salve o conteúdo em um arquivo .html (ex: contrato.html).
  2. Abra o arquivo em um navegador moderno (Google Chrome, Firefox, Edge etc).
  3. Clique em “▶ Ouvir trecho” ao lado de qualquer parágrafo ou título para ouvi-lo.
  4. Clique em “⏸ Parar” para interromper a leitura.

🧠 Tecnologias Utilizadas

  • HTML5: estrutura da página.
  • CSS3: estilos simples e responsivos.
  • JavaScript: uso da API SpeechSynthesis para leitura de voz.

🗣️ Sobre a API 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.

📌 Observações

  • 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.

🛠️ Personalização

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).

📂 Organização do Código

  • 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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages