Membaca teks dalam bahasa Cina

Saya menetapkan sendiri tugas untuk menulis lakonan suara teks dalam bahasa Cina.Ini adalah perkara yang agak mudah jika anda sudah mempunyai pengalaman, tetapi apabila anda mula melakukannya dari awal, anda akan mengumpul begitu banyak masalah sehingga keinginan itu mungkin hilang lebih awal.JavaScript ialah bahasa yang sangat berfungsi, ia seolah-olah mempunyai semua yang anda inginkan.

Mari lihat versi akhir yang boleh anda tampalkan ke dalam DevTools dan semaknya.

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 - ini adalah bagaimana bahasa Cina ditetapkan dalam perut penyemak imbas.Dalam program kami, kami mencari pelayar untuk suara bahasa Cina, dan cuba menghasilkan semula frasa kami.Ia boleh dikatakan tidak berbeza daripada menyuarakan mana-mana bahasa lain.Tetapi terdapat beberapa nuansa di sini.Menapis pelbagai bahasa yang tersedia, kami menemui 2 suara zh-CN Cina.Sifar akan menjadi suara wanita, dan yang pertama adalah suara lelaki.

perempuan

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

jantan

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

Di samping itu, lakonan suara akan berbeza dari penyemak imbas ke penyemak imbas dan dari peranti ke peranti.Penyemak imbas Chrome mempunyai suaranya sendiri, pelayar Edge mempunyai suara yang sama sekali berbeza, lebih menyenangkan, dan pelayar Opera tidak mempunyai suara sama sekali, jadi tidak akan ada lakonan suara.

Kod ini boleh digantung pada butang dan suarakan sesuatu yang anda sendiri.

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

dan kod butang:

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

Tiada masalah lain dengan lakonan suara.Oh ya, bagaimana semuanya berfungsi pada telefon pintar.Ya, hebat, terutamanya dalam pelayar Edge mudah alih.Ngomong-ngomong, berdasarkan teknologi ini, saya cuba membuat perkhidmatan mikro untuk pembelajaran bahasa Cina, inilah: