如何在html中编写一个简单的可设置的语音计数器?

Question

嗨，我想创建一个简单的语音倒计时计数器，我可以设置。我想听听柜台的声音，这样我就不用数了。有没有现有的代码，或者从哪里开始?

Answer 1

您可以使用SpeechSynthesisAPI进行文本转语音，然后使用间隔来完成倒计时计时器。像这样:

var seconds = document.getElementById("seconds");
var countdown1 = document.getElementById("countdown");
var intervalVar;
var start;
function start() {
start = parseInt(seconds.value);
countdown1.style.display = "block";
countdown1.innerHTML = start;
start++;
intervalVar = setInterval(countdown, 1000);
}
function countdown() {
start--;
countdown1.innerHTML = start;
let speech = new SpeechSynthesisUtterance(start);
speech.rate = 2;
speechSynthesis.speak(speech);
if (start == 0) {
clearInterval(intervalVar);
}
}

<input type="number" placeholder="seconds" id="seconds"><button onclick="start()">Start</button>
<div style="display:none" id="countdown">
</div>

您可能需要调整speech.rate以使其在更大的数字时更快。