spoken word
1.0.1
Ajoutez du texte à la mise à jour (TTS) au contenu, avec des commandes de lecture, de la mise en évidence en lecture, de la prise en charge multilingue et des paramètres de taux, de hauteur et de voix.
Contributeurs: Westonruter
Tags: TTS, synthèse de la parole, text-to-dispection, audio, voix, lecture
Nécessite au moins: 4.7
Testé jusqu'à: 4.9
Étiquette stable: 1.0.1
Licence: MIT
Nécessite PHP: 5.4
Ajoutez du texte à la mise à jour (TTS) au contenu, avec des commandes de lecture, de la mise en évidence en lecture, de la prise en charge multilingue et des paramètres de taux, de hauteur et de voix.
speechSynthesis . Zéro demandes ou dépendances externes.sup ).position:sticky .)[lang] l'attribut d'être prononcé par la voix appropriée (en supposant que l'utilisateur l'a installé).localStorage , avec des modifications synchronisées à travers les fenêtres (d'un site donné).speechSynthesis qui n'est pas assez bien implémenté sur ces systèmes et / ou la sélection de plage programmatique ne fonctionne pas de la même manière que sur le bureau. Pour ces raisons, la fonctionnalité est désactivée par défaut sur les systèmes d'exploitation mobiles.Essayez-le sur un exemple autonome avec un contenu de test.
Les paramètres de la parole sont présentés dans un élément dialog HTML5. Pour les navigateurs qui ne prennent pas encore en charge cette fonctionnalité, le plugin regroupe le dialogue-polyfill. Le polyfill n'est inclus que s'il est détecté que le navigateur ne prend pas en charge dialog nativement. L'inclusion du polyfill peut être désactivée en ajoutant ce qui suit à votre thème ou plugin:
add_filter ( ' spoken_word_include_dialog_polyfill ' , ' __return_false ' );Pour les thèmes qui ont un en-tête collant (comme le menu NAV dans vingt-sept), vous devrez peut-être ajouter des CSS supplémentaires pour vous assurer que les commandes de lecture positionnées collantes ne sont pas cachées derrière l'en-tête collante. Par exemple, dans vingt-sept ans, vous pouvez ajouter ce qui suit au CSS personnalisé dans le personnalisateur:
@media screen and ( min-width : 782 px ) {
body : not (. admin-bar ) . spoken-word--active {
top : calc ( 0.5 em + 70 px );
}
body . admin-bar . spoken-word--active {
top : calc ( 0.5 em + 32 px + 70 px );
}
} Un bookmarklet peut être utilisé pour charger la fonctionnalité de mot parlé dans n'importe quel site, même des sites non-wordpress où le plugin n'est pas installé. La clé consiste à utiliser le contentSelector approprié:
( ( ) => {
const link = document . createElement ( 'link' ) ;
link . rel = 'stylesheet' ;
link . href = 'https://unpkg.com/spoken-word/css/style.css' ;
document . head . appendChild ( link ) ;
const script = document . createElement ( 'script' ) ;
script . src = 'https://unpkg.com/spoken-word/dist/spoken-word.js' ;
script . addEventListener ( 'load' , ( ) => {
spokenWord . initialize ( {
contentSelector : [ /* ? Amend as desired. */
'.hentry' ,
'.entry-content' ,
'.h-entry' ,
'.e-content' ,
'[itemprop="articleBody"]' ,
] . join ( ', ' )
} ) ;
} ) ;
document . head . appendChild ( script ) ;
} ) ( ) ; La fonction spokenWord.initialize() prend un objet comme argument qui peut avoir les propriétés suivantes:
* @param {String} ContentsElector - Sélecteur CSS pour trouver les éléments pour parler.
* @param {élément} rootElement - élément racine dans lequel rechercher le contenu.
* @param {object} ChunkifyOptions - Options transmises dans Chunyify.
* @param {boolean} usagesashicons - s'il faut utiliser des dasicons.
* @param {object} DefaultutteranceOptions - Options d'énoncé par défaut Quand aucun n'est fourni à partir de localStorage.
La boîte de dialogue et les commandes sont rendus à l'aide de Preact. Pour une liste de tous les modules utilisés par ce plugin, consultez le package.json.
Ce plugin est développé sur GitHub où la source peut être visualisée. Veuillez y publier des problèmes. Tirez les demandes de bienvenue. Le package spoken-word est également publié sur NPM.
Désactivez les fonctionnalités dans les appareils Android et iOS par défaut.
Libération initiale.
