[发明专利]基于HTML5将网页输入音频生成口型动画的方法、装置和系统

说明书

技术领域

本发明涉及将输入音频转换成口型动画的技术领域，尤其涉及一种基于HTML5将网页输入音频生成口型动画的方法、装置和系统。

背景技术

如今，HTML5作为浏览器的应用“灵魂”成为IT业界的热点之一，而随着移动互联网的迅猛发展及HTML5技术的日趋完善，越来越多的开发者开始使用这些新技术，和之前的HTML4相比，HTML5新增加了视频和音频的功能标签，除此之外，HTML5提供给程序员更多的开发空间，内嵌本地SOL数据库使交互加速，提供API实现从桌面拖拽文件到浏览器执行上传，自动获取用户地理信息等等，这些都为开发新的网页功能提供了可能。我们根据HTML5开发了基于网页端的创新的动画功能，通过在网页端输入相应的文字或语音，就能生成虚拟角色所说输入内容的动画，这项发明将在未来的HTML5游戏领域、网页网游领域、网络客服领域、网页聊天领域，提供新的可能。

发明内容

本公开的几个示例方面的概述如下。提供本概述是为了读者的方便，以提供对这些实施例的基本理解而不是完全地限定本发明的范围。本概述不是所有预期实施例的广泛综述，并且既不旨在标识所有方面的关键或重要元素，也不描述任何或所有方面的范围。其唯一目的在于以简化的形式呈现一个或多个实施例的一些概念，作为稍后呈现的更详细描述的前奏。为了方便，在本文中术语“一些实施例”可用于指本公开的单一实施例或者多个实施例。

根据本发明的第一方面，提供基于HTML5将网页输入音频生成口型动画的方法，包括以下步骤：

A.制作网页中动画角色的形象；

B.制作动画角色形象的发音音节口型图像；

C.接受用户在网页中输入音频，并生成相关动画角色形象的口型动画；

D.将相关动画角色形象的口型动画显示在网站上。

在优选的实施例中，其中步骤A包括：

根据不同应用场景，制作网页中所需的不同动画角色形象，所述应用场景包括但不限于聊天软件、网页游戏或者直播软件中不同用户之间的交互。

在优选的实施例中，其中步骤B包括：

列出动画角色形象口型所需的音节表总量；

制作基于各个音节的口型图像；

将口型图像导入工程。

在优选的实施例中，其中制作基于各个音节的口型图像包括：

为动画角色形象制作各类音节、声母、韵母的发音口型图像，并保存在口型数据库中。

在优选的实施例中，其中步骤C包括：

根据网页中所输入的音频，获取与所述音频对应的拼音；

利用所得到的与输入音频相对应的拼音从口型数据库中提取相应的发音音节口型图像，并合成该动画角色形象的口型动画。

在优选的实施例中，其中步骤C包括：

根据网页中所输入的音频，获取与所述音频对应的拼音；

将与所述音频对应的拼音进一步拆解为各类声母和韵母；

从口型数据库中提取与拆解得到的各类声母和韵母相对应的发音口型图像，从而合成该动画角色形象的口型动画。

根据本发明的第二方面，提供一种基于HTML5将网页输入音频生成口型动画的装置，所述装置包括：

第一模块，用于制作网页中动画角色的形象；

第二模块，用于制作动画角色形象的发音音节口型图像；

第三模块，用于接受用户在网页中输入音频，并生成相关动画角色形象的口型动画；

第四模块，用于将相关动画角色形象的口型动画显示在网站上。

在优选的实施例中，其中所述第二模块包括：

第一单元，用于列出动画角色形象口型所需的音节表总量；

第二单元，用于制作基于各个音节的口型图像；

第三单元，用于将口型图像导入工程。

根据本发明的第三方面，提供基于HTML5将网页输入音频生成口型动画的系统，所述系统包括：

存储器，用于存储一计算机应用程序，

处理器，用于运行所述计算机应用程序以执行以下步骤：

A.制作网页中动画角色的形象；

B.制作动画角色形象的发音音节口型图像；

C.接受用户在网页中输入音频，并生成相关动画角色形象的口型动画；

D.将相关动画角色形象的口型动画显示在网站上。

在优选的实施例中，其中所述步骤B包括：

列出动画角色形象口型所需的音节表总量；

制作基于各个音节的口型图像；

将口型图像导入工程。