Joomla Text to Speech — Extensión oficial de TTS

Joomla texto a voz: narración con IA mediante la extensión oficial TTS.

Descargar
Descargado: 18,511

Instalar el oficial GSpeech Extensión de síntesis de voz para Joomla y conéctelo al GSpeech Consola de nube para natural Narración con IA en Joomla, reproductores modernos y reproducción en la nube — No se requieren claves APIEl audio se genera y se almacena en caché en la nube para que su servidor Joomla se mantenga ligero.

Utilice esta guía para Agregar texto a voz a Joomla: descarga el paquete, habilita el plugin, pega tu ID de widget, coloca los reproductores de página completa / botón / círculo con HTML personalizado cuando sea necesario, luego asigna Selector de contenido y Elemento de renderizado Para artículos, categorías y plantillas personalizadas.

  • Paquete oficial de Joomla — Instalar mediante Extensiones → Subir archivo de paquete.
  • Conexión de ID de widget — Vincula el sitio a la consola de Cloud sin claves API.
  • Generación de audio en la nube — Sintetizar una vez, almacenar en caché y reproducir en visitas posteriores.
  • Widgets personalizados ilimitados — artículos, categorías y reproductores específicos de plantillas.

Ideal para: Propietarios de sitios Joomla que necesitan narración de IA en artículos y páginas de categorías, incluidas plantillas personalizadas donde se asignan selectores a .item-page o envoltorios de plantillas.

Descripción general del sitio web TTS Demostraciones en vivo Consola de Open Cloud

Conectar GSpeech a Joomla!

Instala el plugin y configura Joomla!

  • Descargar - Descarga el paquete GSpeech para Joomla..
  • Abrir el panel de administración de Joomla — Inicia sesión en tu panel de administración de Joomla!.
  • Instale - ir a Sistema → Instalar → Extensioneselija Cargar archivo de paquetey seleccione el archivo zip descargado.
  • Habilitar el complemento - ir a Sistema → Administrar → Complementos, busque GSpeech / GSpeech, ábrelo, configura Estado → Habilitado.
  • Agregar ID de widget — pegue el ID del widget desde su sitio de Cloud Console. Cree un sitio a través de crear una página webo abre uno existente en tu Afiliados → sitio → Configuración copiar ID de widget.
  • Guardar — guarda la configuración del plugin y luego prueba una página de la interfaz de usuario.

La extensión de Joomla se carga GSpeech Una vez guardado el ID del widget, los jugadores solo aparecerán donde coloques monturas o código HTML personalizado, y únicamente cuando el widget correspondiente esté publicado y configurado.

Extensión de Joomla, ID de widget y mapeo de contenido

En Joomla, el paquete más el ID del widget carga el motor. Cada widget luego asigna el HTML del artículo, los diseños de categoría o los contenedores de plantillas personalizadas a un montaje HTML personalizado, sin codificar un reproductor por artículo:

1 ID del widget + extensión

El paquete Joomla carga el motor después de pegar el ID del widget. Sin él, los puntos de montaje no funcionan.

2 Widget personalizado

Configuración del panel de control: voz, idioma, diseño, configuración de contenido, reglas de URL para artículos frente a categorías.

3 Montaje / HTML personalizado

Un marcador en un artículo o módulo (por ejemplo .gsp_full_player) donde aparece la interfaz de usuario del jugador.

4 Mapeo de contenido

Selector de contenido = qué texto del artículo leer. Elemento de renderizado = donde aparece el jugador. Excluir / Título / URLs refinan la coincidencia.

  • Widgets ilimitados — Widgets separados de página completa, botón o círculo para artículos, categorías, idiomas o diseños.
  • Jugadores ilimitados por widget — Un widget publicado puede alimentar todos los puntos de montaje coincidentes permitidos por las reglas de Render Element + URL.
  • HTML personalizado — en Joomla el soporte se ve así <div class="gsp_full_player"></div>En WordPress, la misma idea utiliza códigos cortos como [gspeech].
  • Valores predeterminados frente a valores avanzados — Los montajes predeterminados funcionan rápidamente. Las plantillas personalizadas necesitan valores precisos para el selector de contenido y el elemento de renderizado.

Agrega jugadores con HTML personalizado

Coloca cualquiera de estas monturas donde el jugador debería aparecer en la página. Haz clic en una tarjeta para copiarla. Luego configura el widget. Elemento de renderizado a la misma clase.

  • Reproductor de página completa
    <div class="gsp_full_player"></div>
  • Reproductor de botones
    <div class="gsp_button_player"></div>
  • Jugador del círculo
    <div class="gsp_circle_player"></div>

Documentación completa del reproductor Documentación del reproductor de botones Documentación de Circle Player

Asignar artículos y plantillas de Joomla al reproductor

En el widget Contenido Los lectores deberían escuchar, por lo general, las pestañas, los artículos de destino y los envoltorios de plantillas. .item-pagediseños de categorías o contenedores de plantillas personalizadas.

  • id → # / clase → . - p.ej class="item-page" → .item-page.
  • Reúne las piezas — El selector de contenido acepta varios destinos, separados por comas.
  • Recortar piezas — La lista de exclusión utiliza el mismo # / . + comas.
  • guía para principiantes - Cómo escribir valores HTML (# / .).

Selector de contenido

Define ¿Qué texto se pronuncia?Utilice selectores CSS, separados por comas. Ejemplos:

  • artículo, .página-del-elemento, # Content — lee esos elementos.
  • artículo,sección,#mi_id,.mi_clase — Múltiples objetivos en un mismo campo.
  • clase_padre — lee el contenedor principal del montaje (útil para HTML personalizado colocado dentro de un artículo).
  • auto_clase — lee el mismo contenedor en el que se encuentra el soporte.
  • Déjelo vacío si usa Texto de contenido en su lugar (texto fijo, no contenido DOM).

Elemento de renderizado

Define donde se inyecta la interfaz de usuario del jugadorDebe coincidir con un elemento real de la página.

  • Para montajes HTML personalizados, configúrelo en la clase de montaje: .gsp_full_player, .gsp_button_player, o .gsp_circle_player.
  • También puede seleccionar contenedores de diseño como cuerpo, # Content, o .página-del-elemento cuando no se utiliza un soporte específico.
  • Si el selector de contenido es correcto pero no aparece nada, normalmente el elemento de renderizado es incorrecto o falta en esa página.

Posición de renderizado

Coloca al jugador Antes or Después el contenido del elemento de renderizado. Para un div de montaje dedicado, After/Before generalmente sigue funcionando en relación con ese nodo: mantenga el montaje vacío y deje que el widget lo llene.

Lista de exclusión

Selectores que deben No ser hablado, incluso si se encuentran dentro del Selector de contenido. Lo mismo # / . reglas, separadas por comas. Ejemplo: #comments,.sidebar,.ads,.no-speech.

Selector de título / Texto del título

  • Selector de título — título dinámico de la página (ejemplo: h1).
  • Texto del título — Título fijo que se muestra en el reproductor. Deje el selector de título vacío cuando utilice el texto del título.

Texto de contenido

Texto de narración fijo opcional. Cuando se utiliza, el selector de contenido puede permanecer vacío. Útil para introducciones breves de módulos cuando el DOM del artículo no debe controlar el audio.

Regla general para Joomla: Objetivos del selector de contenido .item-page (o su contenedor de plantilla personalizado), Render Element apunta al montaje HTML personalizado y Exclude List omite los comentarios y las barras laterales.

Ejemplos prácticos de mapeo para artículos de Joomla

Página de artículo con reproductor de página completa

El HTML del artículo incluye contenido y un montaje:

  • Marcado de página
    <div class="item-page">...</div> <div class="gsp_full_player"></div>
  • Selector de contenido - .item-page
  • Elemento de renderizado - .gsp_full_player
  • Lista de exclusión - .share-buttons,.related-posts (opcional)
  • Selector de título - h1 (opcional)

Diseño de categoría de plantilla personalizada — clase_padre

Si el montaje se encuentra dentro de una categoría personalizada o un bloque de contenido de plantilla, el selector de contenido puede ser relativo:

  • Selector de contenido - parent_class (lee el padre del soporte)
  • Elemento de renderizado - .gsp_full_player

Usar self_class cuando el propio contenedor de montaje contiene el texto que debe ser narrado.

Muchos artículos, un widget

Especial .gsp_button_player en muchos artículos. Widget de reproductor de un botón con elemento de renderizado .gsp_button_player Puede alimentarlos a todos. Cree widgets adicionales solo cuando las reglas de voz, diseño, selectores o URL deban diferir entre categorías.

Crear widgets de narración de artículos para Joomla

  • Abrir panel de control — ve a tu Panel de control de GSpeech.
  • Seleccione el sitio web — abre el sitio Joomla al que te conectaste.
  • Agregar nuevo widget — Widgets → Agregar nuevo widget → elegir tipo (Reproductor completo, Botón, Círculo, …) → Crear.
  • Configurar contenido — Configurar el selector de contenido, el elemento de renderizado, la lista de exclusión y los títulos de los artículos o categorías.
  • Configurar reproductor / Diseño — voz, paneles, tema, ancho, márgenes.
  • Publicar y escuchar — Establezca el estado en Publicado, actualice la página de Joomla en vivo y pruebe la reproducción.

Cuando cambia el texto del artículo, Smart Audio Sync puede regenerar la narración en segundo plano. Los campos de mapeo aún deciden lo cual texto y dónde El jugador vive.

Preguntas frecuentes: Extensión de conversión de texto a voz para Joomla

  • ¿Joomla es compatible con la conversión de texto a voz y las voces de IA mediante GSpeech?

    Sí. El oficial GSpeech Extensión de síntesis de voz para Joomla Agrega narración con IA para artículos, categorías y plantillas personalizadas. Las voces y los reproductores se administran en la consola en la nube después de instalar el paquete y pegar el ID del widget.
  • ¿Cómo instalo la extensión GSpeech para Joomla y añado el ID del widget?

    Descarga el paquete desde esta página y luego ve a Sistema → Instalar → Extensiones y sube el archivo zip. Habilita el complemento en Plugins, pega el ID de widget Desde la configuración del sitio de tu consola en la nube, guarda los cambios. Después, coloca los soportes HTML personalizados donde quieras que aparezcan los jugadores.
  • ¿Qué es un selector de contenido frente a un elemento de renderizado en Joomla?

    Selector de contenido elige qué HTML de Joomla narrar, a menudo .item-page o un contenedor de plantilla personalizado. Elemento de renderizado Elige dónde aparece el reproductor (normalmente, en tu clase de montaje HTML personalizada). Corrige el selector de contenido cuando se reproduce el texto incorrecto; corrige el elemento de renderizado cuando el reproductor no se muestra.
  • ¿El audio de GSpeech ralentizará mi sitio web Joomla?

    No. El audio se genera y se almacena en caché en el GSpeech En la nube, no en tu servidor Joomla. La extensión carga un cliente ligero y los reproductores aparecen solo donde coinciden los puntos de montaje y los widgets publicados. Los artículos mantienen la velocidad de carga normal mientras los visitantes escuchan bajo demanda.
  • ¿Necesito claves API para la narración con IA de Joomla?

    No. GSpeech is No se requieren claves API Para Joomla. Instala la extensión, pega el ID del widget, configura los widgets en la consola de Cloud y publica. Las voces y los reproductores permanecen en una sola cuenta sin necesidad de claves TTS de terceros en tu servidor.

¿Necesitas ayuda con el paquete Joomla, el ID del widget o los selectores para una plantilla personalizada? Contacta con el soporte de GSpeechEnvíanos la URL de la página y te ayudaremos a asignar el selector de contenido/elemento de renderizado.