1

Тема: Порадьте плагін для WordPress для озвучки слів користувачем

Доброго дня!
Будь ласка, порадьте плагін для WP, з яким можна озвучувати окремі слова власним голосом. Тобто ти завантажуєш свій власний аудіофайл і підключаєш його до іконки динаміка біля слова. Читач тисне на ту іконку і слухає, як слово вимовляється.
Я знаю, є плагіни для озвучки тексту комп'ютером, мені це не підходить. Є також плагіни глосаріїв, вони важкенні й пропонують забагато зайвих функцій, мені це теж не підходить. Треба щось простеньке й легеньке.
Я не програміст, але зможу і якусь простеньку функцію підключити (замість плагіна), якщо буде зрозуміло описано, як це зробити.
Заздалегідь щиро дякую!

2

Re: Порадьте плагін для WordPress для озвучки слів користувачем

Не знаю як що до того "озвучувати окремі слова власним голосом", але є наприклад такий плаґін
ResponsiveVoice Text To Speech
Це не те що ви шукаєте?

3 Востаннє редагувалося /KIT\ (08.07.2021 14:07:53)

Re: Порадьте плагін для WordPress для озвучки слів користувачем

`

Подякували: koala, TiaTa2

4

Re: Порадьте плагін для WordPress для озвучки слів користувачем

varkon написав:

Не знаю як що до того "озвучувати окремі слова власним голосом", але є наприклад такий плаґін
ResponsiveVoice Text To Speech
Це не те що ви шукаєте?

Дякую, але це не те. Це комп'ютерна озвучка всього тексту, начитує машина.

5

Re: Порадьте плагін для WordPress для озвучки слів користувачем

/KIT\ написав:

html:

<audio id="audio1" src="slovo.wav"></audio>
<a href="#" onclick="play()">Слухати</a>

js:

function play() {
    document.getElementById('audio1').play();
}

Таке?

Щиро Вам дякую!!! Схоже, що це те, що треба, але воно чомусь не працює. Код js я скопіювала у файл функцій, правильно? Замість слова "Слухати" поставила іконку динаміка. Але коли я на неї тисну, то мене перекидає на ту ж саму сторінку, а файл не програється. Може, там ще щось треба підключити чи дописати?
Дякую!!!

6

Re: Порадьте плагін для WordPress для озвучки слів користувачем

https://codepen.io/NagarD/pen/dZXZzx

Подякували: TiaTa1

7

Re: Порадьте плагін для WordPress для озвучки слів користувачем

Шановні, я Вам всім дуже дякую за допомогу, але здається, там ще щось треба додати, чи зробити якось інакше. Я вставляла код js і у файл з функціями, і створювала окремий файл, і прописувала до нього шлях у хедері, - результат той самий, замість програвати перекидає на ту ж саму сторінку. Ще просила допомогти розібратися свого колегу, він перепробував купу варіантів, і та воно все одно не спрацьовує. Можете розписати покрокову реалізацію саме для ВордПресс?
Дякую!!!

8

Re: Порадьте плагін для WordPress для озвучки слів користувачем

Ctrl+Shift+K (Web console) та подивіться що саме йому не вистачає

Подякували: TiaTa1

9

Re: Порадьте плагін для WordPress для озвучки слів користувачем

varkon написав:

Ctrl+Shift+K (Web console) та подивіться що саме йому не вистачає

Там пише:
Uncaught ReferenceError: play is not defined
    at HTMLAnchorElement.onclick (?p=212&preview=true:198)

А чому не визначено, не ясно.
По виду наче це функція, яку треба додавати у файл функцій, але так воно не працює. Якщо створювати окремий файл js і підключати його через хедер, теж не працює. Як воно взагалі правильно підключається?
Дякую!

10

Re: Порадьте плагін для WordPress для озвучки слів користувачем

TiaTa написав:

Там пише:
Uncaught ReferenceError: play is not defined
    at HTMLAnchorElement.onclick (?p=212&preview=true:198)

А чому не визначено, не ясно.
По виду наче це функція, яку треба додавати у файл функцій, але так воно не працює. Якщо створювати окремий файл js і підключати його через хедер, теж не працює. Як воно взагалі правильно підключається?
Дякую!

Наскільки я розумію то є два шляхи щоб цього досягти - перший це обгорнути це в плаґін який повинен додавати функцію до хедера якщо доданий потрібний теґ. Це трошки більше роботи, але найбільш зручно. Або відредагувати файли теми (header.php) - що значно швидше, але функція буде підключатися де требе та де не треба.
А як ви це робили?

Подякували: TiaTa1

11

Re: Порадьте плагін для WordPress для озвучки слів користувачем

varkon написав:

Наскільки я розумію то є два шляхи щоб цього досягти - перший це обгорнути це в плаґін який повинен додавати функцію до хедера якщо доданий потрібний теґ. Це трошки більше роботи, але найбільш зручно. Або відредагувати файли теми (header.php) - що значно швидше, але функція буде підключатися де требе та де не треба.
А як ви це робили?

Ми намагалися підключити цю функцію двома способами:
1. Додали код js у файл functions.php, а код html вставили безпосередньо за словом, яке треба було озвучити.
2. Створили окремий файл .js, вставили в нього код js, у хедері прописали на нього посилання перед закриваючим тегом </head>: <script src="/wp-content/themes/назва теми/назва файлу.js"></script>. Ну і вставили код html після слова, яке треба було озвучити.

12

Re: Порадьте плагін для WordPress для озвучки слів користувачем

погляньте в сторону web components

13

Re: Порадьте плагін для WordPress для озвучки слів користувачем

TiaTa написав:

Ми намагалися підключити цю функцію двома способами:
1. Додали код js у файл functions.php, а код html вставили безпосередньо за словом, яке треба було озвучити.
2. Створили окремий файл .js, вставили в нього код js, у хедері прописали на нього посилання перед закриваючим тегом </head>: <script src="/wp-content/themes/назва теми/назва файлу.js"></script>. Ну і вставили код html після слова, яке треба було озвучити.

Почніть з простішого - додайте функцію беспосередньо у хедер теми - це працює без проблем. наприклад тут
Я не зовсім розумію що ви маєте на увазі - "Додали код js у файл functions.php". Навіщо?

Подякували: TiaTa1

14 Востаннє редагувалося varkon (08.11.2017 21:49:47)

Re: Порадьте плагін для WordPress для озвучки слів користувачем

У вас у хедері повинно бути щось схоже на таке:

<script language='JavaScript' type="text/javascript">
function play() {
    document.getElementById('audio1').play();
    return false; // Щоб не було переходу за посиланням - функія має повертати фолс
}
</script>

Й до речі - id краще передавати у функцію

Подякували: TiaTa1

15

Re: Порадьте плагін для WordPress для озвучки слів користувачем

<script language='JavaScript' type="text/javascript">

:D

16

Re: Порадьте плагін для WordPress для озвучки слів користувачем

Шо не так?

17

Re: Порадьте плагін для WordPress для озвучки слів користувачем

Мабуть Трусік сміється з давно застарілого атрибуту language тега script, який мав сенс 7+ років тому

Подякували: FakiNyan, leofun012

18

Re: Порадьте плагін для WordPress для озвучки слів користувачем

FakiNyan написав:

погляньте в сторону web components

Що Ви маєте на увазі?

19 Востаннє редагувалося TiaTa (09.11.2017 10:46:37)

Re: Порадьте плагін для WordPress для озвучки слів користувачем

varkon написав:

У вас у хедері повинно бути щось схоже на таке:

<script language='JavaScript' type="text/javascript">
function play() {
    document.getElementById('audio1').play();
    return false; // Щоб не було переходу за посиланням - функія має повертати фолс
}
</script>

Й до речі - id краще передавати у функцію

Уф, нарешті зазвучало. Але ще 2 проблеми залишились. Перша - воно продовжує оновлювати сторінку при натисканні на посилання і перекидати на її початок, хоча аудіо вже програється. Друга - мені треба озвучити кілька таких слів на сторінку, а в усіх випадках звучить лише перше аудіо, хоча до наступних стоїть посилання на інші аудіофайли.

А що Ви мали на увазі під цим?

Й до речі - id краще передавати у функцію

Я не зовсім розумію що ви маєте на увазі - "Додали код js у файл functions.php". Навіщо?

Створили новий файл .js і вставили туди одну-єдину ось цю функцію, а посилання на неї прописали в хедері. Кажу ж, не програмісти ми. Коли треба додати якусь функцію, гуглимо, і один в один повторюємо те, що радять в поясненнях. В якихось випадках так робилось, ось і спробувати ще й цей спосіб.

20 Востаннє редагувалося varkon (09.11.2017 11:18:39)

Re: Порадьте плагін для WordPress для озвучки слів користувачем

TiaTa написав:

А що Ви мали на увазі під цим?

Й до речі - id краще передавати у функцію

    <script language='JavaScript' type="text/javascript">
    function play(name) {
        document.getElementById(name).play();
        return false; // Щоб не було переходу за посиланням - функія має повертати фолс
    }
    </script>

у вашому запису відповідно

<audio id="audio1" src="http://boobooka.com/wp-content/uploads/2017/08/golosa-malenkih-kotjat.mp3"></audio>
<h1><a href="#" onclick="play('audio1')">Слухати</a></h1>
<audio id="audio2" src="http://boobooka.com/wp-content/uploads/2017/08/golosa-malenkih-kotjat.mp3"></audio>
<h1><a href="#" onclick="play('audio2')">Слухати</a></h1>

це звичайно тільки приклад. Ну й треба опрацьовувати випадок що аудіо вже можливо грає. Якщо ви звичайно так цього хочете ))

TiaTa написав:

Я не зовсім розумію що ви маєте на увазі - "Додали код js у файл functions.php". Навіщо?

Створили новий файл .js і вставили туди одну-єдину ось цю функцію, а посилання на неї прописали в хедері. Кажу ж, не програмісти ми. Коли треба додати якусь функцію, гуглимо, і один в один повторюємо те, що радять в поясненнях. В якихось випадках так робилось, ось і спробувати ще й цей спосіб.

то ви шось не додивилися. Цей файл використовується для придяння функціональності темі, тому це можна робити тут - але це не просто  - додати код та чекати що він спрацює

Подякували: TiaTa1