Как сделать скрипт для проигрывания содержимого span?

Question

[partyzanx]

Если пройти по ссылке https://translate.google.ps/translate_tts?tk=50593... (при открытии ссылки ещё раз по юрл кликните интером), то откроется проигрыватель и прочитает как звучит цифра 二 в китайском.

Цифры "два" в китайском языке: "<span class="pi" style="display: inline-block;cursor: pointer;">二</span> "Er" и 两 "liang"

Почему-то два этих скрипта не работают. Хотя в этом вопросе они работают. Помогите, пожалуйста, усовершенствовать.

$('.pi').on('click', function() {
 let mp3 = new Audio(`https://translate.google.ps/translate_tts?tk=505935|631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${$(this).text().trim()}.mp3`);

 mp3.play();
 })


;(function(){
  var player = new Audio()
  var buttons = document.querySelectorAll('.pi')
  buttons.forEach(btn => btn.addEventListener('click', play))

  function play(evt) {
    let sound = evt.target.textContent
    player.src = `https://translate.google.ps/translate_tts?tk=505935|631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${sound}.mp3`
    player.play();
  }
})();

Answer 1

[Виктор Л]

12134
"два" в китайском языке: "
二 "Er" и 两 "liang"

;(function(){
  var player = new Audio()
  var buttons = document.querySelectorAll('.pin')
  buttons.forEach(btn => btn.addEventListener('click', play))

  function play(evt) {
    let sound = evt.target.textContent
    player.src = `https://translate.google.ps/translate_tts?tk=505935%7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${sound}`
    player.play();
  }
})();

Comments

[partyzanx]

Сработало, но только для первого объекта этого класса.
@Fzero0

Цифры "два" в китайском языке: <span class="pi" style="display: inline-block;cursor: pointer;">二</span> "Er" и <span class="pi" style="display: inline-block;cursor: pointer;">两</span> "liang"

При нажатии на 两 уже чтения нет

[partyzanx]

Виктор
两 читаться почему-то не будет

<span class="pin">二</span> "Er" и <span class="pin">两</span> "liang"

[Виктор Л]

не знаю у меня все читает

[partyzanx]

Виктор: что-то блокирует видимо посмотрите, пожалуйста

[Виктор Л]

даже на сайте тоже все читает

[Виктор Л]

класс pin а у ВАс pi

[partyzanx]

Виктор: в своём скрипте я тоже pi написал :)

[Виктор Л]

Ну тогда я не пойму что не работает

[partyzanx]

Виктор: блин, у меня вообще перестал на компе этот скрипт выполняться. Что это может быть? Ссылка работает нормально. Может ли комп как-то блокировать определённую ссылку или ява?

[Виктор Л]

partyzanx В песочнице работает? А локально не работает?

[partyzanx]

Виктор: ни в песочнице, ни на сайте нигде

[partyzanx]

Виктор: я перезагрузил комп. ни в одном браузере не работает. Локально хз как проверить

[Виктор Л]

Какой браузер? Что в консоли пишет

[partyzanx]

Виктор: опера, яндекс, хром

[partyzanx]

Виктор: заработало. Я ссылку немного поменял. Но опять читается только первый элемент 二.
两 и последующие не читаются

[partyzanx]

Виктор: GET https://translate.google.ps/translate_tts?tk=50593... 404 ()
2-1-0-39:1 Uncaught (in promise) DOMException: Failed to load because no supported source was found.

[Виктор Л]

ну версию хрома хотя бы?

- очисти консоль, обнови страницу и пришли скрин

[partyzanx]

Виктор: Версия 60.0.3112.90 (Официальная сборка), (64 бит)

[partyzanx]

Виктор: у меня почему вот такая ссылка не работает

https://translate.google.ps/translate_tts?tk=50593...

а вот такая работает

https://translate.google.ps/translate_tts?tk=50593...

[Виктор Л]

блин начнем с начала:
есть сайт http://wikihsk.ru/ там есть звучание 1- 2 по китайски хочешь послушать но ничего не слышишь? так?
-если так то у меня тоже оно через раз работает сайт кривой

[Виктор Л]

блин мне кажется ты "тролишь" то про сайт то про ссылки
https://translate.google.ps/translate_tts?tk=50593...

в total=1 - один читать
а в q= херачишь предложение
если в q=二十二个人 - то в тотал должно быть кол (5)
так

[partyzanx]

Виктор: походу проблема в поведении самой ссылки.
Я хочу открыть в песочнице через хром, и у меня ничего не работает



В консоле GET https://translate.google.ps/translate_tts?tk=50593... 404 ()
(index):1 Uncaught (in promise) DOMException: Failed to load because no supported source was found.

Не знаешь, может есть более рабочие ссылки по выводу китайского звука?

[partyzanx]

Вот смотри

Я нажимаю на ссылку, и если там вместо | стоит %, то ссылка не рабочая

Не работает:

https://translate.google.ps/translate_tts?tk=505935%7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=二

Работает:

https://translate.google.ps/translate_tts?tk=505935|7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=二

Как скриптом сделать, чтобы | не заменялось на %?

Обратить внимание на 505935% и 505935|

[Виктор Л]

может тебя уже в google забанили за кол-обращений :)

[partyzanx]

Виктор: блин капец! из-за тотал все проблемы!

Нет, я не троллю не в коем случае! А как скриптово решить эту проблему? Чтобы тотал убрать как-тось

[Виктор Л]

ну нужно url формировать программно https://translate.google.ps/translate_tts?
с нужными тебе параметрами, получать сколько символов в спан и передавать их в тотал

[partyzanx]

Виктор: в общем, просто нужен синтез речи для китайского и русского...