[發明專利]基于HTML5將網頁輸入音頻生成口型GIF的方法、裝置和系統

在審

• 申請號: 201710857492.X
• 申請日: 2017-09-20
• 公開（公告）號: CN107766438A
• 公開（公告）日: 2018-03-06
• 發明（設計）人: 強項;陳海榮;甘敬山;蘆振華;吳元欣
• 申請（專利權）人: 珠海金山網絡游戲科技有限公司;成都西山居互動娛樂科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06T13/00;A63F13/56
• 代理公司: 廣州嘉權專利商標事務所有限公司44205
• 代理人: 俞梁清

技術領域

本發明涉及將輸入音頻轉換成口型GIF的技術領域，尤其涉及一種基于HTML5將網頁輸入音頻生成口型GIF的方法、裝置和系統。

背景技術

如今，HTML5作為瀏覽器的應用“靈魂”成為IT業界的熱點之一，而隨著移動互聯網的迅猛發展及HTML5技術的日趨完善，越來越多的開發者開始使用這些新技術，和之前的HTML4相比，HTML5新增加了視頻和音頻的功能標簽，除此之外，HTML5提供給程序員更多的開發空間，內嵌本地SOL數據庫使交互加速，提供API實現從桌面拖拽文件到瀏覽器執行上傳，自動獲取用戶地理信息等等，這些都為開發新的網頁功能提供了可能。我們根據HTML5開發了基于網頁端的創新的動畫功能，通過在網頁端輸入相應的文字或語音，就能生成虛擬角色所說輸入內容的動畫GIF，這項發明將在未來的HTML5游戲領域、網頁網游領域、網絡客服領域、網頁聊天領域，提供新的可能。

發明內容

本公開的幾個示例方面的概述如下。提供本概述是為了讀者的方便，以提供對這些實施例的基本理解而不是完全地限定本發明的范圍。本概述不是所有預期實施例的廣泛綜述，并且既不旨在標識所有方面的關鍵或重要元素，也不描述任何或所有方面的范圍。其唯一目的在于以簡化的形式呈現一個或多個實施例的一些概念，作為稍后呈現的更詳細描述的前奏。為了方便，在本文中術語“一些實施例”可用于指本公開的單一實施例或者多個實施例。

根據本發明的第一方面，提供基于HTML5將網頁輸入音頻生成口型GIF的方法，包括以下步驟：

A.制作網頁中動畫角色的形象；

B.制作動畫角色形象的發音音節口型圖像；

C.接受用戶在網頁中輸入音頻，并生成相關動畫角色形象的口型GIF；

D.將相關動畫角色形象的口型GIF顯示在網站上。

在優選的實施例中，其中步驟A包括：

根據不同應用場景，制作網頁中所需的不同動畫角色形象，所述應用場景包括但不限于聊天軟件、網頁游戲或者直播軟件中不同用戶之間的交互。

在優選的實施例中，其中步驟B包括：

列出動畫角色形象口型所需的音節表總量；

制作基于各個音節的口型圖像；

將口型圖像導入工程。

在優選的實施例中，其中制作基于各個音節的口型圖像包括：

為動畫角色形象制作各類音節、聲母、韻母的發音口型圖像，并保存在口型數據庫中。

在優選的實施例中，其中步驟C包括：

根據網頁中所輸入的音頻，獲取與所述音頻對應的拼音；

利用所得到的與輸入音頻相對應的拼音從口型數據庫中提取相應的發音音節口型圖像，并合成該動畫角色形象的口型GIF。

在優選的實施例中，其中步驟C包括：

根據網頁中所輸入的音頻，獲取與所述音頻對應的拼音；

將與所述音頻對應的拼音進一步拆解為各類聲母和韻母；

從口型數據庫中提取與拆解得到的各類聲母和韻母相對應的發音口型圖像，從而合成該動畫角色形象的口型GIF。

根據本發明的第二方面，提供一種基于HTML5將網頁輸入音頻生成口型GIF的裝置，所述裝置包括：

第一模塊，用于制作網頁中動畫角色的形象；

第二模塊，用于制作動畫角色形象的發音音節口型圖像；

第三模塊，用于接受用戶在網頁中輸入音頻，并生成相關動畫角色形象的口型GIF；

第四模塊，用于將相關動畫角色形象的口型GIF顯示在網站上。

在優選的實施例中，其中所述第二模塊包括：

第一單元，用于列出動畫角色形象口型所需的音節表總量；

第二單元，用于制作基于各個音節的口型圖像；

第三單元，用于將口型圖像導入工程。

根據本發明的第三方面，提供基于HTML5將網頁輸入音頻生成口型GIF的系統，所述系統包括：

存儲器，用于存儲一計算機應用程序，

處理器，用于運行所述計算機應用程序以執行以下步驟：

A.制作網頁中動畫角色的形象；

B.制作動畫角色形象的發音音節口型圖像；

C.接受用戶在網頁中輸入音頻，并生成相關動畫角色形象的口型GIF；

D.將相關動畫角色形象的口型GIF顯示在網站上。

在優選的實施例中，其中所述步驟B包括：

列出動畫角色形象口型所需的音節表總量；

制作基于各個音節的口型圖像；

將口型圖像導入工程。