CN108961848A - 一种用于智能教学的生成dom元素的方法及电子设备 - Google Patents

一种用于智能教学的生成dom元素的方法及电子设备 Download PDF

Info

Publication number
CN108961848A
CN108961848A CN201810738827.0A CN201810738827A CN108961848A CN 108961848 A CN108961848 A CN 108961848A CN 201810738827 A CN201810738827 A CN 201810738827A CN 108961848 A CN108961848 A CN 108961848A
Authority
CN
China
Prior art keywords
video
dom element
data
generation
intelligent tutoring
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201810738827.0A
Other languages
English (en)
Inventor
李天驰
孙悦
成锐林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Dianmao Technology Co Ltd
Original Assignee
Shenzhen Dianmao Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Dianmao Technology Co Ltd filed Critical Shenzhen Dianmao Technology Co Ltd
Priority to CN201810738827.0A priority Critical patent/CN108961848A/zh
Publication of CN108961848A publication Critical patent/CN108961848A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09B—EDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B5/00—Electrically-operated educational appliances
    • G09B5/02—Electrically-operated educational appliances with visual presentation of the material to be studied, e.g. using film strip
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47202—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting content on demand, e.g. video on demand

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • Educational Administration (AREA)
  • Educational Technology (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本发明公开一种用于智能教学的生成DOM元素的方法及电子设备，其中，方法包括步骤：A、接收视频源与数据源，将数据与视频进行时间维度的数据绑定；B、当接收用户的播放点击指令时，播放相应的视频；C、当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。本发明中，视频播放与DOM元素相结合，完成了富有交互性的UI界面，从而增强了视频播放过程中的交互性。

Description

一种用于智能教学的生成DOM元素的方法及电子设备
技术领域
本发明涉及视频交互领域，尤其涉及一种用于智能教学的生成DOM元素的方法及电子设备。
背景技术
视频教学是拓展知识的有效途径，但市面上绝大多数视频教学方案都是讲师进行讲解，视频结束后学习者自行实践，而学习者在实践的过程中已经忘记了大部分学习的内容。也就是说，传统的数据流主要是提供画面供用户观看，例如视频、直播等快消费娱乐，但当今教育类视频愈加火热，用传统的填鸭式教学所起效果收效甚微。即，现有的视频播放方式缺少交互性。
因此，现有技术还有待于改进和发展。
发明内容
鉴于上述现有技术的不足，本发明的目的在于提供一种用于智能教学的生成DOM元素的方法及电子设备，旨在解决现有的视频播放方式缺少交互性的问题。
本发明的技术方案如下：
一种用于智能教学的生成DOM元素的方法，其中，包括步骤：
A、接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
B、当接收用户的播放点击指令时，播放相应的视频；
C、当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
所述的用于智能教学的生成DOM元素的方法，其中，所述数据源以JSON序列化的方式存储。
所述的用于智能教学的生成DOM元素的方法，其中，所述步骤A具体包括：
对视频进行解析，动态生成HTML5标签插入页面；
暴露原生接口；
对视频对应的数据进行解析，并对数据与视频进行时间维度的数据绑定。
所述的用于智能教学的生成DOM元素的方法，其中，所述步骤A中，预先设置插入的DOM元素类型。
所述的用于智能教学的生成DOM元素的方法，其中，所述步骤C具体包括：
实时检查视频播放时间是否到达配置时间；
如果到达，则暂停播放视频，并将json数据交由数据处理器进行交互准备，如果没有到达，则继续播放视频。
所述的用于智能教学的生成DOM元素的方法，其中，交互步骤如下：
按照DOM元素的渲染效果进行渲染并显示DOM元素的内容；
用户在完成程序所设定的操作后，恢复视频播放。
所述的用于智能教学的生成DOM元素的方法，其中，所述步骤C之后还包括：
继续监听下一个节点时刻的到来，进行下一段的交互式学习阶段。
一种电子设备，其中，包括：
处理器，适于实现各指令，以及
存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：
接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
当接收用户的播放点击指令时，播放相应的视频；
当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
所述的电子设备，其中，所述数据源以JSON序列化的方式存储。
所述的电子设备，其中，预先设置插入的DOM元素类型。
有益效果：本发明中，视频播放与DOM元素相结合，完成了富有交互性的UI界面，从而增强了视频播放过程中的交互性。
附图说明
图1为本发明一种用于智能教学的生成DOM元素的方法较佳实施例的流程图。
图2为本发明一种电子设备较佳实施例的结构框图。
具体实施方式
本发明提供一种用于智能教学的生成DOM元素的方法及电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参阅图1，图1为本发明提供一种用于智能教学的生成DOM元素的方法较佳实施例的流程图，其包括步骤：
S1、接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
S2、当接收用户的播放点击指令时，播放相应的视频；
S3、当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
所述步骤S1中，首先进行初始化，以便开始后续的所有步骤。初始化后，传递视频源与数据源给视频播放器。
然后载入视频源(视频)以及数据源(视频对应的json数据)。具体是在视频播放器中载入视频以及视频对应的json数据。
其中的json数据是视频的额外数据提供者，用户在特定时间释放特定的数据，为视频内容提任意类型的数据支持。
本发明中的数据源是指为视频进行定制的DOM数据源，其以json序列化的方式存储(故也称为json数据)，可以存储任何可以被反序列化的数据格式。本发明中，可采用内置的交互式DOM元素，也可接受外部传入的整体DOM元素，用于与数据源相结合，动态生成用户交互流程。
本发明中，预置了可交互的DOM元素，例如答题弹窗、积木编程区等多种可被直接调用生成的DOM内容，根据数据源(数据源的DOM数据配置表)中的选项动态生成DOM元素，并提供接口可插件式的动态拓展。
所述步骤S1具体包括：
S11、对视频进行解析，动态生成视频标签，并插入HTML5页面；
S12、暴露原生接口；
S13、对视频对应的json数据进行解析，并对视频时间进行绑定。
在所述步骤S11中，视频播放器对视频进行解析，动态生成<video>标签，插入HTML5页面。
在所述步骤S12中，视频播放器解析视频时，封装原生HTML5视频能力，并暴露原生接口：当前视频播放时长currentTime、视频播放事件timeupdate、视频总时长duration等。当然还可包括如下接口：“外部数据源输入”、“定时操作”、“DOM构建”、“视频区域缩放、拖动与隐藏”、“跳转到指定时间”、“事件绑定”、“消息通知”等。
本发明为视频提供了外部数据接收接口，数据可高度灵活定制。数据源内容(json数据)目前主要包括两方面内容：用于提供给用户操作的动态拓展页面的展示类数据源、用于提供给其他具体业务场景用的定制类数据。在本发明中，可采用积木的序列化xml数据。同时提供了所有对视频监听与操作的接口，用于对产品需求的横向拓展。
在所述步骤S13中，视频播放器对json数据进行解析，并根据其中的queue(队列，如时间队列)字段对视频时间进行绑定。
示例如下：
如上所示，设置插入的dom元素类型，此选项为答题型，意味着用户必须先看教程找出答案，答对了题目后才能继续观看后续视频内容，为用户提供了“闯关-奖励”式的视频教学方案。
在所述步骤S2中，当用户点击视频播放器时，则接收到用户的播放点击指令，播放相应的视频。
在所述步骤S3中，判断视频播放时间是否到达配置时间，若达到则进行交互，若未达到则继续播放视频。在播放视频的过程中，开启视频进度监听进程。
具体来说，所述步骤S3具体包括：
S31、实时检查视频播放时间是否到达配置时间；
S32、如果到达，则暂停播放视频，并将json数据交由数据处理器进行交互准备，如果没有到达，则继续播放视频。
在所述步骤S31中，由于在播放视频的过程中，开启了视频进度监听进程，所以可实时获取视频播放时间，并判断播放时间是否达到配置时间。此处的配置时间是指配置文件内的设定时间。其中的视频播放时间即前述的当前视频播放时长currentTime。
在所述步骤S32中，若检查到视频播放时间到达配置时间，先暂停播放视频。此时开始交互，具体是先json数据交由数据处理器进行交互准备。若未达到配置时间，则继续播放视频。
具体的交互步骤如下：
按照DOM元素的渲染效果进行渲染并显示DOM元素的内容；
用户在完成程序所设定的操作后，恢复视频播放。
本发明预置了若干种DOM渲染效果，例如在交互流程中为“answer”答题模式，那么视频在到达此节点时，自动打开维基百科中关于“字符串”内容的学习材料，用户在完成学习，并正确回答所渲染的DOM内容后即可销毁DOM元素并继续进行视频学习。
在完成上述交互过程后，继续视频播放，在播放过程中，同时继续监听下一个节点时刻的到来，进行下一段的交互式学习阶段。
下一个节点即指下一个配置时间，这样可以在视频播放过程中，设置多个节点，到达这些节点时，与用户进行交互。
本发明适用于视频教学当中，尤其是对于编程开发的初学者，可以让视频播放与编程开发相结合，完成了富有交互性的UI界面，让初学者更快上手。
基于上述方法，本发明还提供一种电子设备10，如图2所示，其包括：
处理器110，适于实现各指令，以及
存储设备120，适于存储多条指令，所述指令适于由处理器加载并执行：
接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
当接收用户的播放点击指令时，播放相应的视频；
当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISC Machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、或任何其它这种配置。
存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的生成DOM元素方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行生成DOM元素方法的各种功能应用以及数据处理，即实现上述方法实施例中的生成DOM元素方法。
进一步，所述数据源以JSON序列化的方式存储。
进一步，预先设置插入的DOM元素类型。
关于上述电子设备的具体技术细节在前面的方法中，已有详述，故不再赘述。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (10)

1.一种用于智能教学的生成DOM元素的方法，其特征在于，包括步骤：
A、接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
B、当接收用户的播放点击指令时，播放相应的视频；
C、当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
2.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，所述数据源以JSON序列化的方式存储。
3.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，所述步骤A具体包括：
对视频进行解析，动态生成HTML5标签插入页面；
暴露原生接口；
对视频对应的数据进行解析，并对数据与视频进行时间维度的数据绑定。
4.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，所述步骤A中，预先设置插入的DOM元素类型。
5.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，所述步骤C具体包括：
实时检查视频播放时间是否到达配置时间；
如果到达，则暂停播放视频，并将json数据交由数据处理器进行交互准备，如果没有到达，则继续播放视频。
6.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，交互步骤如下：
按照DOM元素的渲染效果进行渲染并显示DOM元素的内容；
用户在完成程序所设定的操作后，恢复视频播放。
7.根据权利要求1所述的用于智能教学的生成DOM元素的方法，其特征在于，所述步骤C之后还包括：
继续监听下一个节点时刻的到来，进行下一段的交互式学习阶段。
8.一种电子设备，其特征在于，包括：
处理器，适于实现各指令，以及
存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：
接收视频源与数据源，将数据与视频进行时间维度的数据绑定；
当接收用户的播放点击指令时，播放相应的视频；
当到达绑定的时间队列时，暂停播放视频，并显示数据源中提供的DOM元素，通过所述DOM元素的内容进行用户层的交互。
9.根据权利要求8所述的电子设备，其特征在于，所述数据源以JSON序列化的方式存储。
10.根据权利要求8所述的电子设备，其特征在于，预先设置插入的DOM元素类型。
CN201810738827.0A 2018-07-06 2018-07-06 一种用于智能教学的生成dom元素的方法及电子设备 Pending CN108961848A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810738827.0A CN108961848A (zh) 2018-07-06 2018-07-06 一种用于智能教学的生成dom元素的方法及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810738827.0A CN108961848A (zh) 2018-07-06 2018-07-06 一种用于智能教学的生成dom元素的方法及电子设备

Publications (1)

Publication Number Publication Date
CN108961848A true CN108961848A (zh) 2018-12-07

Family

ID=64482312

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810738827.0A Pending CN108961848A (zh) 2018-07-06 2018-07-06 一种用于智能教学的生成dom元素的方法及电子设备

Country Status (1)

Country Link
CN (1) CN108961848A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110248235A (zh) * 2019-06-26 2019-09-17 深圳市轱辘汽车维修技术有限公司 软件教学方法、装置、终端设备及介质
CN111539162A (zh) * 2020-04-26 2020-08-14 西南科技大学 一种Web化多目标气动数据分析系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2010003562A1 (en) * 2008-07-08 2010-01-14 Nortel Networks Limited Method of delivering customer contact service to iptv viewer
WO2013138370A1 (en) * 2012-03-12 2013-09-19 Mini Broadcasting Interactive overlay object layer for online media
CN103929669A (zh) * 2014-04-30 2014-07-16 成都理想境界科技有限公司 可交互视频生成器、播放器及其生成方法、播放方法
CN106358072A (zh) * 2016-09-20 2017-01-25 广东小天才科技有限公司 一种教学视频的播放控制方法及装置、用户设备
CN107222788A (zh) * 2016-08-31 2017-09-29 北京正阳天马信息技术有限公司 一种基于视频播放过程的交互问答系统实现方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2010003562A1 (en) * 2008-07-08 2010-01-14 Nortel Networks Limited Method of delivering customer contact service to iptv viewer
WO2013138370A1 (en) * 2012-03-12 2013-09-19 Mini Broadcasting Interactive overlay object layer for online media
CN103929669A (zh) * 2014-04-30 2014-07-16 成都理想境界科技有限公司 可交互视频生成器、播放器及其生成方法、播放方法
CN107222788A (zh) * 2016-08-31 2017-09-29 北京正阳天马信息技术有限公司 一种基于视频播放过程的交互问答系统实现方法
CN106358072A (zh) * 2016-09-20 2017-01-25 广东小天才科技有限公司 一种教学视频的播放控制方法及装置、用户设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
韩璞等: "《OpenStack技术原理与实战》", 30 April 2016, 西安电子科技大学出版社 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110248235A (zh) * 2019-06-26 2019-09-17 深圳市轱辘汽车维修技术有限公司 软件教学方法、装置、终端设备及介质
CN111539162A (zh) * 2020-04-26 2020-08-14 西南科技大学 一种Web化多目标气动数据分析系统
CN111539162B (zh) * 2020-04-26 2022-03-08 西南科技大学 一种Web化多目标气动数据分析系统

Similar Documents

Publication Publication Date Title
CN110570698B (zh) 一种在线教学控制方法、装置、存储介质以及终端
CN111225225B (zh) 直播回放方法、装置、终端及存储介质
US20050181348A1 (en) E-learning system and method
CN107333164B (zh) 一种图像数据处理方法及装置
CN105740029A (zh) 一种内容呈现的方法、用户设备及系统
CN105142029B (zh) 一种互动视频的剪辑系统及其剪辑方法
CN109785687A (zh) 一种用于在线视频教学的数据处理方法、装置及系统
CN108961848A (zh) 一种用于智能教学的生成dom元素的方法及电子设备
CN102129851B (zh) 一种信息显示方法、装置及信息交互系统
CN106408623A (zh) 一种文字展现方法、装置及终端
CN107786903A (zh) 视频交互方法及装置
CN109361954A (zh) 视频资源的录制方法、装置、存储介质及电子装置
CN112188264A (zh) 基于Android实现多窗口播放视频的方法及终端
JP2013539075A (ja) ライブ指導と自動指導とを組み合わせた教育システム
CN103778809A (zh) 一种基于字幕的视频学习效果自动测试方法
CN110337041A (zh) 视频播放方法、装置、计算机设备及存储介质
CN104994429B (zh) 一种播放视频的方法及装置
CN106357715A (zh) 发音矫正方法、玩具、移动终端和系统
CN108881996A (zh) 生成和显示多媒体片段的序列的方法、装置、设备和介质
US20120063743A1 (en) System and method for remote presentation provision
CN106993230A (zh) 基于情节的智能播放交互控制方法
CN108810639A (zh) 一种基于智能算法的视频交互数据存储方法及电子设备
CN107583291B (zh) 玩具互动方法、装置及玩具
CN104125492B (zh) 视频播放方法及装置
CN109523844A (zh) 一种虚拟直播仿真教学系统及方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20181207