GSpeech TTS - Guia de Implementação

Introdução

GSpeech é um plug-in WordPress de texto para fala moderno e líder, que usa Google Tecnologia para gerar o melhor áudio e funciona em todos os dispositivos e navegadores! Com Mais de 65 idiomas disponíveis seu site estará disponível para públicos maiores em todo o mundo. Versões comerciais deste plugin WordPress de conversão de texto em fala gratuito estão usando o As melhores vozes de IA semelhantes às humanas, para tornar ainda mais confortável o consumo do seu conteúdo e atender melhor seus clientes. Adicionar recursos de conversão de texto em fala impulsionará o desempenho do seu site Rankings de SEO e aumente seu tráfego e vendas.

Obrigado por se interessar pelo GSpeech TTS - plugin de texto para fala do WordPress. Neste manual, orientaremos você sobre como instalar e usar o plugin em seu site.

Baixar

📚 Instalação

Primeiro, faça login no painel do WordPress e clique em “Plugins->Adicionar Novo Plugin”:

Pesquise “GSpeech” no console de pesquisa no canto superior direito. Agora você verá o plugin GSpeech abaixo. Clique no botão "Instalar agora":

E o botão mudaria para “Ativar”. Clique nele e aguarde o feedback de sucesso do WordPress.
Você também pode Baixar o pacote e carregue-o manualmente.
Agora você verá o menu "GSpeech" no painel de menus esquerdo:

📚 Configurando o plugin

O GSpeech pode ser usado em dois modos, modo GSpeech 2.X e modo Cloud Console.

📚 Modo GSpeech 2.X

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":

📚Console de nuvem GSpeech

GSpeech Cloud Console é a última geração do nosso produto, que permite usar as melhores vozes de IA, traduzir conteúdo de áudio em tempo real para mais de 65 idiomas.
Suporta vários tipos de jogadores:

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

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

📚 Ativaçã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”:

📚 Configurações de nuvem

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.
• 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.
• 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.

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á.

📚 Player RHT (ler texto destacado)

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:

• 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.

📚 Player de página inteira

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

📚 Player de página inteira - Shortcode

Para inserir o Full Page Player em qualquer lugar do conteúdo, use [gfala] Código curto.
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.
  Use 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:

• 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.

📚 Player de página inteira - várias páginas

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.
  Use 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.

📚 Jogador de botão

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 [botão gspeech] Código curto.
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:

• 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.

📚 Jogador do Círculo

Se você tiver algum problema, basta entre em contato.