具体实施方式

为了使本发明实施例所解决的技术问题、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明实施例进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参照图1，示出了本发明实施例的一种学习平台的分屏显示方法实施例的步骤流程图，具体可以包括如下步骤：

步骤101，前端获取到视频数据、文档数据及文字评论数据；

本发明实施例中，学习平台可以包括鉴权模块、考试模块、社区模块、课程模块、系统模块、统一部署模块等，当然也可以包括其他的模块，如登录模块等，本发明实施例对此不作过多的限制；而该学习平台可以运行于多种终端上，如个人电脑(PC，PersonalComputer)、智能手机、平板电脑等终端，也可以是可安装应用程序的其他终端，例如智能手表等，本发明实施例对移动终端的具体类型不作限定，所述终端的操作系统可以包括Android(安卓)、Harmony(鸿蒙)OS、IOS、Windows Phone、Windows、Linux等等，本发明实施例对此不作过多的限制。

具体地，该学习平台可以运行于各种终端的网页上，可以通过网页登陆学习平台，前端即多种终端可以首先获取到所述视频数据、文档数据及文字评论数据，

需要说明的是，还可以获取到其他种类的数据，如代码数据等，本发明实施例对此不作过多的限制。

举例而言，当前终端获取用户上传的视频数据、文档数据及文字评论数据，如某些岗位的教学视频、学习课件及实时学员的评论数据。

步骤102，将网页页面划分为特定区域；其中，所述特定区域包括第一区域、第二区域及第三区域；

进一步应用到本发明实施例中，终端可以接收用户的网页页面的划分信息，将该终端的网页页面为特定区域，其中，所述特定区域包括第一区域、第二区域及第三区域；

本发明实施例中，该第一区域可以为网页的左半区域，而第二区域为右半上区域，第三区域为左半下区域，上述的划分仅仅为本发明实施例的举例，还可以有其他的特定区域的划分方式，本发明实施例对此不作过多的限制

在另一种具体实施例中，该第一区域、第二区域及第三区域可以为网页平均分配的三等分的区域。

步骤103，在所述第一区域显示视频数据，在所述第二区域显示文档数据以及在所述第三区域显示文字评论数据。

进一步地，在第一区域显示视频数据，而在第二区域显示文档数据，在第三区域显示文字评论数据；

同样地，也可以在第一区域显示文档数据，而在第二区域显示视频数据，在第三区域显示文字评论数据，本发明实施例对此不作过多的限制。

本发明实施例中，该学习平台的分屏显示方法包括：前端获取到视频数据、文档数据及文字评论数据；将网页页面划分为特定区域；其中，所述特定区域包括第一区域、第二区域及第三区域；在所述第一区域显示视频数据，在所述第二区域显示文档数据以及在所述第三区域显示文字评论数据，视频学习模式是现在线学习平台常规学习模式，本发明实施例中对这种学习模式的优化，能在同一个屏幕上同时观看视频，观看文档和实时评论，使培训效果更高效。

本发明实施例中，参照图2，示出了本发明实施例的一种学习平台的分屏显示步骤的流程示意图，所述在所述第一区域显示视频数据包括以下子步骤：

子步骤11，通过Video.js视频播放器在第一区域显示视频数据；

具体而言，可以通过前端设置好Video.js视频播放器，Video.js组件是一个通用的在网页上嵌入视频播放器的JS库，Video.js自动检测浏览器对HTML5的支持情况，如果不支持HTML5则自动使用Flash播放器，通过Video.js视频播放器在第一区域显示视频数据。

本发明实施例中，参照图3，示出了本发明实施例的一种学习平台的分屏显示步骤的流程示意图，所述在所述第二区域显示文档数据包括以下子步骤：

子步骤21，通过I Doc View工具第二区域显示文档数据；

进一步地，还可以通过I Doc View工具第二区域显示文档数据，需要说明的是，IDoc View工具是一个在线文档预览工具，功能包括在线文档预览、压缩文件预览、图纸预览、图片预览、音视频播放、协作编辑、同步展示等功能。

本发明实施例中，参照图4，示出了本发明实施例的一种学习平台的分屏显示步骤的流程示意图，所述在所述第三区域显示文字评论数据包括以下子步骤：

子步骤31，通过定时器的定时请求在所述第三区域对评论进行更新；

进一步地，还可以通过定时器的定时请求在所述第三区域对评论进行更新，具体而言，通过前端编写一个定时器，定时发送请求到后台获取评论区的最新评论数据，并更新到网页页面。

本发明实施例中，参照图5，示出了本发明实施例的一种后端上传步骤的流程示意图，所述方法还包括：

步骤41，后端通过jQuery File Upload上传视频数据、文档数据及文字评论数据。

视频区域方面使用jQuery File Upload做视频上传，允许上传多个视频并能对视频进行排序。学员端多视频使用Video.js视频播放器按照视频排序自动播放，学员也可以自选切换视频，离开页面会通过session记录学员观看到哪个视频，下次进入页面自动续播到上次观看的视频。

学文档区域方面使用I Doc View技术对文档进行转化，在学员端员端学员通过能观看I Doc View转换后的文档。

评论区域方面做定时更新，让学员能在学习的时候能及时看到最新评论。对三分屏页面做了各个浏览器的兼容，移动端兼容；具体地，管理员在管理员端通过jQuery FileUpload技术可以同时上传多个视频和文档，上传成功后。在学员端，前端通过iframe和样式调整将视频，文档，和评论区显示在同一个页面上。视频使用Video.js视频播放器呈现，文档使用I Doc View技术呈现，评论区则是前端写的一个模块通过定时器定时请求对评论进行实时更新。

本发明实施例中，在在线学习平台引入三分屏学习模式，将屏幕一分为三，分别为视频区、文档区、和评论区。让学员在观看视频的时候同时可以查阅视频相关文档，更好吸收知识点，同时也可以在评论区和其他学员进行互动，提问和答疑，让在线学习平台的培训更高效，也促进了学员之间的互动。通过管理员在管理员端上传多视频和文档，学员端对视频和文档展示在同一个页面，同时开放评论区进行实时评论。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图6，示出了本发明实施例的一种学习平台的分屏显示装置实施例的结构框图，具体可以包括如下模块：

获取模块301，用于前端获取到视频数据、文档数据及文字评论数据；

划分模块302，用于将网页页面划分为特定区域；其中，所述特定区域包括第一区域、第二区域及第三区域；

显示模块303，用于在所述第一区域显示视频数据，在所述第二区域显示文档数据以及在所述第三区域显示文字评论数据。

优选地，所述显示模块包括：

第一显示子模块，用于通过Video.js视频播放器在第一区域显示视频数据。

优选地，所述显示模块包括：

第二显示子模块，用于通过I Doc View工具第二区域显示文档数据。

优选地，所述显示模块包括：

第一更新子模块，用于通过定时器的定时请求在所述第三区域对评论进行更新。

优选地，所述装置还包括：

上传模块，用于后端通过jQuery File Upload上传视频数据、文档数据及文字评论数据。

上述学习平台的分屏显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

上述提供的学习平台的分屏显示装置可用于执行上述任意实施例提供的学习平台的分屏显示方法，具备相应的功能和有益效果。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种学习平台的分屏显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

前端获取到视频数据、文档数据及文字评论数据；

将网页页面划分为特定区域；其中，所述特定区域包括第一区域、第二区域及第三区域；

在所述第一区域显示视频数据，在所述第二区域显示文档数据以及在所述第三区域显示文字评论数据。

优选地，所述在所述第一区域显示视频数据，包括：

通过Video.js视频播放器在第一区域显示视频数据。

优选地，所述在所述第二区域显示文档数据，包括：

通过I Doc View工具第二区域显示文档数据。

优选地，所述在所述第三区域显示文字评论数据，包括：

通过定时器的定时请求在所述第三区域对评论进行更新。

优选地，所述方法还包括：

后端通过jQuery File Upload上传视频数据、文档数据及文字评论数据。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

前端获取到视频数据、文档数据及文字评论数据；

将网页页面划分为特定区域；其中，所述特定区域包括第一区域、第二区域及第三区域；

在所述第一区域显示视频数据，在所述第二区域显示文档数据以及在所述第三区域显示文字评论数据。

优选地，所述在所述第一区域显示视频数据，包括：

通过Video.js视频播放器在第一区域显示视频数据。

优选地，所述在所述第二区域显示文档数据，包括：

通过I Doc View工具第二区域显示文档数据。

优选地，所述在所述第三区域显示文字评论数据，包括：

通过定时器的定时请求在所述第三区域对评论进行更新。

优选地，所述方法还包括：

后端通过jQuery File Upload上传视频数据、文档数据及文字评论数据。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种学习平台的分屏显示方法、一种学习平台的分屏显示装置、一种计算机设备和一种存储介质，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。