image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Carlos Soares
Carlos Soares18/01/2024 13:58
Compartilhe

Como implementei uma API do google de leitura de textos em meu site do Jogo do Numero Secreto

    Jogo Numero Secreto.

    Onde implemento uma API do google de leitura de textos da página web de forma interativa.

    image

    Neste jogo foram utilizados diversos conceitos, desde if ternários, listas, funções, e até mesmo uma api do google que faz a leitura dos textos do site. Onde deixei sua implementação com comentários no HTML e no JavaScript para a fácil visualização.

    • No HTML, dentro do head da página, inseri os seguintes códigos:
    <script src="https://code.responsivevoice.org/responsivevoice.js"></script>
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;700&display=swap"
          rel="stylesheet">
    
    • No JavaScript, dentro da função para exibir o texto na tela coloquei o seguinte código:
    responsiveVoice.speak(texto,'Brazilian Portuguese Female', {rate:1.2});
    
    • E assim consegui fazer um site de um game interativo, que lê os textos da página html.

    Vamos Disseminar os Conhecimentos e transbordar o pouco que Aprendemos!

    Segue meu repositório do github para jogar: https://carlos-cgs.github.io/CGS/games/JogoNumeroSecreto/index.html

    Ou caso queira acessar o código para visualiza-lo: https://github.com/Carlos-CGS/CGS/tree/main/games/JogoNumeroSecreto

    Compartilhe
    Comentários (2)
    Ronaldo Schmidt
    Ronaldo Schmidt - 18/01/2024 15:02

    Excelente trabalho. Parabéns. Continue desenvolvendo seu projeto...ele tem muito potencial...adicione mais desafios ...um menu...música de fundo e efeitos...vai ficar top!

    Carlos Soares
    Carlos Soares - 19/01/2024 07:44

    Obg pelo feedback!

    Realmente este é apenas uma prévia, ainda estou trabalhando e devo melhorar bastante este game.