[發明專利]基于網頁的多媒體合成方法和系統

在審

• 申請號: 202010549356.6
• 申請日: 2020-06-16
• 公開（公告）號: CN112418902A
• 公開（公告）日: 2021-02-26
• 發明（設計）人: 余文詩
• 申請（專利權）人: 上海嗶哩嗶哩科技有限公司
• 主分類號: G06Q30/02
• 分類號: G06Q30/02;G06Q30/06;G06F16/957;G06T13/00
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 王勇;鄧小玲

1.一種基于網頁的多媒體合成方法，其特征在于，包括：

將靜態圖加載到內置JavaScript文件的網頁中，并將所述靜態圖顯示在所述網頁中；

確定所述網頁中的活動區域；

確定所述靜態圖在所述活動區域中的變化參數，所述變化參數包括起點坐標、起點尺寸、終點坐標和/或終點尺寸；

確定是否執行幀動畫操作；及

如果確定執行所述幀動畫操作，則通過所述JavaScript文件執行以下操作：基于所述變化參數，將所述靜態圖轉化為幀動畫。

2.根據權利要求1所述的基于網頁的多媒體合成方法，其特征在于，將所述靜態圖轉化為所述幀動畫，包括：

根據所述起點坐標、所述起點尺寸、所述終點坐標和所述終點尺寸，確定所述靜態圖的最大運動時間；

根據所述最大運動時間設置片段時間，所述片段時間不大于所述最大運動時間；

根據所述片段時間和預設的幀率確定幀數；

根據所述幀數、所述起點坐標和所述終點坐標，計算所述幀動畫中的每個幀的位置變化梯度；

根據所述幀數、所述起點尺寸和所述終點尺寸，計算所述幀動畫中的每個幀的尺寸變化梯度；

根據每個幀的位置變化梯度和尺寸變換梯度，通過Canvas對所述靜態圖進行裁剪，以得到各個幀；及

將所述各個幀進行合成，以得到所述幀動畫。

3.根據權利要求2所述的基于網頁的多媒體合成方法，其特征在于，還包括：

確定是否將所述幀動畫作為幀動畫模板；及

如果確定將所述幀動畫作為所述幀動畫模板，則將所述變化參數發送到所述服務器中，以便所述服務器根據所述變化參數提供相應的幀動畫生成服務。

4.根據權利要求3所述的基于網頁的多媒體合成方法，其特征在于，還包括：

將后續靜態圖加載到所述網頁中；

通過所述網頁調用所述服務器中的所述幀動畫生成服務，以便所述服務器根據所述變化參數和所述后續靜態圖生成并返回相應的后續幀動畫；及

接收所述后續幀動畫。

5.根據權利要求1所述的基于網頁的多媒體合成方法，其特征在于，還包括：

如果確定不執行所述幀動畫操作，則將所述靜態圖轉化為CSS代碼，其中：

根據所述起點坐標、所述起點尺寸、所述終點坐標和所述終點尺寸，確定所述靜態圖的最大運動時間；

根據所述最大運動時間設置片段時間，所述片段時間不大于所述最大運動時間；

根據所述片段時間、所述起點坐標、所述終點坐標、所述起點尺寸、所述終點尺寸以及所述JavaScript文件，生成CSS代碼；其中，所述JavaScript文件包括用于拼接CSS參數的JavaScript語法模板。

6.根據權利要求5所述的基于網頁的多媒體合成方法，其特征在于，還包括：

確定是否將所述CSS代碼作為CSS模板；及

如果確定將所述CSS代碼作為所述CSS模板，則將所述CSS代碼發送到所述服務器中，以便所述服務器根據所述CSS代碼提供相應的CSS代碼生成服務。

7.根據權利要求6所述的基于網頁的多媒體合成方法，其特征在于，還包括：

將后續靜態圖加載到所述網頁中；

通過所述網頁調用所述服務器中的所述CSS代碼生成服務，以便所述服務器根據所述CSS代碼和所述后續靜態圖生成并返回相應的后續CSS代碼；及

接收所述后續CSS代碼。