gpt4 book ai didi

javascript - 浏览器如何在大声朗读时突出显示单词/句子?

转载 作者:行者123 更新时间:2023-11-28 13:54:16 28 4
gpt4 key购买 nike

在新的 Edge 浏览器(基于 chromium)中,有一个文本到语音的选项,在阅读页面时它会突出显示正在阅读的句子和单词,就像这样 - enter image description here

过去我有一个简单的 Windows TTS 应用程序,我通过将每个句子放在 <span id=''> 中来实现突出显示句子。具有唯一 ID 值的标签,然后将句子传递给具有相同 ID 的 TTS 引擎,当 TTS 引擎开始读取时,我会收到一个带有该 Id 的回调,然后我将突出显示具有给定 Id 的整个标签。

Edge浏览器是怎么做到的?或者类似的应用程序通常是如何完成的?他们如何突出句子和单词?我在阅读时检查了页面,至少我没有发现 html 有任何变化。

最佳答案

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

enter image description here

关于javascript - 浏览器如何在大声朗读时突出显示单词/句子?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59014745/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com