Membaca teks dalam bahasa Cina

Saya mengatur sendiri tugas menulis akting suara teks dalam bahasa Cina.Ini adalah masalah yang cukup sederhana jika Anda sudah memiliki pengalaman, tetapi ketika Anda mulai melakukannya dari awal, Anda akan mengumpulkan begitu banyak masalah sehingga keinginan itu bisa hilang jauh lebih awal.JavaScript adalah bahasa yang sangat fungsional, tampaknya memiliki semua yang diinginkan hati Anda.

Mari kita lihat versi final yang dapat Anda tempel ke DevTools dan periksa.

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 ditunjuk di perut browser.Dalam program kami, kami mencari browser untuk suara bahasa Cina, dan mencoba mereproduksi frasa kami.Praktis tidak ada bedanya dengan menyuarakan bahasa lain.Tapi ada beberapa nuansa di sini.Memfilter berbagai bahasa yang tersedia, kami menemukan 2 suara zh-CN Cina.Nol akan menjadi suara wanita, dan yang pertama adalah suara pria.

Perempuan

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

Pria

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

Selain itu, akting suara akan berbeda dari browser ke browser dan dari perangkat ke perangkat.Browser Chrome memiliki suaranya sendiri, browser Edge memiliki suara yang sama sekali berbeda, lebih menyenangkan, dan browser Opera tidak memiliki suara sama sekali, jadi tidak akan ada akting suara.

Kode ini dapat digantung di tombol dan menyuarakan sesuatu milik 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 kode tombol:

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

Tidak ada masalah lain dengan akting suara.Oh ya, bagaimana semuanya bekerja di smartphone.Ya, bagus, terutama di browser Edge seluler.Omong-omong, berdasarkan teknologi ini, saya mencoba membuat layanan mikro untuk belajar bahasa Mandarin, ini dia: