Installer l'officiel GSpeechExtension TTS Joomla et connectez-le au GSpeech Cloud Console pour le naturel Narration de l'IA Joomla, les lecteurs modernes et la lecture dans le cloud — Aucune clé API requiseL'audio est généré et mis en cache dans le cloud, ce qui permet à votre hébergement Joomla de rester léger.
Utilisez ce guide pour Ajouter la synthèse vocale à JoomlaTéléchargez le package, activez l'extension, collez l'ID de votre widget, placez les lecteurs Pleine Page/Bouton/Cercle avec du HTML personnalisé si nécessaire, puis mappez. Sélecteur de contenu et Élément de rendu pour les articles, les catégories et les modèles personnalisés.
Package Joomla officiel — Installer via Extensions → Téléverser un fichier de package.
Connexion à l'ID du widget — Lier le site à la console cloud sans clés API.
Génération audio dans le cloud — synthétiser une seule fois, mettre en cache et rejouer lors des visites successives.
Widgets personnalisés illimités — articles, catégories et joueurs spécifiques au modèle.
Idéal pour : Les propriétaires de sites Joomla qui ont besoin d'une narration IA sur les articles et les pages de catégories, y compris les modèles personnalisés où vous associez des sélecteurs à .item-page ou des conteneurs de modèles.
Installer — aller à Système → Installation → Extensions, choisissez Télécharger le fichier du package, et sélectionnez le fichier zip téléchargé.
Activez le plugin — aller à Système → Gérer → Plugins, rechercher Discours G / GSpeech, ouvrez-le, configurez Statut → Activé.
Ajouter l'ID du widget — Collez l'ID du widget depuis votre site Cloud Console. Créez un site via créer un site Web, ou ouvrez-en un existant dans votre tableau de bord → site → Paramètres copier Identifiant du widget.
Enregistrer — Enregistrez les paramètres du plugin, puis testez une page d'interface.
L'extension Joomla se charge GSpeech Une fois l'identifiant du widget enregistré, les joueurs n'apparaissent qu'à l'emplacement des montures ou du code HTML personnalisé, et seulement si le widget correspondant est publié et configuré.
Modèle de cartographie
Extension Joomla, ID de widget et mappage de contenu
Sur Joomla, le package et l'identifiant du widget chargent le moteur. Chaque widget associe ensuite le code HTML de l'article, la mise en page des catégories ou les conteneurs de modèles personnalisés à un point de montage HTML personnalisé, sans avoir à coder en dur un lecteur par article.
1ID du widget + extension
Le package Joomla charge le moteur une fois l'ID du widget collé. Sans cela, les montages sont inactifs.
2Widget personnalisé
Configuration du tableau de bord : voix, langue, design, paramètres de contenu, règles d’URL pour les articles et les catégories.
3Monter / HTML personnalisé
Un marqueur dans un article ou un module (par exemple .gsp_full_player) où apparaît l'interface utilisateur du joueur.
4Cartographie du contenu
Sélecteur de contenu = quel texte d'article lire. Élément de rendu = emplacement où le joueur apparaît. Exclure / Titre / URL affinent la recherche.
Widgets illimités — Des widgets distincts de type Pleine page, Bouton ou Cercle pour les articles, les catégories, les langues ou les designs.
Nombre illimité de joueurs par widget — Un seul widget publié peut alimenter tous les points de montage correspondants autorisés par les règles Render Element + URL.
HTML personnalisé — Sur Joomla, le support ressemble à <div class="gsp_full_player"></div>Sur WordPress, le même principe utilise des codes courts tels que : [gspeech].
Options par défaut vs options avancées — Les montages par défaut fonctionnent rapidement. Les modèles personnalisés nécessitent des valeurs précises pour le sélecteur de contenu et l'élément de rendu.
joueurs
Ajouter des joueurs avec du HTML personnalisé
Placez l'une de ces montures à l'endroit où le joueur doit apparaître sur la page. Cliquez sur une carte pour la copier. Ensuite, configurez le widget. Élément de rendu à la même classe.
Associer les articles et les modèles Joomla au joueur
Dans le widget Contenu Les lecteurs devraient entendre les onglets, les articles cibles et les modèles de conteneurs — généralement .item-page, des mises en page de catégories ou des conteneurs de modèles personnalisés.
CS
Sélecteur de contenu
Définit Quel texte est parlé ?Utilisez des sélecteurs CSS, séparés par des virgules. Exemples :
article, .item-page, #contenu — lisez ces éléments.
article,section,#mon_id,.ma_classe — plusieurs cibles dans un même champ.
classe_parent — lire le conteneur parent du montage (utile pour le HTML personnalisé placé à l'intérieur d'un article).
auto_classe — lire le même emballage que celui dans lequel se trouve le support.
Laisser vide si nécessaire Texte du contenu au lieu de cela (texte fixe, et non contenu DOM).
RE
Élément de rendu
Définit où l'interface utilisateur du joueur est injectéeIl doit correspondre à un élément réel de la page.
Pour les montages HTML personnalisés, définissez-le sur la classe de montage : .gsp_full_player, .gsp_button_player, .gsp_circle_player.
Vous pouvez également cibler des conteneurs de mise en page tels que corps, #contenu, .item-page lorsque vous n'utilisez pas de support dédié.
Si le sélecteur de contenu est correct mais que rien ne s'affiche, l'élément de rendu est généralement incorrect ou manquant sur cette page.
RP
Position du rendu
Place le joueur Avant or Après Le contenu de l'élément de rendu. Pour une div de montage dédiée, After/Before fonctionne généralement toujours par rapport à ce nœud : laissez le montage vide et laissez le widget le remplir.
EX
Exclure la liste
Sélecteurs qui doivent pas peuvent être prononcés, même s'ils se trouvent à l'intérieur du sélecteur de contenu. Séparés par des virgules. Exemple : #comments,.sidebar,.ads,.no-speech.
TT
Sélecteur de titre / Texte du titre
Sélecteur de titre — titre dynamique de la page (exemple : h1).
Titre Texte — Titre fixe affiché dans le lecteur. Laissez le sélecteur de titre vide si vous utilisez du texte de titre.
CT
Texte du contenu
Texte de narration fixe optionnel. Le sélecteur de contenu peut rester vide lorsqu'il est utilisé. Utile pour les courtes introductions de modules lorsque le DOM de l'article ne doit pas gérer l'audio.
Règle générale pour Joomla : Cibles du sélecteur de contenu .item-page (ou votre wrapper de modèle personnalisé), Render Element cible le montage HTML personnalisé et Exclude List ignore les commentaires et les barres latérales.
Exemples
Exemples pratiques de cartographie pour les articles Joomla
Exemple A
Page d'article avec support Full Page Player
Le code HTML de l'article comprend du contenu et un élément de montage :
Exclure la liste - .share-buttons,.related-posts (Optionnel)
Sélecteur de titre - h1 (Optionnel)
Exemple B
Mise en page personnalisée des catégories de modèles — classe_parente
Si le support se trouve à l'intérieur d'une catégorie personnalisée ou d'un bloc de contenu de modèle, le sélecteur de contenu peut être relatif :
Sélecteur de contenu - parent_class (lit le parent du mont)
Élément de rendu - .gsp_full_player
Utilisez le self_class lorsque le contenu du support lui-même contient le texte qui doit être narré.
Exemple C
Plusieurs articles, un seul widget
Le salon .gsp_button_player sur de nombreux articles. Widget One Button Player avec élément de rendu .gsp_button_player Ils peuvent tous les gérer. Créez des widgets supplémentaires uniquement lorsque la voix, le design, les sélecteurs ou les règles d'URL doivent différer d'une catégorie à l'autre.
Publier et écouter — Définir le statut sur Publié, actualiser la page Joomla en ligne, tester la lecture.
Lorsque le texte d'un article change, la synchronisation audio intelligente peut régénérer la narration en arrière-plan. Le mappage des champs reste déterminant. qui texte et où Le joueur est en vie.
QFP
FAQ : Extension de synthèse vocale Joomla
Joomla prend-il en charge la synthèse vocale et les voix d'IA avec GSpeech ?
Oui. L'officiel GSpeechExtension TTS Joomla Ajoute une narration IA pour les articles, les catégories et les modèles personnalisés. Les voix et les lecteurs sont gérés dans la console Cloud après l'installation du package et l'ajout de votre ID de widget.
Comment installer l'extension Joomla GSpeech et ajouter l'ID du widget ?
Téléchargez le package depuis cette page, puis rendez-vous sur Système → Installation → Extensions et téléchargez le fichier zip. Activez l'extension dans les plugins, collez le Identifiant du widget Depuis les paramètres de votre site Cloud Console, enregistrez les modifications. Ensuite, placez les points de montage HTML personnalisés aux endroits où vous souhaitez que les joueurs apparaissent.
Quelle est la différence entre un sélecteur de contenu et un élément de rendu sur Joomla ?
Sélecteur de contenu choisit quel code HTML Joomla raconter — souvent .item-page ou un conteneur de modèle personnalisé. Élément de rendu Détermine l'emplacement d'affichage du lecteur (généralement votre classe de montage HTML personnalisée). Corrigez le sélecteur de contenu si le texte affiché est incorrect ; corrigez l'élément de rendu si le lecteur ne s'affiche pas.
Est-ce que l'audio GSpeech ralentira mon site Joomla ?
Non. L'audio est généré et mis en cache dans le GSpeech L'extension est installée dans le cloud, et non sur votre serveur Joomla. Elle charge un client léger et les lecteurs s'affichent uniquement aux emplacements correspondants des widgets et des éléments publiés. Les articles conservent une vitesse de chargement normale, tandis que les visiteurs peuvent écouter la musique à la demande.
Ai-je besoin de clés API pour la narration IA de Joomla ?
Non. GSpeech is Aucune clé API requise Pour Joomla. Installez l'extension, collez l'ID du widget, configurez les widgets dans la console Cloud et publiez. Les voix et les lecteurs restent sur un seul compte, sans avoir besoin de clés TTS tierces sur votre hébergement.
Aide
Besoin d'aide concernant le package Joomla, l'ID du widget ou les sélecteurs d'un modèle personnalisé ?
Contactez le support GSpeechEnvoyez-nous l'URL de la page et nous vous aiderons à associer le sélecteur de contenu / l'élément de rendu.
