spoken word
1.0.1
Добавьте текст в речь (TTS) в контент, с элементами управления воспроизведением, подсветкой чтения, многоязычной поддержкой и настройками для скорости, высоты и голоса.
Авторы: Westonruter
Теги: TTS, речевая синтез, текст к речи, аудио, голос, чтение
Требуется хотя бы: 4.7
Протестировано до: 4.9
Стабильный тег: 1.0.1
Лицензия: MIT
Требуется PHP: 5.4
Добавьте текст в речь (TTS) в контент, с элементами управления воспроизведением, подсветкой чтения, многоязычной поддержкой и настройками для скорости, высоты и голоса.
speechSynthesis . Нулевые внешние запросы или зависимости.sup ).position:sticky .)[lang] который будет произносить соответствующий голос (при условии, что пользователь установил его).localStorage , с изменениями в Windows (данного сайта).speechSynthesis , недостаточно хорошо реализуется для этих систем, так и/или выбор программного диапазона не работает так же, как на рабочем столе. По этим причинам функциональность отключена по умолчанию в мобильных операционных системах.Попробуйте это на автономном примере с некоторым тестовым контентом.
Настройки для устного слова представлены в dialog элементе HTML5. Для браузеров, которые еще не поддерживают эту функцию, плагин объединяет диалог-полифилл. Полифилл включен только в том случае, если он обнаружен, браузер не поддерживает dialog окно. Включение полифилла может быть отключено, добавив следующее в вашу тему или плагин:
add_filter ( ' spoken_word_include_dialog_polyfill ' , ' __return_false ' );Для тем, в которых есть липкий заголовок (например, меню NAV в двадцать семнадцать), вам может потребоваться добавить несколько дополнительных CSS, чтобы убедиться, что элементы управления воспроизведением не скрываются за липким заголовком. Например, за двадцать семнадцати вы можете добавить следующее в пользовательский CSS в Customizer:
@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 );
}
} Закладка может использоваться для загрузки функциональности разговорного слова в любой сайт, даже не условные сайты, где плагин не установлен. Ключ должен использовать соответствующий contentSelector :
( ( ) => {
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 ) ;
} ) ( ) ; Функция spokenWord.initialize() принимает объект в качестве аргумента, который может иметь следующие свойства:
* @param {string} contentselector - css selector, чтобы найти элементы для выступления.
* @param {element} rootlement - root -элемент, в котором можно найти контент.
* @param {object} chunkifyoptions - Параметры, передаваемые в Chunkify.
* @param {boolean} usedAshicons - будь то jasicons.
* @param {Object} defaultutteranceOptions - Параметры высказывания по умолчанию, когда ни один из них не поставляется из LocalStorage.
Диалог и элементы управления отображаются с использованием Preact. Список всех модулей, используемых этим плагином, см. Package.json.
Этот плагин разработан на GitHub, где можно просмотреть источник. Пожалуйста, сообщите о проблемах там. Приглашать запросы. Пакет spoken-word также опубликован на NPM.
Отключите функциональность в устройствах Android и iOS по умолчанию.
Первоначальный выпуск.
