;(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%7C7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${sound}`
player.play();
}
})();
$('.pi').on('click', function() {
let mp3 = new Audio(`https://translate.google.ps/translate_tts?tk=505935%7C7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${$(this).text().trim()}`);
mp3.play();
})
<div class="pin" title="1">bi</div>
формировалась ссылка https://d2mllj54g854r4.cloudfront.net/chinese_static/audio/alicia/ + bi + 1.mp3
<div class="pin" title="4">bi</div>
формировалась ссылка https://d2mllj54g854r4.cloudfront.net/chinese_static/audio/alicia/ + bi + 4.mp3
<div class="pin" title="1">bi</div>
формировалась ссылка https://d2mllj54g854r4.cloudfront.net/chinese_static/audio/alicia/ + bi + 1.mp3
<div class="pin" title="4">bi</div>
формировалась ссылка https://d2mllj54g854r4.cloudfront.net/chinese_static/audio/alicia/ + bi + 4.mp3
;(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|7C7C631501&ie=UTF-8&tl=zh&total=50&idx=0&textlen=8&client=tw-ob&q=${sound}`
player.play();
}
})();
<span class="pi">二</span> "Er" и <span class="pi">两</span> "liang"
<script>
;(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|7C631501&ie=UTF-8&tl=zh&total=1&idx=0&textlen=8&client=tw-ob&q=${sound}`
player.play();
}
})();
</script>
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=二
У меня такая проблема возникла, содержимое дивов в этот раз не просто буква "a",
а такие - "ā", "á","ǎ","à"
Соответственно, скрипт подставляет эти значения и чтения не происходит
Можно ли как-то научить скрипт воспринимать подобные символы за a ?
Например, .replace('ā','a') .replace('á','a') ....