Алдыма тексттин үнүн кытай тилинде жазуу милдетин койдум.Бул өтө жөнөкөй маселе, эгерде сизде буга чейин тажрыйба бар, бирок сиз аны нөлдөн баштап баштаганда, сиз ушунчалык көп көйгөйлөрдү чогултуп, каалоо бир топ эрте жоголуп кетиши мүмкүн.JavaScript - бул абдан функционалдык тил, анда жүрөгүңүз каалагандын баары бар окшойт.
Келгиле, сиз DevTools'ка чаптап, аны текшере турган акыркы версияны карап көрөлү.
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 - кытай тили браузердин ичине ушундайча берилген.Биздин программада биз браузерден кытай тилинин үнүн издейбиз жана биздин сөз айкашыбызды кайра чыгарууга аракет кылабыз.Бул башка тилдердин үнүнөн дээрлик эч айырмасы жок.Бирок бул жерде бир нече нюанстар бар.Жеткиликтүү тилдердин массивдерин чыпкалоодо биз 2 кытай zh-CN үнүн кезиктиребиз.Ноль аялдын үнү болот, биринчиси эркектин үнү.
Аял
utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];
Эркек
utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[1];
Мындан тышкары, добуш берүү браузерден браузерге жана түзмөктөн түзмөккө айырмаланат.Chrome браузеринин өзүнүн үндөрү бар, Edge браузеринде такыр башкача, жагымдуураактары бар, ал эми Opera браузеринде эч кандай үн жок, андыктан үн менен иштөө болбойт.
Бул кодду баскычка илип койсоңуз болот жана өзүңүздүн каалаганыңызды айтыңыз.
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);
}
жана баскыч коду:
<button onclick="say(1)">👨🔉</button>
Үн менен иштөөдө башка көйгөйлөр жок.Ооба, мунун баары смартфондордо кандай иштейт.Ооба, сонун, өзгөчө мобилдик Edge браузеринде.Айтмакчы, бул технологиянын негизинде мен кытай тилин үйрөнүү үчүн микросервис жасаганга аракет кылып жатам, бул жерде:
http://jkeks.ru/china .Баары мен бул жерде сүрөттөгөндөй ишке ашат.