一種在線對圖片添加歌詞字幕的方法及裝置的制造方法
【技術領域】
[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]本實施例中，客戶端獲取圖片剪裁參數的方法為，用戶在編輯界面可以繪制出裁剪矩形框，并使待添加字幕的圖片中需要保留的內容位于裁剪框中，客戶端此時再讀取裁剪框的左上角位于所述