一种在线对图片添加歌词字幕的方法及装置.pdf

本发明公开了一种在线对图片添加歌词字幕的方法及装置，涉及移动电子设备的照片特效处理技术领域，旨在提出一种移动智能终端在线对图片添加歌词字幕的方法及装置。本发明技术要点：步骤1：客户端获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；步骤2：客户端将所述编辑指令上传给服务器；步骤3：服务器根据图片剪裁参数对待添加字幕的图片进行剪裁；步骤4：服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；步骤5：服务器将结果图片的存储地址返回给所述客户端；步骤6：客户端根据存储地址从服务器上下载所述结果图片并显示给用户。

权利要求书
1.  一种在线对图片添加歌词字幕的方法，其特征在于，包括：
步骤1：客户端获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
步骤2：客户端将所述编辑指令上传给服务器；
步骤3：服务器根据图片剪裁参数对待添加字幕的图片进行剪裁；
步骤4：服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
步骤5：服务器将结果图片的存储地址返回给所述客户端；
步骤6：客户端根据存储地址从服务器上下载所述结果图片并显示给用户。

2.  根据权利要求1所述的一种在线对图片添加歌词字幕的方法，其特征在于，所述步骤1进一步包括：
客户端读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述步骤1进一步包括：
客户端检测到用户点击“切歌”按键后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。

3.  根据权利要求1所述的一种在线对图片添加歌词字幕的方法，其特征在于，在所述步骤4中：服务器将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；服务器将歌名渲染到图片的右上角处且竖向排列。

4.  根据权利要求1或3所述的一种在线对图片添加歌词字幕的方法，其特征在于，在所述步骤4中还包括在歌词上渲染进度效果：
将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。

5.  根据权利要求3所述的一种在线对图片添加歌词字幕的方法，其特征在于，第一行歌词的第一个字与剪裁后的图片左边的距离为30个像素，第二行歌词的最后一个字与剪裁后的图片右边的距离为28个像素。

6.  一种在线对图片添加歌词字幕的装置，其特征在于，包括：
编辑指令获取模块，位于客户端上，用于获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
编辑指令传输模块，位于客户端上，用于将所述编辑指令上传给服务器；
剪裁模块，位于服务器上，用于根据图片剪裁参数对待添加字幕的图片进行剪裁；
渲染模块，位于服务器上，用于将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
存储地址传输单元，位于服务器上，用于将结果图片的存储地址返回给所述客户端；
显示模块，位于客户端上，用于根据存储地址从服务器上下载所述结果图片并显示给用户。

7.  根据权利要求6所述的一种在线对图片添加歌词字幕的装置，其特征在于，所述编辑指令获取模块还用于：
读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述编辑指令获取模块还用于：
在检测到用户点击“切歌”按键后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。

8.  根据权利要求6所述的一种在线对图片添加歌词字幕的装置，其特征在于，所述渲染模块还用于：将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；将歌名渲染到图片的右上角处且竖向排列。

9.  根据权利要求6或8所述的一种在线对图片添加歌词字幕的装置，其特征在于，在渲染模块还包括进度效果渲染子模块，用于：
将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。

10.  根据权利要求8所述的一种在线对图片添加歌词字幕的装置，其特征在于，第一行歌词的第一个字与剪裁后的图片左边的距离为30个像素，第二行歌词的最后一个字与剪裁后的图片右边的距离为28个像素。

说明书一种在线对图片添加歌词字幕的方法及装置
技术领域
本发明涉及移动电子设备的照片特效处理技术领域。
背景技术
随着移动智能终端的普及，以及移动智能终端拍照技术的发展，越来越多的用户使用移动智能终端拍摄照片并且对照片后期处理的效果提出更多的需求，以增加照片的效果和趣味性，比如对照片添加文字，增加用户对照片的表达。
现有技术中对图片添加文字主要是在PC机上实现，不能满足目前用户对移动终端拍摄图片后期处理的要求。

 发明内容

本发明针对上述缺陷，提出一种移动智能终端在线对图片添加歌词字幕的方法及装置。
本发明中的在线对图片添加歌词字幕的方法包括：
步骤1：客户端获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
步骤2：客户端将所述编辑指令上传给服务器；
步骤3：服务器根据图片剪裁参数对待添加字幕的图片进行剪裁；
步骤4：服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
步骤5：服务器将结果图片的存储地址返回给所述客户端；
步骤6：客户端根据存储地址从服务器上下载所述结果图片并显示给用户。
所述步骤1进一步包括：
客户端读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述步骤1进一步包括：
客户端检测到用户点击“切歌”指令后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。
在所述步骤4中：服务器将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；服务器将歌名渲染到图片的右上角处且竖向排列。
在所述步骤4中还包括在歌词上渲染进度效果：
将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。
优选地，第一行歌词的第一个字与剪裁后的图片左边的距离为30个像素，第二行歌词的最后一个字与剪裁后的图片右边的距离为28个像素。
本发明还提供了一种在线对图片添加歌词字幕的装置，包括：
编辑指令获取模块，位于客户端上，用于获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
编辑指令传输模块，位于客户端上，用于将所述编辑指令上传给服务器；
剪裁模块，位于服务器上，用于根据图片剪裁参数对待添加字幕的图片进行剪裁；
渲染模块，位于服务器上，用于将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
存储地址传输单元，位于服务器上，用于将结果图片的存储地址返回给所述客户端；
显示模块，位于客户端上，用于根据存储地址从服务器上下载所述结果图片并显示给用户。
所述编辑指令获取模块还用于：
读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述编辑指令获取模块还用于：
在检测到用户点击“切歌”按键后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。
所述渲染模块还用于：将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；将歌名渲染到图片的右上角处且竖向排列。
在渲染模块还包括进度效果渲染子模块，用于：
将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。
由于采用了上述方法，本发明的有益效果为：
实现了在移动智能终端上对图片添加字幕，使用本发明方法可以为图片增加KTV类似的歌词显示效果，提高了图片的趣味性，增强了作者对图片意境或内含的表达。
附图说明
本发明将通过例子并参照附图的方式说明，其中：
图1为本发明方法一个具体实施例的流程图。
图2为本发明一个具体实施例的编辑界面。
图3为本发明中添加字幕后的图片效果示例。
图4为本发明中透明图片的效果示例。
图5为本发明中最终结果图片的效果示例。
具体实施方式
本说明书中公开的所有特征，或公开的所有方法或过程中的步骤，除了互相排斥的特征和/或步骤以外，均可以以任何方式组合。
本说明书中公开的任一特征，除非特别叙述，均可被其他等效或具有类似目的的替代特征加以替换。即，除非特别叙述，每个特征只是一系列等效或类似特征中的一个例子而已。
如图1，本发明中的在线对图片添加歌词字幕的方法包括：
步骤1：客户端获取用户输入的编辑指令。所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词。这里的客户端主要是指手机、平板电脑等移动智能终端。
步骤2：客户端将所述编辑指令上传给服务器。
步骤3：服务器根据图片剪裁参数对待添加字幕的图片进行剪裁。
步骤4：服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存。
步骤5：服务器将结果图片的存储地址URL返回给所述客户端。
步骤6：客户端根据存储地址URL从服务器上下载所述结果图片并显示给用户。
在一个具体实施例中，客户端获取编辑指令的方式有两种，一种是用户在输入框中输入歌名、第一行歌词与第二行歌词。客户端可以直接读取输入框中的内容。
另一种方式是用户直接点击编辑界面中的“切换”按键，客户端触发一事件，该事件内容是从配置文件中随机读取一歌名，以及该歌名对应的第一行歌词及第二行歌词。配置文件是预先写好并保存在客户端上的文件，其内容包含若干首歌的名称，及其具有代表性的两行歌词。参见图2。
本实施例中，客户端获取图片剪裁参数的方法为，用户在编辑界面可以绘制出裁剪矩形框，并使待添加字幕的图片中需要保留的内容位于裁剪框中，客户端此时再读取裁剪框的左上角位于所述图片上的坐标，以及裁剪框的宽、高。服务器收到图片剪裁参数便可据此对图片进行剪裁了。
在又一具体实施例中，服务器将第一行歌词、第二行歌词渲染到图片的下半部分，即将图片分为对称的上半部分与下半部分，歌词位于下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，如30个像素，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值，如28个像素；也就是说不管是什么歌词，第一行歌词的首字与剪裁后的图片的左边间距固定，同样的，第二行歌词的尾字与剪裁后的图片的右边间距固定。服务器将歌名渲染到图片的右上角处且竖向排列。这样的布局与KTV效果十分接近，有助于进一步提高图片的趣味性及表达能力。参见图3。
在又一实施例的步骤4中还包括在歌词上渲染进度效果：
首先需要制作一副只有歌词的图片，该图片背景为透明。具体的，将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，如用户选择的图片上的字幕颜色为白色，透明图片上字幕的颜色为蓝色主体白色边框。使透明图片上歌词的位置，包括第一行歌词与第二行歌词的相对位置、字与字的间距，与所述结果图片上的歌词的位置相同，这样做的目的是使得透明图片与结果图片重叠时两张图片上的歌词能够完全重合。
然后对透明图片进行截取，截取的原则是以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，如图4，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；如图5，这样就会做出演唱进度的效果。
将重叠结果作为最终的处理结果替代原来的结果图片。
本发明并不局限于前述的具体实施方式。本发明扩展到任何在本说明书中披露的新特征或任何新的组合，以及披露的任一新的方法或过程的步骤或任何新的组合。