So implementieren Sie Text-to-Speech mit JavaScript: Erstellen Sie zunächst eine HTML-Beispieldatei, fügen Sie dann JS-Code hinzu und verwenden Sie schließlich die SpeechSynthesisUtterance-Schnittstelle, um den angegebenen Text in die entsprechende Sprache umzuwandeln.
Die Betriebsumgebung dieses Artikels: Windows 7-System, Javascript 1.8.5, Dell G3-Computer.
Wie konvertiere ich Text mit JavaScript in Ton?
js Text-to-Speech-Wiedergabe
SpeechSynthesisUtterance
SpeechSynthesisUtterance ist eine neue API in HTML5, die verwendet wird, um angegebenen Text in entsprechende Sprache zu synthetisieren. Sie enthält auch einige Konfigurationselemente, um anzugeben, wie gelesen werden soll (Sprache, Lautstärke, Ton) usw.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="textMsg" value="有新的订单，请及时处理">
<button onclick="speak()">播放</button>
<button onclick="pause()">暂停</button>
<button onclick="resume()">继续播放</button>
<button onclick="cancel()">取消播放</button>
<script>
var speech = new SpeechSynthesisUtterance();
// 播放
function speak() {
// speech.pitch = 1 // 获取并设置话语的音调(值越大越尖锐,越低越低沉)
// speech.rate = 5 // 获取并设置说话的速度(值越大语速越快,越小语速越慢)
// speech.voice = 10 // 获取并设置说话的声音
// speech.volume = 1 // 获取并设置说话的音量
// speech.lang = speechSynthesis.getVoices()[0] // 设置播放语言，测试没效果
// speech.cancel() // 删除队列中所有的语音.如果正在播放,则直接停止
speech.text = textMsg.value // 获取并设置说话时的文本
speechSynthesis.speak(speech);
}
// 暂停
function pause() {
speechSynthesis.pause()
}
// 继续播放
function resume() {
speechSynthesis.resume()
}
// 取消播放
function cancel() {
speechSynthesis.cancel()
}
</script>
</body>
</html>Tipps: Wenn während der Wiedergabe kein Ton zu hören ist, können Sie versuchen, den Browser zum Abspielen neu zu starten
Das obige ist der detaillierte Inhalt vonSo konvertieren Sie Text mit JavaScript in Ton. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
