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

在審

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

本申請公開了一種基于網頁的多媒體合成方法，包括：將靜態圖加載到內置JavaScript文件的網頁中，并將所述靜態圖顯示在所述網頁中；確定所述網頁中的活動區域；確定所述靜態圖在所述活動區域中的變化參數，所述變化參數包括起點坐標、起點尺寸、終點坐標和/或終點尺寸；確定是否執行幀動畫操作；如果確定執行所述幀動畫操作，則通過所述JavaScript文件執行以下操作：基于所述變化參數，將所述靜態圖轉化為幀動畫。本申請實施例包括以下優勢：(1)本實施例可以將靜態圖轉換為幀動畫，提升顯示效果和用戶體驗：(2)無需通過諸如iMovie這種專門工具，本實施例通過內置JavaScript文件的網頁，實現了將靜態圖轉換為幀動畫，具有更高的通用性和可定制性。

技術領域

本申請實施例涉及計算機技術領域，尤其涉及一種基于網頁的多媒體合成方法、系統、計算機設備及計算機可讀存儲介質。

背景技術

隨著互聯網業務的發展，人們開始越來越多的借助網絡平臺進行生活娛樂和各類交易等。如何將商品或服務信息通過網絡曝光給客戶或潛在客戶，成為各方關注的問題。其中，廣為人知的解決方式之一是通過在網頁上投放廣告或展示商品詳情頁等。廣告或商品詳情頁的價值在于吸引用戶點擊和消費。

大多數廣告或商品詳情頁是以靜態圖片的形式呈現給用戶，顯示效果較差，對用戶吸引力較低。當然，也有一些廣告將靜態圖片以動畫的形式呈現的，其顯示效果優于靜態圖片。但是，在現有技術中，將靜態圖片轉換為動畫，往往需要專門工具。以視頻剪輯軟件iMovie為例，軟件本身太笨重，通用性差，且不夠定制化。

需要說明的是，上述內容并不用于限制申請保護范圍。

發明內容

本申請實施例的目的是提供一種基于網頁的多媒體合成方法、系統、計算機設備及計算機可讀存儲介質，在于解決靜態圖顯示效果差，以及將靜態圖轉換為動畫需要專用獨立工具且工具本身笨重、通用性差、不夠定制化等問題。

本申請實施例的一個方面提供了一種基于網頁的多媒體合成方法，包括：將靜態圖加載到內置JavaScript文件的網頁中，并將所述靜態圖顯示在所述網頁中；確定所述網頁中的活動區域；確定所述靜態圖在所述活動區域中的變化參數，所述變化參數包括起點坐標、起點尺寸、終點坐標和/或終點尺寸；確定是否執行幀動畫操作；及如果確定執行所述幀動畫操作，則通過所述JavaScript文件執行以下操作：基于所述變化參數，將所述靜態圖轉化為幀動畫。

可選的，將所述靜態圖轉化為所述幀動畫，包括：根據所述起點坐標、所述起點尺寸、所述終點坐標和所述終點尺寸，確定所述靜態圖的最大運動時間；根據所述最大運動時間設置片段時間，所述片段時間不大于所述最大運動時間；根據所述片段時間和預設的幀率確定幀數；根據所述幀數、所述起點坐標和所述終點坐標，計算所述幀動畫中的每個幀的位置變化梯度；根據所述幀數、所述起點尺寸和所述終點尺寸，計算所述幀動畫中的每個幀的尺寸變化梯度；根據每個幀的位置變化梯度和尺寸變換梯度，通過Canvas對所述靜態圖進行裁剪，以得到各個幀；及將所述各個幀進行合成，以得到所述幀動畫。

可選的，還包括：確定是否將所述幀動畫作為幀動畫模板；及如果確定將所述幀動畫作為所述幀動畫模板，則將所述變化參數發送到所述服務器中，以便所述服務器根據所述變化參數提供相應的幀動畫生成服務。

可選的，還包括：將后續靜態圖加載到所述網頁中；通過所述網頁調用所述服務器中的所述幀動畫生成服務，以便所述服務器根據所述變化參數和所述后續靜態圖生成并返回相應的后續幀動畫；及接收所述后續幀動畫。