基于窗体透明化处理实现富媒体互动教学的方法和系统与流程

本发明涉及富媒体教学技术领域，具体而言，涉及基于窗体透明化处理实现富媒体互动教学的方法和系统。

背景技术：

现有技术中在线教育的在线课堂都是采用视频会议系统改造而来，功能上和普通的视频会议区别不大，可以使用覆盖形式进行答题、游戏互动。

以文字、图像、声音、视频、动画与交互脚本多种形式组合的富媒体具有丰富的表现力与互动性。传统的富媒体可视化展示方法通过某种播放器对富媒体文件内容逐一播放，缺少对可视化场景的交互能力。

技术实现要素：

为了克服上述问题或者至少部分地解决上述问题，本发明实施例提供基于窗体透明化处理实现富媒体互动教学的方法和系统，将视频内的人物实时抠像出来与其它视频、游戏、答题、网页等叠加进行展示及互动。

本发明的实施例是这样实现的：

第一方面，本发明提供一种基于窗体透明化处理实现富媒体互动教学的方法，包括以下步骤：

获取多个窗体；

从多个窗体中选取一个窗体置于底层作为背景窗体，若无指定背景窗体，可以以桌面或第三方应用程序作为背景；

从剩余窗体中选取一个或多个窗体作为待叠加窗体，从所述待叠加窗体中选取所需叠加部分，其余部分进行透明化处理；

将待叠加窗体叠加在背景窗体之上，待叠加窗体为一个时，直接叠加在背景窗体之上，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上。

设计原理：经过长期的研究和实践，本申请的发明人发现，现有技术中，传统的富媒体可视化展示方法通过某种播放器对富媒体文件内容逐一播放，缺少交互性。鉴于此，本申请提供一种基于窗体透明化处理实现富媒体互动教学的方法和系统，使用时，事先准备讲解视频(例如拍摄背景为绿幕的视频)，对讲解视频也就是待叠加窗体进行处理，处理方法包括：保留视频内的人物，对其余的绿幕部分作全透明处理，将处理好的讲解视频叠加至背景窗体之上，例如叠加至ppt上，这样，最终呈现出来的内容就是ppt上有讲解人进行动态讲解；相当于将视频内的人物实时抠像出来与ppt进行叠加进行展示，以增加讲解的互动性。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，待叠加窗体包括将视频内的人物实时抠像出来的视频窗体。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，多个窗体中的任意一个窗体既可作为背景窗体又可作为待叠加窗体。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，多个窗体包括动态窗体和静态窗体。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，背景窗体和待叠加窗体的大小均可调整。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，待叠加窗体的位置可相对于背景窗体移动，既可移动至背景窗体中的任意位置。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，多个窗体包括直播视频窗体、直播绿幕视频窗体、视频窗体、绿幕视频窗体、摄像头窗体、摄像头绿幕窗体、体感摄像头窗体、网页窗体、游戏窗体和第三方课件及应用窗体。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的方法，直播视频窗体呈现的内容为：实时网络直播视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；

直播绿幕视频窗体呈现的内容为：背景为绿幕时的实时网络直播视频，用于作为背景窗体或待叠加窗体时，进行实时绿幕抠像处理，绿幕部分全透明处理；

视频窗体呈现的内容为：离线视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；

绿幕视频窗体呈现的内容为背景为：背景为绿幕的离线视频，用于作为背景窗体或待叠加窗体时，进行实时绿幕抠像处理，对该视频的绿幕部分全透明处理；

摄像头窗体呈现的内容为：摄像头或摄像机采集的视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；

摄像头绿幕窗体呈现的内容为：摄像头或摄像机采集的背景为绿幕的视频，用于作为背景窗体或待叠加窗体时，对该视频进行实时绿幕抠像处理，绿幕部分全透明处理；

体感摄像头窗体呈现的内容为：体感摄像头或体感摄像机采集的背景为绿幕的视频，用于作为背景窗体或待叠加窗体时，对该视频进行实时绿幕抠像处理，绿幕部分全透明处理；

网页窗体呈现的内容为：浏览器对应的网页，用于作为背景窗体或待叠加窗体时，对该网页的背景进行全透明处理；

游戏窗体呈现的内容为：游戏视频，用于作为背景窗体或待叠加窗体时，对该游戏视频的背景进行全透明处理。

第二方面，本发明提供一种基于窗体透明化处理实现富媒体互动教学的系统，包括：

窗体获取模块，用于获取多个窗体；

背景窗体获取模块，用于从多个窗体中选取一个窗体置于底层作为背景窗体；

待叠加窗体获取模块，用于从剩余窗体中选取一个或多个窗体作为待叠加窗体，若待叠加窗体存在绿幕窗体时对绿幕窗体的绿幕部分进行透明化处理，保留实景部分；

叠加模块，用于将待叠加窗体叠加在背景窗体之上，待叠加窗体为一个时，直接叠加在背景窗体之上，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上。

在本发明的一些实施例中，基于窗体透明化处理实现富媒体互动教学的系统，待叠加窗体获取模块中，待叠加窗体包括将视频内的人物实时抠像出来的视频窗体。

第三方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序指令，当计算机程序指令被处理器执行时实现基于窗体透明化处理实现富媒体互动教学的方法。

本发明实施例至少具有如下优点或有益效果：

一种基于窗体透明化处理实现富媒体互动教学的方法和系统，使用时，事先准备讲解视频(例如拍摄背景为绿幕的视频)，对讲解视频也就是待叠加窗体进行处理，处理方法包括：保留视频内的人物，对其余的绿幕部分作全透明处理，将处理好的讲解视频叠加至背景窗体之上，例如叠加至ppt上，这样，最终呈现出来的内容就是ppt上有讲解人进行动态讲解；相当于将视频内的人物实时抠像出来与ppt进行叠加进行展示，以增加讲解的互动性。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明基于窗体透明化处理实现富媒体互动教学的方法的流程图；

图2为本发明基于窗体透明化处理实现富媒体互动教学的方法中背景窗体和第一叠加窗体进行叠加的示意图；

图3为本发明基于窗体透明化处理实现富媒体互动教学的方法中背景窗体和第一叠加窗体及第二窗体进行叠加的示意图；

图4为本发明基于窗体透明化处理实现富媒体互动教学的方法和中ppt作为背景窗体的示意图；

图5为本发明基于窗体透明化处理实现富媒体互动教学的方法中对讲解视频进行实时绿幕抠像处理的示意图；

图6为本发明基于窗体透明化处理实现富媒体互动教学的方法中对网页的背景进行全透明处理的示意图；

图7为本发明基于窗体透明化处理实现富媒体互动教学的方法中ppt作为背景窗体时和讲解视频及网页叠加的示意图。

图8为本发明基于窗体透明化处理实现富媒体互动教学的系统的结构示意图。

图标：1-绿幕背景，2-人物部分，3-背景部分，4-网页窗体部分，10-窗体获取模块，20-背景窗体获取模块，30-待叠加窗体获取模块，40-叠加模块。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

在本申请所提供的实施例中，应该理解到，所揭露的方法和系统，也可以通过其它的方式实现。系统实施例仅仅是示意性的，例如，附图中的框图显示了根据本申请的多个实施例的系统和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备，可以是个人计算机，服务器，或者网络设备等，执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

实施例

请参考图1，图1为本发明基于窗体透明化处理实现富媒体互动教学的方法的流程图；包括以下步骤：

s101:获取多个窗体；

s102:从多个窗体中选取一个窗体置于底层作为背景窗体；

s103:从剩余窗体中选取一个或多个窗体作为待叠加窗体，从所述待叠加窗体中选取所需叠加部分，其余部分进行透明化处理；

s104:将待叠加窗体叠加在背景窗体之上，待叠加窗体为一个时，直接叠加在背景窗体之上，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上。

需要说明的是：若无指定背景窗体，可以以桌面或第三方应用程序作为背景窗体。

多个窗体包括：直播视频窗体、直播绿幕视频窗体、视频窗体、绿幕视频窗体、摄像头窗体、摄像头绿幕窗体、体感摄像头窗体、网页窗体、游戏窗体和第三方课件及应用窗体。直播视频窗体呈现的内容为：实时网络直播视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；直播绿幕视频窗体呈现的内容为：背景为绿幕时的实时网络直播视频，用于作为背景窗体或待叠加窗体时，进行实时绿幕抠像处理，绿幕部分全透明处理；视频窗体呈现的内容为：离线视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；绿幕视频窗体呈现的内容为背景为：背景为绿幕的离线视频，用于作为背景窗体或待叠加窗体时，进行实时绿幕抠像处理，对该视频的绿幕部分全透明处理；摄像头窗体呈现的内容为：摄像头或摄像机采集的视频，用于作为背景窗体或作叠加窗体，若作为背景窗体时，背景窗体全屏显示；摄像头绿幕窗体呈现的内容为：摄像头或摄像机采集的背景为绿幕的视频，用于作为背景窗体或待叠加窗体时，对该视频进行实时绿幕抠像处理，绿幕部分全透明处理；体感摄像头窗体呈现的内容为：体感摄像头或体感摄像机采集的背景为绿幕的视频，用于作为背景窗体或待叠加窗体时，对该视频进行实时绿幕抠像处理，绿幕部分全透明处理；网页窗体呈现的内容为：浏览器对应的网页，用于作为背景窗体或待叠加窗体时，对该网页的背景进行全透明处理；游戏窗体呈现的内容为：游戏视频，用于作为背景窗体或待叠加窗体时，对该游戏视频的背景进行全透明处理。

请参考图2，待叠加窗体为一个时，直接叠加在背景窗体之上，图2中是将第一叠加窗体叠加至背景窗体之上，这样设置的目的在于，考虑到在教学过程中常常需要播放相关视频以便于学生能快速理解，当播放到知识点时老师会暂停进行讲解知识讲解完后再播放视频，操作较为繁琐，本实施例，针对待演讲的视频提前录制好讲解内容，通过体感抠像将老师的讲解视频抠像出来叠加到待演讲视频上，这样，呈现出来的内容是老师在视频内进行讲解，增加了互动性和趣味性。

请参考图3，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上，示例性的，本实施例采用两个叠加窗口，图3中将第一叠加窗体和第二叠加窗体依次叠加在背景窗体之上。这样设置的目的在于，考虑到在播放视频或ppt时添加一些答题或者小游戏互动，因此设置了第二叠加窗体，第二叠加窗体为网页窗体，网页窗体呈现的内容为：浏览器对应的网页，作为第二叠加窗体时，对该网页的背景进行全透明处理；这样，呈现出来的内容是老师在视频内进行讲解并且还设有网页窗口进行互动，示例性的，网页窗口内可以呈现相关延伸的知识点。

请参考图4-7，图4为将ppt中某一页作为背景窗体的示意图，图5为针对该页内容进行讲解的视频，并对讲解视频进行实时绿幕抠像处理的示意图；该讲解的视频包括人物部分2和绿幕背景1，该讲解视频作为待叠加窗体时，保留人物部分2，其余的绿幕背景1作全透明处理，图6为针对该页内容设置或选取的网页，该网页的背景进行全透明处理的示意图；该网页包括网页窗体部分4和背景部分3，该网页作为待叠加窗体时，保留网页窗体部分4，其余的背景部分3作全透明处理，图7是将图5、图6和图7依次叠加在图4上的示意图，呈现的内容为老师在ppt内进行讲解并且还设有网页窗口进行答题互动或游戏互动，以实现富媒体在线互动教学。

示例性的，待叠加窗体包括将视频内的人物实时抠像出来的视频窗体。

示例性的，多个窗体中的任意一个窗体既可作为背景窗体又可作为待叠加窗体。若作为待叠加窗体时，则从其余窗体中选取一个窗体置于底层作为背景窗体。

示例性的，多个窗体包括动态窗体和静态窗体，动态窗体包括动态视频、动态图片等，静态窗体包括静态网页、静态图片等。

示例性的，背景窗体和待叠加窗体的大小可根据实际情况进行调整。

示例性的，待叠加窗体的位置可相对于背景窗体移动，既可移动至背景窗体中的任意位置。

本实施例还提供一种基于窗体透明化处理实现富媒体互动教学的系统，其特征在于，包括：

窗体获取模块10，用于获取多个窗体；

背景窗体获取模块20，用于从多个窗体中选取一个窗体置于底层作为背景窗体；

待叠加窗体获取模块30，用于从剩余窗体中选取一个或多个窗体作为待叠加窗体，若待叠加窗体存在绿幕窗体时对绿幕窗体的绿幕部分进行透明化处理，保留实景部分；

叠加模块40，用于将待叠加窗体叠加在背景窗体之上，待叠加窗体为一个时，直接叠加在背景窗体之上，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上。

示例性的，待叠加窗体获取模块30中，待叠加窗体包括将视频内的人物实时抠像出来的视频窗体。

本实施例还提供一种计算机可读存储介质，其上存储有计算机程序指令，当计算机程序指令被处理器执行时实现基于窗体透明化处理实现富媒体互动教学的方法，例如实现：s101:获取多个窗体；s102:从多个窗体中选取一个窗体置于底层作为背景窗体；s103:从剩余窗体中选取一个或多个窗体作为待叠加窗体，若待叠加窗体存在绿幕窗体时对绿幕窗体的绿幕部分进行透明化处理，保留实景部分；s104:将待叠加窗体叠加在背景窗体之上，待叠加窗体为一个时，直接叠加在背景窗体之上，待叠加窗体为多个时，对多个待叠加窗体排序后依次叠加在背景窗体之上。

综上，本发明的实施例提供一种基于窗体透明化处理实现富媒体互动教学的方法和系统，使用时，事先准备讲解视频(例如拍摄背景为绿幕的视频)，对讲解视频也就是待叠加窗体进行处理，处理方法包括：保留视频内的人物，对其余的绿幕部分作全透明处理，将处理好的讲解视频叠加至背景窗体之上，例如叠加至ppt上，这样，最终呈现出来的内容就是ppt上有讲解人进行动态讲解；相当于将视频内的人物实时抠像出来与ppt进行叠加进行展示，以增加讲解的互动性。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

对于本领域技术人员而言，显然本申请不限于上述示范性实施例的细节，而且在不背离本申请的精神或基本特征的情况下，能够以其它的具体形式实现本申请。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本申请的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。