Javascript 朗读时，浏览器如何突出显示单词/句子？

在新的Edge浏览器（基于chromium）中，有一个文本到语音的选项，在阅读页面时，它会突出显示正在阅读的句子和单词，如下所示-

在过去，我有一个简单的Windows TTS应用程序，在那里，我通过将每个句子放置在具有唯一id值的

标记中，然后将句子传递给具有相同id的TTS引擎，来突出显示句子，当TTS引擎开始读取时，我会收到一个带有Id的回调，然后我会用给定的Id突出显示整个标签

---

Edge browser是如何做到这一点的？或者类似的应用程序通常是如何实现的？他们如何突出句子和单词？我在阅读时检查了页面，至少我没有发现html中有任何更改。

Edge也以类似的方式进行操作，只是它将文本包含在标记中。请参阅随附的屏幕截图。在图片中，您可以清楚地看到当前正在读取的文本包含在此标记中，并且使用CSS应用样式

---

谢谢，这就是我要找的。考虑到他们也在做类似的事情，这意味着我走上了正确的道路。