浅谈动感歌词-歌词生成篇

1引言

在写这生成篇时,我还是在烦恼应该是先写歌词解析篇,还是先写歌词生成篇,后来我想一想,其实还是要先有歌词文件,才有解析嘛,当然,我们也可以通过现有的歌词(krc、trc和ksc等)直接跳过这一步,直接解析歌词即可。

2制作软件

这里介绍一下《小灰熊卡拉ok字幕制作软件》,我们可以通过一些专业的制作软件,来理清和弄懂歌词的制作原理。这里先上个截图:

由图和软件制作歌词的使用教程,我们可以知道如下信息:

1.歌词以行为单位制作,逐【字】制作

2.在制作歌词时,软件似乎已经把每一行歌词的【字】都分割好了,应该是为了后面方便制作歌词,所以预先把行歌词分割成每一个【字】,这里的【字】包括:英文单词、数字串、中文,其中空格【只能】与英文单词、数字串或者中文组成一个【字】,且空格的位置要放在后面

3.在制作歌词的过程中,音乐响起,听到行歌词中的【字】时,就按一下【空格】,这里按一下【空格】,其实应该就是记录该【字(A)】的出现时间,当按下下一个【字(B)】或者换行时,那就可以记录【字(A)】的持续时间

4.歌词换行,则记录行歌词的开始时间

5.歌词制作完成后,则根据歌词格式,生成对应歌词文件

注:第2和第3点是实现制作歌词的重点,如无法理解,则无法制作歌词。

3自实现制作软件

知道制作歌词的原理后,我们就要动手自己编写和实现制作歌词软件,这里我采用Java Swing来编写一个桌面程序,界面方面参考酷狗实现。

3.1API

Java Swing:Graphics2D.setClip。当然也有Android的,后面的博客会说到。


由图可知,Graphics2D在绘画文本时,先画默认颜色的歌词文本,再设置clip层的长度宽度,然后再绘画【高亮】歌词文本,只要我们不断地修改clip层的宽度,就是我们想要的动感歌词效果了。当然我们在制作歌词时,只需要设置渐变递增宽度为每个【字】的宽度就可以了。

3.2实体类设计

3.2.1歌词实体、行歌词实体、标签实体

采用《浅谈动感歌词-歌词分析篇》里的实体类,制作歌词时,生成的数据,会保存到,歌词实体(LyricsInfo)里面,方便歌词的预览和生成。

3.2.2歌词文件生成器

这个类的作用,就是为了方便后面拓展支持多种动感歌词格式。


3.2.3HRCX歌词生成器


3.3界面

3.3.1录入歌词


3.3.2制作歌词

思路:

1.大概就是将【录入歌词】的歌词文本,进行行分割

2.获取行歌词后,对歌词的内容进行分析,并进行【字】分割

3.播放歌曲,按下【左右箭头】和【空格】制作歌词

4.分割部分代码:


5.界面

注:紫色,是已完成。红色,表示正在生成。

3.3.3制作完成


3.4歌词生成

部分代码,文件后缀名:hrcx

3.5歌词效果预览


4参考

卡拉OK歌词实现

注:这个是好像是Android的视频教程,我也是从这个视频的原理来找到Java Swing的API的。

5源码

乐乐音乐

注:这是我用Java Swing写的一个PC音乐播放器

6最后

下一篇,将介绍动感歌词的解析。如有侵权,麻烦告知。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1引言 关于动感歌词,我们都不陌生,最常见的就是去唱K时,MV上面的歌词,还有就是酷狗、天天动听和QQ音乐等播放器...
    只有一条尾巴的猫阅读 2,368评论 0 9
  • 1引言之前写了几篇关于动感歌词的简单介绍,相信大家还有印象,这里就不多说了,这篇要说的是,关于翻译歌词和音译歌词,...
    只有一条尾巴的猫阅读 1,487评论 2 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,288评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,241评论 4 61
  • 没有热情,就创造不出伟绩。——爱默生 热情一词指人参与活动或对待别人所表现出来的热烈,积极,主动,友好的情感...
    coder小生阅读 538评论 0 4