Pagbabasa ng teksto sa Chinese

Itinakda ko sa aking sarili ang gawain ng pagsulat ng voice acting ng teksto sa Chinese.Ito ay isang medyo simpleng bagay kung mayroon ka nang karanasan, ngunit kapag sinimulan mo itong gawin mula sa simula, mangolekta ka ng napakaraming problema na ang pagnanais ay maaaring mawala nang mas maaga.Ang JavaScript ay isang napaka-functional na wika, tila mayroon itong lahat ng gusto ng iyong puso.

Tingnan natin ang huling bersyon na maaari mong i-paste sa DevTools at tingnan ito.

var utterance = new SpeechSynthesisUtterance('菜');
var voices = window.speechSynthesis.getVoices();
utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];
window.speechSynthesis.speak(utterance);

zh-CN - ito ay kung paano itinalaga ang wikang Tsino sa bituka ng browser.Sa aming programa, hinahanap namin sa browser ang boses ng wikang Tsino, at sinusubukang kopyahin ang aming parirala.Ito ay halos walang pinagkaiba sa pagpapahayag ng anumang iba pang wika.Ngunit mayroong ilang mga nuances dito.Ang pag-filter sa hanay ng mga available na wika ay nakatagpo kami ng 2 Chinese zh-CN na boses.Ang Zero ay magiging boses ng babae, at ang una ay boses ng lalaki.

Babae

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];

Lalaki

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[1];

Bilang karagdagan, ang voice acting ay magkakaiba sa bawat browser at sa bawat device.Ang browser ng Chrome ay may sariling mga boses, ang Edge browser ay ganap na naiiba, mas kaaya-aya, sa pamamagitan ng paraan, at ang Opera browser ay walang mga boses, kaya walang boses na kumikilos.

Ang code na ito ay maaaring ibitin sa button at boses ang iyong sarili.

function say(voiceId){
    let text = document.getElementById("pole").innerHTML
    console.log (text)
    var utterance = new SpeechSynthesisUtterance(text);
    var voices = window.speechSynthesis.getVoices();
    utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[voiceId];
    window.speechSynthesis.speak(utterance);
}

at button code:

<button onclick="say(1)">👨🔉</button>

Walang ibang problema sa voice acting.Oh oo, kung paano gumagana ang lahat sa mga smartphone.Oo, mahusay, lalo na sa mobile Edge browser.Sa pamamagitan ng paraan, batay sa teknolohiyang ito, sinusubukan kong gumawa ng isang microservice para sa pag-aaral ng Chinese, narito ito: