Web Speech API เป็น API ที่อยู่ในเว็บบราวเซอร์และถูกออกแบบมาเพื่อให้สามารถใช้งานการรู้จำเสียงพูด (Speech Recognition) และการสังเคราะห์เสียงพูด (Speech Synthesis) ในเว็บแอปพลิเคชันได้ Web Speech API มีสองส่วนหลักคือ SpeechRecognition และ SpeechSynthesis
การสังเคราะห์เสียงพูด (Speech Synthesis)
การสังเคราะห์เสียงพูด (Speech Synthesis) ใช้สำหรับการเปลี่ยนข้อความให้กลายเป็นเสียงพูด ซึ่งสามารถใช้งานได้ง่ายผ่าน JavaScript
Speech Synthesis
// สร้าง SpeechSynthesisUtterance object
const utterance = new SpeechSynthesisUtterance('Hello, how are you today?');
// ตั้งค่าภาษา
utterance.lang = 'en-US';
// เลือกเสียงที่ต้องการ
const voices = speechSynthesis.getVoices();
const selectedVoice = voices.find(voice => voice.name === 'Microsoft Jenny Online (Natural) - English (United States)');
if (selectedVoice) {
utterance.voice = selectedVoice;
}
// สั่งให้พูด
speechSynthesis.speak(utterance);
ตัวอย่างการใช้งาน Speech Synthesis
<html>
<head>
<base target="_top">
</head>
<body>
<p id="text-voice">Explore the world of Artificial Intelligence (AI) with our 12-week,
24-lesson curriculum! It includes practical lessons, quizzes, and labs.
The curriculum is beginner-friendly and covers tools like TensorFlow and PyTorch,
as well as ethics in AI</p>
<button onclick="speak()">🔊</button>
<script>
function speak() {
const voiceText = document.querySelector('#text-voice').innerText;
const utterance = new SpeechSynthesisUtterance(voiceText);
utterance.lang = 'en-US'; //Your language code
const voices = speechSynthesis.getVoices();
// Check if the voices array is populated, otherwise wait and try again
if (voices.length === 0) {
setTimeout(speak, 100); // Retry after 100ms
return;
}
// Find the voice by name
const selectedVoice = voices.find(voice => voice.name === 'Microsoft Ava Online (Natural) - English (United States)');
if (selectedVoice) {
utterance.voice = selectedVoice;
}
// Speak the utterance
speechSynthesis.speak(utterance);
}
</script>
</body>
</html>
รายการเสียง (List Voices with Web Speech Synthesis API)
เยอรมัน เยอรมนี de_DE
อังกฤษ สหราชอาณาจักร en_GB
อังกฤษ สหรัฐอเมริกา en_US
สเปน สเปน es_ES
สเปน เม็กซิโก es_MX
สเปน สหรัฐอเมริกา es_US
ฝรั่งเศส ฝรั่งเศส fr_FR
ฮินดี อินเดีย hi_IN
ฮินดี อินเดีย hi_IN_#Latn
อิตาลี อิตาลี it_IT
ญี่ปุ่น ญี่ปุ่น ja_JP
เกาหลี เกาหลีใต้ ko_KR
โปแลนด์ โปแลนด์ pl_PL
โปรตุเกส บราซิล pt_BR
รัสเซีย รัสเซีย ru_RU
ไทย ไทย th_TH
เวียดนาม เวียดนาม vi_VN
จีน จีน zh_CN_#Hans
จีน ฮ่องกง zh_HK_#Hans
จีน ฮ่องกง zh_HK_#Hant
จีน ไต้หวัน zh_TW_#Hant
ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red}
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!
-------------------------- -------------------------
{fullWidth}ฟ