Versão: v6.0.0

Parâmetros

Você pode preferir habilitar/desabilitar algumas funcionalidades do Tradutor de Sites, para isso utilize os parâmetros abaixo:

Configurações	Descrição	Valores	Padrão
align	Define o alinhamento vertical da janela do tradutor no site.	"default" ou "top" ou "bottom"	"default"
avatar	Define o avatar que o plugin irá utilizar.	"HUGO" ou "MAYA"	"HUGO"
doNotTrack	Se o valor desta propriedade for verdadeiro, as frases traduzidas não serão armazenadas ou utilizada para a melhoria do sistema de tradução.	false ou true	false
exceptions	Lista de queries que serão ignoradas pelo plugin, ex.: `["a", "form", ".main", "#site-title"]`	array	[ ]
highContrast	Define se o plugin vai iniciar com o modo escuro ativado.	false ou true	false
maxTextSize	Define o tamanho máximo de caracteres para captura de texto em um elemento.	Número inteiro entre 500 e 1000	800
mobileConfig	Objeto de configuração para a plataforma mobile, quando definido, sobscreve as configurações padrões de HT.	Object
mobileEnabled	Quando verdadeiro ativa o tradutor de sites em dispositivos móveis.	false ou true	true
pageSpeech	Quando verdadeiro ativa o leitor de telas no plugin.	false ou true	false
opacity	Define a opacidade inicial do fundo no plugin.	Número: 0 ou 50 ou 100	100
parentElement	Elemento que receberá o plugin Hand Talk.	Element	document.body
side	Define o posicionamento da janela do tradutor no site. O Tradutor de Sites pode ser inicializado do lado esquerdo ou do lado direito da tela.	"right" ou "left"	"right"
textEnabled	Quando verdadeiro: exibe o tradutor de sites para textos.	false ou true	true
zIndex	Define o posicionamento da profundidade do tradutor no site, ou seja, determinar se o Tradutor de Sites estará mais próximo ou mais afastado da tela.	Inteiros	1000000
clickables	Lista de queries que serão tratadas como elementos clicaveis, pelo plugin, ex.: `["a", "form", ".main", "#site-title"]`	array	[ ]
colorButton	Define a cor do botão do Hand Talk Plugin.	"a11yColorMain" or "neutralLowMain" or "a11yColorLight"	"a11yColorMain"

Exemplo dos parâmetros

Javascript

var ht = new HT({
  // Troque por seu token de acesso
  token: "TOKEN",
  // Muda o avatar para a MAYA
  avatar: "MAYA",
  // Muda o alinhamento para baixo
  align: "bottom",
  // Muda o lado para a esquerda
  side: "left",
  // Muda o botão do plugin para a cor neutralLowMain
  colorButton: "neutralLowMain",
  // Muda a opacidade inicial do plugin
  opacity: 50,
  // Inicia o plugin com o modo escuro ativado
  highContrast: true,
});

HTML

<body>
  <h1>Hand Talk</h1>
  <h2>Conte com a ajuda do Hugo e da Maya, nossos tradutores virtuais, para tornar a sua comunicação mais acessível.</h2>
  <p>Oferecemos tradução digital para acessibilidade em Libras, a Língua Brasileira de Sinais.</p>
  <!-- Pega a ultima versão do plugin Hand Talk -->
  <script src="https://plugin.handtalk.me/web/latest/handtalk.min.js"></script>
  <script>
    var ht = new HT({
      // Troque por seu token de acesso
      token: "TOKEN",
      // Muda o avatar para o HUGO
      avatar: "HUGO",
      // Muda o alinhamento para cima
      align: "top",
      // Muda o lado para a direita
      side: "right",
      // Muda o botão do plugin para a cor a11yColorLight
      colorButton: "a11yColorLight",
      // Muda a opacidade inicial do plugin
      opacity: 50,
      // Inicia o plugin com o modo escuro ativado
      highContrast: true
    });
  </script>
</body>

Exemplo dos parâmetros​

Javascript​

HTML​

Exemplo dos parâmetros

Javascript

HTML