Задать вопрос
partyzanx
@partyzanx
javascript

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

Если пройти по ссылке 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();
  }
})();
  • Вопрос задан
  • 233 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Fzero0
@Fzero0
Вечный студент
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();
  }
})();
Ответ написан
27 комментариев
27 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо доработать приложение на Kotlin
08 мая 2024, в 02:01
30000 руб./за проект
Доработка телеграм-бота с нейросетью по ТЗ
08 мая 2024, в 01:03
15000 руб./за проект
Помочь настроить captive portal
07 мая 2024, в 23:46
3000 руб./за проект
Ещё заказы