如何将HTML文本同步并突出显示为音频

Question

我想在网站中播放音频时突出显示该文字。 正如我们在电视中看到的那样，随着音频​​的播放，这个文本将继续突出显示。

请告诉我如何使用任何网络技术来做到这一点。

我将非常感谢你们所有人。 提前致谢。

Answer 1

这里有一个与此相似的问题，可以回答有关如何突出显示文字的问题： Simple JavaScript Animation for 1 Second to Highlight Text?

HTML5适用于音频： http://www.w3schools.com/html/html5_audio.asp

这些资源有望让您走上正轨！

Answer 2

您需要使用所需的标题（文本）创建自己的vtt文件。然后将它链接到音频代码，如下所示：

   

    <audio src="sampleaudiofile.ogg">
      <track kind="captions" src="sampleaudiofile.en.vtt" srclang="en" label="English">
    </audio>

来自w3c规范的

This link 显示了vtt格式的示例以及如何执行此操作。