Plug-in TTS de texto para fala do WordPress

O GSpeech Cloud Console é a última geração da plataforma GSpeech, oferecendo vozes avançadas de IA, tradução de áudio em tempo real, gerenciamento centralizado de áudio e múltiplas experiências de audição para WordPress:

• Player de página inteira
• Jogador de botão
• Jogador do Círculo
• Jogador Flutuante
• Player de contexto
• Reprodutor de texto destacado (RHT)
• Mensagens de boas-vindas

Você pode verificá-los página de demonstração.

Para usá-lo, você precisa ativar o Cloud Console.
Por favor, vá para "GSpeech-> Cloud Console". Escolha o idioma padrão do site, sua senha e clique em “Ativar”:

Se você já se inscreveu no gspeech.io, então Login, em vez de Ativação. Após o login, o botão de ativação será habilitado:

Após a ativação, você será redirecionado para a página de configurações. As configurações principais estão separadas em várias guias.

Guia geral: Aqui você controla as configurações principais:

• Língua - Idioma principal do seu site. Será usado como valor padrão para todos os widgets de áudio.
• Planejamento - Por padrão você está no Plano Gratuito. A migração para planos comerciais é feita aqui, com um clique.
• Status - Publicado, não publicado.
• Afiliados - Torne-se um afiliado e ganhe 15% de comissão. Ele mostra um pequeno link no player com sua chave especial nele. Você pode ver as vendas com sua chave no seu painel.
  Dessa forma você também ajuda a tornar o produto mais popular.
• lazy Loading - Se ativado, o GSpeech não afetará em nada o tempo de carregamento da página.
• Recarregar sessão - Ative esta opção para atualizar os tokens de autenticação ao reativar o console na nuvem.
• Ativação automática - Habilitar player automaticamente!
• Mostrar na página inicial - Mostrar player na página inicial.
• Ler títulos - Incluir o texto do título no início do áudio.
• Site multilíngue - Captura automaticamente o idioma atual do site e carrega os dados apropriados.
• Tipos de Post - Em quais tipos de postagens os jogadores são exibidos.
• Categorias - Em quais categorias os jogadores são mostrados.
• voz - Voz padrão. Está sendo usado como valor padrão para todos os widgets de áudio.
• Velocidade de Voz - Disponível apenas para vozes AI.
• Tom de voz - Disponível apenas para vozes AI.
• Painel de Voz - Mostra o painel de voz nos players e dá aos usuários a oportunidade de escolher a voz desejada.
• Excluir conteúdo - Use valores CSS para excluir alguns elementos de conteúdo do áudio. Ao acessar o elemento via id, use # e ponto(.) ao usar com classe. Separe vários valores com vírgula(,).
  Exemplo: #some_id,.some_class
• URLs permitidos - A lista de urls, onde o player deve ser renderizado. Coloque uma url por linha. Use asterisco (*) para corresponder a qualquer caractere.
  Exemplo: https://seudominio.io/blog/*
• URLs bloqueados - A lista de urls, onde o player NÃO deve ser renderizado. Coloque uma url por linha. Use asterisco (*) para corresponder a qualquer caractere.
  Exemplo: https://seudominio.io/blog/*
• Tradução On-Fly - Ative isso, se seu site estiver usando o método de tradução on-fly. Esta opção permite esperar a tradução ficar pronta e aplicar o player no conteúdo traduzido.
  Nota: Você também deve habilitar a opção "Multi-Lang".

Aba Jogador: Aqui você controla as configurações do player:

• Aparecer animação - Como o jogador deve aparecer.
• Painel de velocidade - Mostra controle de velocidade.
• Painel de volume - Mostra o controle de volume.
• Painel de texto - Abre o Painel de Texto e destaca a parte do texto que está vermelha.
• Painel de download - Mostra o ícone de download no player, para baixar o arquivo mp3.
• Contagem de reproduções - Mostra a contagem que determinado jogador jogou.

Guia Tradução: aqui você especifica a lista de idiomas e vozes para cada idioma. Mostra o ícone do globo no player, que abre a lista de idiomas.

Código personalizado: aqui você pode escrever CSS ou javascript personalizado.

Alias: Por exemplo, você precisa que a IA seja lida como Inteligência Artificial. Basta adicionar a linha: ai: inteligência artificial.

Agora vamos mostrar os diferentes tipos de jogadores! Eles estão sendo controlados por meio de widgets de áudio. Cada jogador tem seu widget lá.

O Read Highlighted Text (RHT) Player permite aos usuários ouvir qualquer texto selecionado no site. É um recurso de acessibilidade muito bom para qualquer site!

Para gerenciá-lo, vá em "Widgets->RHT Player":

Você verá a lista de todas as opções, separadas por guias.

Guia geral: aqui você controla a configuração geral.

• Título - nome do widget. Usado apenas no painel.
• Status - Publicado, não publicado.
• Usar idioma/voz personalizados? - Se desativado, utiliza os valores globais especificados na seção Configurações. Você pode usar valores personalizados aqui.
• Múltiplas vozes - Mostra o painel de voz no player e dá oportunidade de escolher diferentes vozes.

Guia de Conteúdo: aqui você controla a configuração do conteúdo.

• Texto do título - Título do player, que fica visível quando o usuário passa o mouse sobre ele.
• URLs permitidos - Especifique as URLs onde este player deve estar ativo. Por padrão está ativo em todas as páginas. Você pode inserir um URL por linha. Você pode usar asterisco para corresponder a qualquer caractere. Por exemplo, você precisa que ele esteja ativo em todas as páginas do blog, você pode escrever https://example.com/blog/* .
• URLs bloqueados - Especifique os URLs onde este player deve estar oculto.

Aba Jogador: O mesmo que na guia Player de configurações da nuvem, mas oferece a oportunidade de usar valores personalizados. Por exemplo, se o painel de volume estiver ativado por padrão, mas você deseja exibi-lo para este player.

Guia Textos: Controle todos os textos no player:

Design de tabulação: controle a aparência do player, com visualização ao vivo:

• Pré-visualização - Veja em tempo real a aparência do jogador.
• Modelo - Escolha um dos 16 belos esquemas de cores.
• Visualização em bloco - Visualização do jogador RHT. A Visualização 2 e a Visualização 3 têm os painéis Idioma e Texto expandidos.
• Posição do ícone - Esquerda direita. A posição do ícone TTS, que informa sobre o serviço TTS ativo no site.
• Deslocamento superior - Deslocamento desse ícone.
• Mostrar faixa - Mostrar/Ocultar banner de ilustração do TTS, que informa como os usuários podem utilizá-lo.
• Posição do banner - Onde mostrar o banner.
• Evento de fechamento de banner - Mostre o banner a qualquer momento ou oculte durante a sessão.

Alias: O mesmo que para Aliases de configurações de nuvem, mas apenas para este player.

O GSpeech Full Page Player é um reprodutor de texto para áudio em tamanho real com recursos poderosos:

Player de página inteira - código curto

Para inserir o reprodutor de página inteira em qualquer lugar do conteúdo, use o Shortcode:

• Código curto exemplar Copiado
  [gspeech]

Para gerenciar o Full Page Player inserido via shortcode, vá em "Widgets->Full Page Player - Shortcode":

Irá abrir todas as opções, separadas por abas.

Guia geral: aqui você controla a configuração geral.

• Título - nome do widget. Usado apenas no painel.
• Código curto - Shortcode para inserir em qualquer lugar do conteúdo.
• HTML personalizado - Também pode ser inserido via html.
• Status - Publicado, não publicado.
• Usar idioma/voz personalizados? - Se desativado, utiliza os valores globais especificados na seção Configurações. Você pode usar valores personalizados aqui.
• Múltiplas vozes - Mostra o painel de voz no player e dá oportunidade de escolher diferentes vozes.

Guia de Conteúdo: aqui você controla a configuração do conteúdo.

• Seletor de conteúdo - Especifique os valores HTML dos elementos, cujo conteúdo deve ser incluído no áudio. Separe com vírgula (,).
  Exemplo: artigo,seção,#my_id,.my_class.
  Uso classe_pai, que é o valor padrão, para obter o conteúdo do elemento pai, onde foi inserido.
• Elemento de renderização - Deveria ser .gsp_full_player para este widget de áudio.
• Posição de renderização - Não é necessário para shortcode.
• Excluir lista - Especifique os valores HTML dos elementos, que não devem ser lidos. Separe com vírgula (,). Exemplo: #element_id,.element_class.
• Seletor de títulos - Se você precisa que o título do player seja o título do seu artigo, especifique o valor HTML aqui. Exemplo: h1. Deixe-o vazio, ao usar Texto do título.
• Texto do título - O título do jogador.
• Conteúdo do Texto - se você deseja que este player leia apenas determinado conteúdo, especifique-o aqui.
• URLs permitidos - Não é necessário para shortcode.
• URLs bloqueados - Não é necessário para shortcode.

Aba Jogador: aqui você controla a configuração do player. É o mesmo que na guia Player de configurações da nuvem, mas oferece a oportunidade de usar valores personalizados.

• Carregamento Automático - Gera o áudio automaticamente, assim que a página é carregada, sem clicar no botão play. Deve ser usado com cautela, pois pode causar um alto uso de caracteres.

Guia Textos: Controle todos os textos no player:

Design de tabulação: Controle a aparência do player:

• Pré-visualização - Veja em tempo real a aparência do jogador.
• Modelo - Escolha um dos 16 belos esquemas de cores.
• Tema BG - Estilo de fundo do player.
• Largura - Largura do jogador. Pode estar em percentagens ou pixels.
• Margem - Superior/Inferior - Margem superior e inferior do jogador.

Alias: O mesmo que para Aliases de configurações de nuvem, mas apenas para este player.

Este widget de áudio pode ser usado para renderizar o player em várias páginas automaticamente.
Para gerenciar o widget Full Page Player - Multi-Page, vá em "Widgets->Multi-Page(Full Page Player)":

Irá abrir todas as opções, separadas por abas. Eles são os mesmos que para o Player de página inteira - código curto. Portanto não discutiremos todas as opções, verifique a seção acima. Discutiremos opções relacionadas apenas a este widget.
Ele não é publicado por padrão, primeiro você precisa publicá-lo.
Guia Geral:

• Status - Para ativá-lo, defina como Publicado.

Guia Conteúdo:

• Seletor de conteúdo - Especifique os valores HTML dos elementos, cujo conteúdo deve ser incluído no áudio. Separe com vírgula (,).
  Exemplo: artigo,seção,#my_id,.my_class.
  Uso self_class, que é o valor padrão, para obter o conteúdo do elemento onde ele está inserido.
• Elemento de renderização - Por padrão tem o valor: .entry-content,.post-content,.post_content,.post,.blog,.blog-body,.content,.section,article . Se o seu conteúdo estiver usando um nome de classe especial, coloque-o aqui.
• Posição de renderização - Depois ou Antes do conteúdo.
• Excluir lista - Especifique os valores HTML dos elementos, que não devem ser lidos. Separe com vírgula (,). Exemplo: #element_id,.element_class.
• Seletor de títulos - Se você precisa que o título do player seja o título do seu artigo, especifique o valor HTML aqui. Exemplo: h1. Deixe-o vazio, ao usar Texto do título.
• Texto do título - O título do jogador.
• Conteúdo do Texto - se você deseja que este player leia apenas determinado conteúdo, especifique-o aqui.
• URLs permitidos - Especifique as URLs onde este player deve estar ativo. Por padrão está ativo em todas as páginas. Você pode inserir um URL por linha. Você pode usar asterisco para corresponder a qualquer caractere. Por exemplo, você precisa que ele esteja ativo em todas as páginas do blog, você pode escrever https://example.com/blog/* .
• URLs bloqueados - Especifique os URLs onde este player deve estar oculto. Se desejar ocultá-lo na página inicial, coloque a URL da página inicial aqui.

As outras opções de guias são as mesmas que para Player de página inteira - código curto, então verifique a seção acima.

O GSpeech Button Player é um reprodutor de áudio no estilo botão, com poderoso painel de opções, que é aberto ao clicar no ícone de pontos:

Para inserir o Button Player em qualquer lugar do conteúdo, use o Shortcode:

• Código curto exemplar Copiado
  [gspeech-button]

Para gerenciar o Button Player inserido via shortcode, vá em "Widgets->Button Player - Shortcode":

Irá abrir todas as opções, separadas por abas.
A estrutura aqui é a mesma que para Player de página inteira - código curto, então verifique a seção acima.
A diferença está na aba Design, onde você controla o esquema de cores do Button Player.
Guia Projeto:

• Pré-visualização - Veja em tempo real a aparência do jogador.
• Modelo - Escolha um dos 16 belos esquemas de cores.
• Largura - Largura do jogador. Pode estar em percentagens ou pixels.
• Margem - Superior/Inferior - Margem superior e inferior do jogador.

As outras opções são as mesmas, como para Player de página inteira - código curto, então verifique a seção acima.

📚 O Circle Player tem configurações semelhantes às do player de botões

Ao usar o modo 2.X, ele mostrará o ícone do alto-falante assim que o usuário destacar qualquer texto no site.

Para usar no modo 2.X, vá para GSpeech->GSpeech 2.X.
Defina "Usar versão 2.X" como "Sim", escolha o idioma padrão do site e clique em "Salvar":

Para configurar os estilos, vá até a aba “Estilos”. Você pode escolher um dos mais de 50 ícones de alto-falante e configurar todas as cores nele. O player padrão está usando o "Estilo 2":