{"id":3951,"date":"2022-12-29T18:21:23","date_gmt":"2022-12-29T18:21:23","guid":{"rendered":"http:\/\/kevinbk.com\/?p=3951"},"modified":"2022-12-29T18:37:30","modified_gmt":"2022-12-29T18:37:30","slug":"customizando-codigo-do-responsivevoice","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/ko\/customizando-codigo-do-responsivevoice\/","title":{"rendered":"ResponsiveVoice \ucf54\ub4dc\ub97c \uc0ac\uc6a9\uc790 \uc815\uc758\ud558\uae30"},"content":{"rendered":"
O ResponsiveVoice \u00e9 uma ferramenta de API de pron\u00fancia de texto (Speech Text) famosa e gratuita, que permite os usu\u00e1rios adicionar leitura de texto, palavras e trechos em seu site. Mas como customizar esses c\u00f3digos para realizar da forma que deseja? <\/p>\n\n\n\n
ResponsiveVoice apesar de ser gratuito, tem um plano pago, que oferece suporte. O grande problema \u00e9 que os usu\u00e1rios gratuitos n\u00e3o recebem aten\u00e7\u00e3o. Nem documenta\u00e7\u00e3o de API atualizara o servi\u00e7o fornece. <\/p>\n\n\n\n
Ao tentar usar e editar v\u00e1rios c\u00f3digos, n\u00e3o consegui fazer funcionar da forma que desejo. Felizmente com a ajuda da IA, depois de v\u00e1rias horas, consegui com JavaScript editar da forma que desejo. <\/p>\n\n\n\n
Para adicionar o ResponsiveVoice no seu site, voc\u00ea precisa criar uma conta e gerar uma chave de API para seu website. Depois basta colocar o seguinte Script no cabe\u00e7alho de seu projeto. <\/p>\n\n\n\n
<script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=YOUR_UNIQUE_KEY\"><\/script><\/code><\/pre>\n\n\n\nAp\u00f3s adicionar esse Script, voc\u00ea pode criar outros javascript para fazer funcionar em seu site. Voc\u00ea pode chamar a API para pronunciar um texto de sua escolha, usando strings, vari\u00e1veis ou textos predeterminados. <\/p>\n\n\n\n
\u00c9 poss\u00edvel fazer o Script pronunciar tags espec\u00edficas, texto selecionado ou at\u00e9 toda p\u00e1gina. Para isso, voc\u00ea s\u00f3 precisa criar o javascript e chamar o responsivevoice com o seguinte c\u00f3digo: <\/p>\n\n\n\n
responsiveVoice.speak(\"text-or-var\");<\/code><\/pre>\n\n\n\nAdicionando par\u00e2metros no responsiveVoice.Speak<\/h2>\n\n\n\n
Para customizar o c\u00f3digo do ResponsiveVoice, voc\u00ea pode usar as op\u00e7\u00f5es de configura\u00e7\u00e3o dispon\u00edveis na documenta\u00e7\u00e3o do ResponsiveVoice. Algumas das op\u00e7\u00f5es mais comuns incluem:<\/p>\n\n\n\n
\nvoice<\/code>: permite especificar a voz que ser\u00e1 usada para reproduzir o texto (o idioma). Voc\u00ea pode escolher entre as vozes dispon\u00edveis para o idioma selecionado.<\/li>\n\n\n\nrate<\/code>: permite controlar a velocidade da fala. Valores mais altos resultar\u00e3o em fala mais r\u00e1pida, enquanto valores mais baixos resultar\u00e3o em fala mais lenta.<\/li>\n\n\n\npitch<\/code>: permite controlar o tom da fala. Valores mais altos resultar\u00e3o em fala mais aguda, enquanto valores mais baixos resultar\u00e3o em fala mais grave.<\/li>\n\n\n\nvolume<\/code>: permite controlar o volume da fala. Valores mais altos resultar\u00e3o em fala mais alta, enquanto valores mais baixos resultar\u00e3o em fala mais baixa.<\/li>\n<\/ol>\n\n\n\nPara usar essas op\u00e7\u00f5es, basta adicion\u00e1-las como par\u00e2metros ao chamar a fun\u00e7\u00e3o responsiveVoice.speak()<\/code>.<\/p>\n\n\n\n