Darllen testun yn Tsieinëeg

Gosodais y dasg i mi fy hun o ysgrifennu actio llais y testun yn Tsieinëeg.Mae hwn yn fater eithaf syml os oes gennych brofiad eisoes, ond pan fyddwch chi'n dechrau ei wneud o'r dechrau, byddwch chi'n casglu cymaint o broblemau fel y gall yr awydd ddiflannu'n llawer cynharach.Mae JavaScript yn iaith swyddogaethol iawn, mae'n ymddangos bod ganddi bopeth y mae eich calon yn ei ddymuno.

Gadewch i ni edrych ar y fersiwn derfynol y gallwch ei gludo i'r DevTools a'i wirio.

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 - dyma sut mae'r iaith Tsieinëeg wedi'i dynodi yng ngholuddion y porwr.Yn ein rhaglen, rydym yn chwilio'r porwr am lais yr iaith Tsieinëeg, ac yn ceisio atgynhyrchu ein hymadrodd.Nid yw bron yn wahanol i leisio unrhyw iaith arall.Ond mae yna un neu ddau o arlliwiau yma.Wrth hidlo'r amrywiaeth o ieithoedd sydd ar gael rydym yn dod ar draws 2 leisiau zh-CN Tsieineaidd.Llais benywaidd fydd sero, a llais gwrywaidd yw’r cyntaf.

Benyw

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

Gwryw

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

Yn ogystal, bydd yr actio llais yn amrywio o borwr i borwr ac o ddyfais i ddyfais.Mae gan y porwr Chrome ei leisiau ei hun, mae gan borwr Edge rai hollol wahanol, mwy dymunol, gyda llaw, ac nid oes gan y porwr Opera unrhyw leisiau o gwbl, felly ni fydd unrhyw actio llais.

Gellir hongian y cod hwn ar y botwm a llais rhywbeth eich hun.

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

a chod botwm:

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

Nid oes unrhyw broblemau eraill gydag actio llais.O ie, sut mae'r cyfan yn gweithio ar ffonau smart.Ydy, yn wych, yn enwedig yn y porwr Edge symudol.Gyda llaw, yn seiliedig ar y dechnoleg hon, rwy'n ceisio gwneud microwasanaeth ar gyfer dysgu Tsieinëeg, dyma fe: