อ่านข้อความภาษาจีน

ฉันตั้งตัวเองเป็นงานเขียนการแสดงเสียงของข้อความเป็นภาษาจีนเรื่องนี้ค่อนข้างง่ายหากคุณมีประสบการณ์มาก่อน แต่เมื่อคุณเริ่มทำตั้งแต่เริ่มต้น คุณจะรวบรวมปัญหามากมายที่ความปรารถนาอาจหายไปเร็วกว่านี้มาก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 ของมือถือฉันกำลังพยายามสร้างไมโครเซอร์วิสสำหรับเรียนภาษาจีนโดยใช้เทคโนโลยีนี้ นี่คือ: