Branje besedila v kitajščini

Zadal sem si nalogo, da napišem glasovno igro besedila v kitajščini.To je dokaj preprosta zadeva, če že imate izkušnje, a ko začnete to početi iz nič, boste zbrali toliko težav, da lahko želja izgine veliko prej.JavaScript je zelo funkcionalen jezik, zdi se, da ima vse, kar vam srce poželi.

Oglejmo si končno različico, ki jo lahko prilepite v DevTools, in jo preverite.

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 - tako je kitajski jezik označen v črevesju brskalnika.V našem programu v brskalniku iščemo glas kitajskega jezika in poskušamo reproducirati našo frazo.To se praktično ne razlikuje od izgovarjanja v katerem koli drugem jeziku.Toda tukaj je nekaj odtenkov.Pri filtriranju niza razpoložljivih jezikov naletimo na 2 kitajska glasova zh-CN.Zero bo ženski glas, prvi pa moški glas.

Ženska

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

moški

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

Poleg tega se bo glasovno delovanje razlikovalo od brskalnika do brskalnika in od naprave do naprave.Brskalnik Chrome ima svoje glasove, brskalnik Edge ima mimogrede povsem druge, prijetnejše, brskalnik Opera pa sploh nima glasov, tako da glasovnega delovanja ne bo.

To kodo lahko obesite na gumb in glasite nekaj svojega.

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);
}

in koda gumba:

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

Drugih težav z glasovno igro ni.O ja, kako vse deluje na pametnih telefonih.Da, odlično, še posebej v mobilnem brskalniku Edge.Mimogrede, na podlagi te tehnologije poskušam narediti mikroservis za učenje kitajščine, tukaj je: