我想显示一首诗的全文,然后根据预先建立的时间顺序突出显示文本。像卡拉OK,但没有任何声音轨道。然后,用户将能够以“正确”的速度读取它。
我想我可以用时序数据生成一个字幕轨道(例如,像Aegisum这样的东西 - 尽管这会在我的Mac上崩溃)。一行一行,例如:
1 00:00:18,067 - > 00:00:20067 一闪一闪的小星星
2 00:00:20,467 - > 00:00:22,467 我多么想知道你是什么
......或者更好的是,一次一个单词或sylable。
我不想将Flash用于iPad / iPhone的原因。
我的确切问题是因为我有点天真:最好的技术是什么?我不需要一个确切的解决方案,只需要指出我应该集中精力的地方。 HTML5(TTML)中的定时文本是否有我可以使用的任何内容?还是SMIL?
答案 0 :(得分:2)
您可以使用Javascript和CSS来完成您想要的任务。您可以在一个范围中包装每个单词,然后以适当的时间间隔将样式应用于span元素。如果您可以存储有关何时需要突出显示相应单词的计时信息,则可以使用setInterval在适当的时间添加样式。如果要使用HTML5功能,可以考虑使用Canvas或SVG来启用更高级的动画。
答案 1 :(得分:2)
答案 2 :(得分:2)
你可以使用Mozilla的javascript库来实现卡拉OK效果,名为popcorn.js你可以从http://mozillapopcorn.org/下载
这是一个教程http://net.tutsplus.com/articles/news/a-look-at-popcorn/
以下是演示http://danharper.me/demo/a-look-at-popcorn/
第二个链接底部的相关信息的大量链接。