[发明专利]一种基于HTML5的新型微课制作系统及方法

权利要求书

1.一种基于HTML5的新型微课制作系统，其特征在于，所述系统包括：预设动画模块、预设动画入场时间模块、发布模块和播放模块，所述预设动画模块将图文内容转化成具有动画渲染效果的动画组件，所述预设动画入场时间模块将语音转写成文字，并以转写文字中的具体文字为媒介，将具体文字在语音中的时间节点与动画组件进行匹配绑定，所述发布模块将将语音信息以及与语音信息相匹配的动画组件合成为微课文件，所述播放模块对微课文件进行解码，进行语音播放的同时，根据语音播放时间将对应时间节点的文字匹配绑定的动画组件进行同步播放。

2.如权利要求1所述的一种基于HTML5的新型微课制作系统，其特征在于，所述动画预设模块包括：预设动画工具和图文编辑器，用户在图文编辑器中输入图文数据，选中将要编辑的图文内容，通过预设动画工具弹出动画效果选择列表，用户选择一种动画效果，系统将选中的动画效果渲染添加至选中的图文内容，生成动画组件，每个动画组件生成一个唯一的ID。

3.如权利要求1所述的一种基于HTML5的新型微课制作系统，其特征在于，所述预设动画入场时间模块获取用户输入的语音，获取语音后通过语音转文字工具将语音转写为文字，为每个字符添加监听器，当具体字符被选中时触发监听器，将对应的字符标记为启动组件，所述启动组件中记录字符在语音中对应的具体时间点，选中某个具体的字符后，弹出预设动画模块产生的所有动画组件，检测到用户选择一个动画组件后，将选定的动画组件的ID与启动组件进行绑定。

4.如权利要求1所述的一种基于HTML5的新型微课制作系统，其特征在于，所述发布模块包括：动画组件导出单元、语音导出单元、启动组件导出单元，所述动画组件导出单元获取并导出预设动画模块中产生的动画组件数据；所述语音导出单元获取并导出预设动画入场时间模块中用户输入的语音数据；所述启动组件导出单元获取并导出预设动画入场时间模块中产生的启动组件数据；动画组件数据、语音数据和启动组件数据合并成一个微课文件。

5.如权利要求1所述的一种基于HTML5的新型微课制作系统，其特征在于，所述播放模块包括：语音播放单元、动画渲染单元和播放控制单元；

所述播放控制单元先建立长页面，进行动画的预播放准备；

所述语音播放单元进行语音数据的播放，同时生成语音播放计时器记录语音播放时间；

所述动画渲染单元根据语音播放计时器记录的播放时间，当语音播放至相应字符对应的时间节点时，触发启动组件，将启动组件绑定的动画组件渲染至长页面。

6.如权利要求5所述的一种基于HTML5的新型微课制作系统，其特征在于，所述语音播放计时器实时记录语音播放时间，启动组件数据中每个启动组件都记录一个具体的时间点位，当时间点位与语音播放计时器中的时间点相吻合，则对应的启动组件被触发。

7.如权利要求5所述的一种基于HTML5的新型微课制作系统，其特征在于，所述动画渲染单元在启动组件被触发后，获取与该启动组件绑定的动画组件ID，通过ID在动画组件数据找到相应的动画组件，将该动画组件渲染至播放页面上，所述播放控制单元实时监控该页面可视区域中的内容占比，当可视区域中已显示的内容占比达到系统的预设比例时，自动控制页面向下滚动，以提供更多的空白区域显示新的内容，当检测到用户点击正在播放的播放页面时，会暂停播放，此时用户可以上下滚动播放页面回顾已经播放的内容。

8.一种基于HTML5的新型微课制作方法，其特征在于，所述方法为：

用户先在图文编辑器中输入图文内容，输入完成后在图文编辑器中选中目标图文内容，然后点击预设动画工具，弹出动画效果选择列表，进行动画效果选择；

用户输入语音，系统将语音转写成文字推送给用户，用户在语音转写的文字中选择具体的文字，选中后弹出动画组件选择列表，在列表中选择与该文字相匹配的动画组件，系统基于语音和转写的文字计算获得被用户选中的文字对应在语音中的具体时间位置，并在该时间位置绑定与该文字相匹配的动画组件，当语音播放到与该文字对应的具体时间位置时，同步播放与该文字相匹配的动画组件，从而实现语音与动画同步播放的效果。

9.如权利要求8所述的一种基于HTML5的新型微课制作方法，其特征在于，所述动画组件由动画内容和动画效果构成，用户完成动画效果选择后，使用用户选择的动画效果将被用户选中的图文内容渲染成动画组件，图文内容包括图片、图形、文字，所述动画效果包括图文内容的位置、角度、形状、大小、颜色随时间流动而改变所实现的动态视觉效果。