spoken word
1.0.1
Adicione o texto em fala (TTS) ao conteúdo, com controles de reprodução, destaque de leitura, suporte multilingual e configurações para taxa, pitch e voz.
Colaboradores: Westonuter
Tags: tts, síntese de fala, texto em fala, áudio, voz, leitura junto
Requer pelo menos: 4.7
Testado até: 4.9
Tag estável: 1.0.1
Licença: MIT
Requer PHP: 5.4
Adicione o texto em fala (TTS) ao conteúdo, com controles de reprodução, destaque de leitura, suporte multilingual e configurações para taxa, pitch e voz.
speechSynthesis . Zero solicitações ou dependências externas.sup ).position:sticky .)[lang] seja falado pela voz apropriada (assumindo que o usuário o tenha instalado).localStorage , com alterações sincronizadas entre as janelas (de um determinado site).speechSynthesis API não sendo implementada o suficiente nesses sistemas e/ou seleção de faixa programática não funciona da mesma maneira que na área de trabalho. Por esses motivos, a funcionalidade é desativada por padrão em sistemas operacionais móveis.Experimente em exemplo independente com algum conteúdo de teste.
As configurações para a palavra falada são apresentadas em um elemento dialog HTML5. Para os navegadores que ainda não suportam esse recurso, o plug-in agrupa o diálogo-poli. O polifill é incluído apenas se for detectado, o navegador não suporta dialog nativamente. A inclusão do polifill pode ser desativada adicionando o seguinte ao seu tema ou plugin:
add_filter ( ' spoken_word_include_dialog_polyfill ' , ' __return_false ' );Para temas que possuem um cabeçalho pegajoso (como o menu NAV em vinte dezessete), pode ser necessário adicionar alguns CSs adicionais para garantir que os controles de reprodução posicionados com posicionamento pegajoso não se escondam atrás do cabeçalho pegajoso. Por exemplo, em vinte dezessete, você pode adicionar o seguinte ao CSS personalizado no personalizador:
@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 );
}
} Um Bookmarklet pode ser usado para carregar a funcionalidade da palavra falada em qualquer site, mesmo sites sem palavras onde o plug-in não está instalado. A chave é usar o contentSelector apropriado:
( ( ) => {
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 ) ;
} ) ( ) ; A função spokenWord.initialize() toma um objeto como seu argumento que pode ter as seguintes propriedades:
* @param {string} contentSelector - seletor CSS para encontrar os elementos para falar.
* @param {element} rootElement - elemento raiz dentro do qual procurar conteúdo.
* @param {objeto} chunkifyOptions - opções passadas para o chunkify.
* @Param {boolean} UsadoShicons - seja o uso de DashiCons.
* @param {object} defaultutteranceOptions - Opções de enunciado padrão quando nenhuma é fornecida no LocalSorage.
A caixa de diálogo e os controles são renderizados usando o Preact. Para uma lista de todos os módulos usados por este plug -in, consulte o package.json.
Este plug -in é desenvolvido no Github, onde a fonte pode ser visualizada. Por favor, relate problemas lá. Pull Pedidos bem -vindos. O pacote spoken-word também é publicado no NPM.
Desative a funcionalidade nos dispositivos Android e iOS por padrão.
Liberação inicial.
