API JavaScript SpeechSynthesis


À medida que an online continua a ser o meio para todos os utilizadores, os organismos de normalização precisam de continuar a fornecer novas APIs para enriquecer a experiência e a acessibilidade do utilizador. Uma API subutilizada para usuários cegos é speechSynthesisuma API para direcionar programaticamente o navegador para falar de forma audível qualquer string arbitrária.

O Código

Você pode direcionar o navegador para proferir fala com window.speechSynthesis e SpeechSynthesisUtterance:

window.speechSynthesis.communicate(
    new SpeechSynthesisUtterance('Hey Jude!')
)

speechSynthesis.communicate informará roboticamente ao usuário tudo o que você fornecer como um SpeechSynthesisUtterance corda. O suporte para esta API está disponível em todos os navegadores modernos.

eu não consideraria speechSynthesis como um substituto para ferramentas nativas de acessibilidade, mas esta API pode ser usada para melhorar o que as ferramentas nativas fornecem!

  • Da webcam ao GIF animado: o segredo por trás de chat.meatspac.es!
  • 9 demonstrações de tela alucinantes

    O elemento foi uma revelação para os especialistas visuais em nossas fileiras. O Canvas fornece os meios para animações incríveis e eficientes com a vantagem adicional de não ter Flash; em vez disso, esses desenvolvedores podem mostrar suas incríveis habilidades em JavaScript. Aqui estão nove demonstrações de tela inacreditáveis ​​que…

  • MooTools, mediaboxAdvanced e México

    A lightbox é provavelmente uma das minhas partes favoritas da revolução da Net 2.0. Não é mais necessário abrir novas janelas (o que pode sobrecarregar um pouco o seu computador) para ver uma imagem, vídeo, and so forth. maior. Em vez disso, o merchandise é carregado diretamente no…

  • Cálculo CSS

    CSS é um enigma completo; todos nós apreciamos CSS por causa de sua simplicidade, mas sempre desejamos que a linguagem faça um pouco mais. CSS evoluiu para acomodar espaços reservados, animaçõese até mesmo clique em eventos. Um problema que sempre pensamos…


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *