一种在线对图片添加歌词字幕的方法及装置的制造方法
【技术领域】
[0001]本发明涉及移动电子设备的照片特效处理技术领域。
【背景技术】
[0002]随着移动智能终端的普及，以及移动智能终端拍照技术的发展，越来越多的用户使用移动智能终端拍摄照片并且对照片后期处理的效果提出更多的需求，以增加照片的效果和趣味性，比如对照片添加文字，增加用户对照片的表达。
[0003]现有技术中对图片添加文字主要是在PC机上实现，不能满足目前用户对移动终端拍摄图片后期处理的要求。
[0004]
【发明内容】
本发明针对上述缺陷，提出一种移动智能终端在线对图片添加歌词字幕的方法及装置。
[0005]本发明中的在线对图片添加歌词字幕的方法包括:
步骤1:客户端获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
步骤2:客户端将所述编辑指令上传给服务器；
步骤3:服务器根据图片剪裁参数对待添加字幕的图片进行剪裁；
步骤4:服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
步骤5:服务器将结果图片的存储地址返回给所述客户端；
步骤6:客户端根据存储地址从服务器上下载所述结果图片并显示给用户。
[0006]所述步骤I进一步包括:
客户端读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述步骤I进一步包括:
客户端检测到用户点击“切歌”指令后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。
[0007]在所述步骤4中:服务器将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；服务器将歌名渲染到图片的右上角处且竖向排列。
[0008]在所述步骤4中还包括在歌词上渲染进度效果: 将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。
[0009]优选地，第一行歌词的第一个字与剪裁后的图片左边的距离为30个像素，第二行歌词的最后一个字与剪裁后的图片右边的距离为28个像素。
[0010]本发明还提供了一种在线对图片添加歌词字幕的装置，包括:
编辑指令获取模块，位于客户端上，用于获取用户输入的编辑指令，所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词；
编辑指令传输模块，位于客户端上，用于将所述编辑指令上传给服务器；
剪裁模块，位于服务器上，用于根据图片剪裁参数对待添加字幕的图片进行剪裁；
渲染模块，位于服务器上，用于将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存；
存储地址传输单元，位于服务器上，用于将结果图片的存储地址返回给所述客户端；显示模块，位于客户端上，用于根据存储地址从服务器上下载所述结果图片并显示给用户。
[0011]所述编辑指令获取模块还用于:
读取用户在输入框中输入的歌名、第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数；
或者所述编辑指令获取模块还用于:
在检测到用户点击“切歌”按键后，从配置文件中随机读取一歌名，及所述歌名对应的第一行歌词及第二行歌词；并读取用户在图片上绘制出的裁剪矩形框的左上角坐标、裁剪矩形框的宽以及裁剪矩形框的高作为图片剪裁参数。
[0012]所述渲染模块还用于:将第一行歌词、第二行歌词渲染到图片的下半部分，且第一行歌词的第一个字与剪裁后的图片左边的距离为一定值，第二行歌词位于第一行歌词的下方，且第二行歌词的最后一个字与剪裁后的图片右边的距离也为一定值；将歌名渲染到图片的右上角处且竖向排列。
[0013]在渲染模块还包括进度效果渲染子模块，用于:
将第一行歌词及第二行歌词以区别于结果图片上歌词的颜色渲染在一张背景透明的图片上，且透明图片上歌词的位置与所述结果图片上的歌词的位置相同使得透明图片与结果图片重叠时两张图片上的歌词能够重合；
以透明图片的左边为基准往右按照一定的宽度对透明图片做截取，最后将截取后的透明图片与结果图片进行重叠，并使透明图片上的歌词与结果图片上的歌词重合；
将重叠结果作为最终的处理结果替代原来的结果图片。
[0014]由于采用了上述方法，本发明的有益效果为:
实现了在移动智能终端上对图片添加字幕，使用本发明方法可以为图片增加KTV类似的歌词显示效果，提高了图片的趣味性，增强了作者对图片意境或内含的表达。
【附图说明】
[0015]本发明将通过例子并参照附图的方式说明，其中:
图1为本发明方法一个具体实施例的流程图。
[0016]图2为本发明一个具体实施例的编辑界面。
[0017]图3为本发明中添加字幕后的图片效果示例。
[0018]图4为本发明中透明图片的效果示例。
[0019]图5为本发明中最终结果图片的效果示例。
【具体实施方式】
[0020]本说明书中公开的所有特征，或公开的所有方法或过程中的步骤，除了互相排斥的特征和/或步骤以外，均可以以任何方式组合。
[0021]本说明书中公开的任一特征，除非特别叙述，均可被其他等效或具有类似目的的替代特征加以替换。即，除非特别叙述，每个特征只是一系列等效或类似特征中的一个例子而已。
[0022]如图1，本发明中的在线对图片添加歌词字幕的方法包括:
步骤1:客户端获取用户输入的编辑指令。所述编辑指令包括待添加字幕的图片、图片剪裁参数、歌名、第一行歌词及第二行歌词。这里的客户端主要是指手机、平板电脑等移动智能终端。
[0023]步骤2:客户端将所述编辑指令上传给服务器。
[0024]步骤3:服务器根据图片剪裁参数对待添加字幕的图片进行剪裁。
[0025]步骤4:服务器将歌名、第一行歌词及第二行歌词渲染到剪裁后的图片上并将结果图片进行保存。
[0026]步骤5:服务器将结果图片的存储地址URL返回给所述客户端。
[0027]步骤6:客户端根据存储地址URL从服务器上下载所述结果图片并显示给用户。
[0028]在一个具体实施例中，客户端获取编辑指令的方式有两种，一种是用户在输入框中输入歌名、第一行歌词与第二行歌词。客户端可以直接读取输入框中的内容。
[0029]另一种方式是用户直接点击编辑界面中的“切换”按键，客户端触发一事件，该事件内容是从配置文件中随机读取一歌名，以及该歌名对应的第一行歌词及第二行歌词。配置文件是预先写好并保存在客户端上的文件，其内容包含若干首歌的名称，及其具有代表性的两行歌词。参见图2。
[0030]本实施例中，客户端获取图片剪裁参数的方法为，用户在编辑界面可以绘制出裁剪矩形框，并使待添加字幕的图片中需要保留的内容位于裁剪框中，客户端此时再读取裁剪框的左上角位于所述