我想用JS做一个卡拉OK歌词逐字着色的效果，请大家给方法和意见！

是逐字着色，不是百度那个整行着色，
这只是第一步的思路:
用js和DOM按指定的时间递加文字到<DIV>，将<DIV>的样式用filter:grow()效果，
不知能否实现，请大家多多献言。多谢。

解决方案 »

  1.   

    你要在每个歌词（以字为单位)加上时间属性,时间还要根据这个字的音频长短来决定，很麻烦...
      

  2.   


    楼上正解.相当于每一个字就是一行
      

  3.   

    我本想也做一个,后来发觉太难了,这个主要问题在于那个歌词文件要花太大太大的力气.如果一个字唱了0.5秒,或者唱了0.6秒,或者唱了0.55秒,区分的话 太难了.如果有一个软件能够生成这份歌词文件就好了.在js方面没有一点难度的
      

  4.   

    我也是这样想的，计算每个字的时间难度太高。
    我只能是在第行歌词里采用平均计算时间的方法了。
    这样容易些，不过精度不是很高。
      

  5.   

    以前讨论过同样问题。酷我音乐盒已经做到这一点了，它有一个专属的歌词文件格式，你分析一下这个格式，加以利用就OK了，不用自己编辑了。
      

  6.   

    平均计算时间，是以前的方式。但这样不精确的显示，还不如整行显示。要做就做好，否则不如不做。