问HTML 5中的音频和词级突出显示
EN

Stack Overflow用户

提问于 2012-05-30 19:48:39

回答 1查看 287关注 0票数 0

如何在HTML5中同步音频和相应的文本高亮显示？jquery/Javascript会实现音频和文本的同步吗？如果是，请分享你的想法...

先谢谢你...

马丹

回答已采纳

发布于 2012-05-30 20:40:02

您需要在服务器端对音频文件进行预处理，以便创建一个JSON列表，其中包含单词索引和说出相应单词时的时钟时间。

然后在客户端，加载这个JSON。启动音频播放，使用MediaElement timeupdate事件钩子跟踪音频播放进度。

然后突出显示这些单词，方法是将它们包装在<span>中，并在timeupdate报告时间超过相应的单词索引时更改它们的CSS类。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10815698

复制

相似问题

问HTML 5中的音频和词级突出显示EN