CN110049364A - 一种编辑编程教学视频中代码的方法及电子设备 - Google Patents

Abstract

本发明涉及一种编辑编程教学视频中代码的方法及电子设备。编程教学课程包括教学音频和视频标记文件，视频标记文件包括一系列播放命令，播放命令按照时间标记存放需要展示的代码信息和响应的操作指令；功能操作区接收播放指令播放教学音频，同时在代码展示编辑区展示与教学音频同步的代码；接收暂停指令，暂停教学音频播放同时保存代码展示编辑区已展示的代码，且使代码展示编辑区进入编程状态；在代码展示编辑区输入编码内容和/或对代码展示编辑区已保存的代码进行编辑；编程完成后运行代码展示编辑区内代码产生程序运行结果。本发明在教学过程中实时同步显示编程代码，学员可随时对课程中的代码进行编辑和运行，节省学员时间，提高教学质量。

Description

一种编辑编程教学视频中代码的方法及电子设备

技术领域

本发明涉及编程教学领域，更具体地说，涉及一种编辑编程教学视频中代码的方法及电子设备。

背景技术

在目前的终端本地编程学习或在线代码编程学习中，主要是通过文字和音频、视频的方式，相比文字和音频，视频的方式更容易被学员所接受。很多在线代码编程网站，都提供了丰富的编程教学视频。但这类视频，学员无法和视频进行交互，对视频中的代码进行编辑(拷贝、修改、删除等)练习，对于视频中的示例代码，如果想要体验一下，学员只能对照视频，手工在计算机上敲一遍，进行学习，降低了代码编程学习的效率，影响了学习的效果。如果能够与视频进行交互，将视频中的代码拷贝下来练习，学员的学习热情和学习效果，都将会有很大的提升。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种编辑编程教学视频中代码的方法及电子设备。

本发明解决其技术问题所采用的技术方案是：构造一种编辑编程教学视频中代码的方法，应用于具有显示屏的电子设备，所述方法包括：

播放过程：接收播放指令，播放教学音频同时在所述电子设备的代码展示编辑区展示与所述教学音频同步的代码；

暂停过程：接收暂停指令，暂停教学音频播放同时保存所述代码展示编辑区已展示的代码；

编码过程：接收编码指令，在所述代码展示编辑区输入与所述编码指令对应的编码内容，和/或对所述代码展示编辑区已保存的代码进行编辑；

运行过程：接收运行指令，运行所述代码展示编辑区内的代码产生程序运行结果。

进一步，本发明所述的编辑编程教学视频中代码的方法，所述播放过程中播放教学音频同时在所述代码展示编辑区展示与所述教学音频同步的代码包括：

播放教学音频同时在所述代码展示编辑区展示与所述教学音频的一段时间同步的代码，或播放教学音频同时在所述代码展示编辑区展示与所述教学音频实时同步的代码。

进一步，本发明所述的编辑编程教学视频中代码的方法，所述暂停过程中暂停教学音频播放同时保存所述代码展示编辑区已展示的代码后还包括：

使所述代码展示编辑区进入编程状态，所述编程状态指在所述代码展示编辑区输入代码或对已有代码进行编辑。

进一步，本发明所述的编辑编程教学视频中代码的方法，所述运行过程中运行所述代码展示编辑区内代码产生程序运行结果后还包括：

通过结果显示区显示所述程序运行结果，所述结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种。

进一步，本发明所述的编辑编程教学视频中代码的方法，还包括继续播放过程：

接收继续播放指令，将所述代码展示编辑区的代码还原为暂停时刻保存的代码；从暂时时刻起继续播放教学音频同时在所述代码展示编辑区展示与所述教学音频同步的代码。

进一步，本发明所述的编辑编程教学视频中代码的方法，还包括定点播放过程：

接收播放时间选择指令，播放与所述播放时间选择指令选定的时间点对应的教学音频，同时在所述代码展示编辑区展示与所述教学音频同步的代码。

进一步，本发明所述的编辑编程教学视频中代码的方法，还包括课程选择过程：

接收选课指令，播放与所述选课指令对应的编程教学课程。

另，本发明还提供一种电子设备，所述电子设备包括显示屏，所述电子设备包括用于接收操作指令的功能操作区和用于展示代码及编辑代码的代码展示编辑区；

每个编程教学课程包括教学音频和视频标记文件，所述视频标记文件包括一系列播放命令，所述播放命令按照时间标记存放需要展示的代码信息和响应的操作指令；

所述功能操作区接收播放指令播放教学音频，同时在所述代码展示编辑区展示与所述教学音频同步的代码；所述功能操作区接收暂停指令，暂停教学音频播放同时保存所述代码展示编辑区已展示的代码，且使所述代码展示编辑区进入编程状态；在所述代码展示编辑区输入编码内容和/或对所述代码展示编辑区已保存的代码进行编辑；编程完成后运行所述代码展示编辑区内代码产生程序运行结果。

进一步，本发明所述的电子设备，还包括用于显示所述程序运行结果的结果显示区，所述结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种；和/或

用于显示所述编程教学课程的列表的课程显示区；和/或

用于播放教师讲课教学视频的视频播放区。

进一步，本发明所述的电子设备，还包括用于存储所述编程教学课程的存储器；或者

用于接收远端教学服务器发送的所述编程教学课程的通信模块，所述编程教学课程存储在所述远端服务器上。

实施本发明的一种编辑编程教学视频中代码的方法及电子设备，具有以下有益效果：每个编程教学课程包括教学音频和视频标记文件，视频标记文件包括一系列播放命令，播放命令按照时间标记存放需要展示的代码信息和响应的操作指令；功能操作区接收播放指令播放教学音频，同时在代码展示编辑区展示与教学音频同步的代码；功能操作区接收暂停指令，暂停教学音频播放同时保存代码展示编辑区已展示的代码，且使代码展示编辑区进入编程状态；在代码展示编辑区输入编码内容和/或对代码展示编辑区已保存的代码进行编辑；编程完成后运行代码展示编辑区内代码产生程序运行结果。本发明在教学过程中实时同步显示编程代码，学员可随时对课程中的代码进行编辑和运行，节省学员时间，提高教学质量。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1是一实施例提供的电子设备的结构示意图；

图2是一实施例提供的电子设备的结构示意图。

具体实施方式

为了对本发明的技术特征、目的和效果有更加清楚的理解，现对照附图详细说明本发明的具体实施方式。

实施例

参考图1，本实施例的电子设备包括显示屏，电子设备包括用于接收操作指令的功能操作区和用于展示代码及编辑代码的代码展示编辑区，功能操作区和代码展示编辑区在显示屏上显示，功能操作区和代码展示编辑区需要处理的数据由电子设备的处理器完成。每个编程教学课程包括教学音频和视频标记文件，视频标记文件包括一系列播放命令，这一系列播放命令以脚本的形式存储，播放命令按照时间标记存放需要展示的代码信息和响应的操作指令，从而实现教学音频和视频标记文件的同步，也即保证教学音频对应的教学代码内容实时显示在代码展示编辑区。功能操作区包括用于接收操作指令的多个虚拟按钮，虚拟按钮包括但不限于播放按钮、暂停按钮、停止按钮、运行按钮、清除按钮、音量调节按钮、播放进度调节按钮等，可根据需要进行设置。作为选择，可通过鼠标操作这些虚拟按钮，或通过触摸屏操作这些虚拟按钮，或通过键盘上的功能键操作这些虚拟按钮。

电子设备包括用于显示编程教学课程的列表的课程显示区，学员在开始学习时首先要选择编程教学课程。选择编程教学课程后功能操作区接收播放指令播放教学音频，同时在代码展示编辑区展示与教学音频同步的代码，即在播放教学音频时，同时播放视频标记文件，根据视频标记文件中的一系列播放命令调出对应的代码信息进行展示，以实现教学代码的同步展示。作为选择，播放教学音频同时在代码展示编辑区展示与教学音频的一段时间同步的代码，即将一段时间内的代码一次性显示出来，例如一次性显示讲解3分钟内的所有代码；或者，播放教学音频同时在代码展示编辑区展示与教学音频实时同步的代码，即代码按照编程教学课程中的讲解进度一步一步的显示代码，例如模拟键盘打字的速度逐个显示代码字符。可选择的，在播放过程中，代码展示编辑区为只读状态，即播放过程中用户不能在代码展示编辑区内手动输入代码或修改代码展示编辑区内展示的代码。可选择的，在播放过程中，代码展示编辑区为只读状态，即播放过程中用户不能在代码展示编辑区内手动输入代码或修改代码展示编辑区内展示的代码。

在播放过程中，若功能操作区接收暂停指令，暂停教学音频播放同时保存代码展示编辑区已展示的代码，且使代码展示编辑区进入编程状态，编程状态指在代码展示编辑区输入代码或对已有代码进行编辑，也就是说此时代码展示编辑区中的代码是可编辑的，可对代码展示编辑区已保存的代码进行编辑，例如进行代码删除操作、代码修改操作、代码拷贝操作、代码移动操作、清除操作等；也可在代码展示编辑区输入新的编码内容，新的编码内容可通过键盘、触摸屏等输入，在此不再赘述。

参考图2，编程完成后点击运行虚拟按键，产生运行指令，运行代码展示编辑区内代码产生程序运行结果，电子设备包括用于显示程序运行结果的结果显示区，结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种，其中文本显示区用于输出文本信息，图形显示区用于输出图形信息。

作为选择，参考图2，本实施例的电子设备还包括用于播放教师讲课教学视频的视频播放区，该视频播放区中的教师讲课教学视频与教学音频保持同步。为使学员更加方便的进行编程，该视频播放区可使用浮动窗口播放，可调整窗口的大小和位置，也可根据需要暂时隐藏窗口。

作为选择，本实施例的编程教学可离线进行学习，学员在电子设备上安装应用程序并下载对应的编程教学课程即可。该离线学习的电子设备包括用于存储编程教学课程的存储器。

作为选择，本实施例的编程教学可为现在编程教学模式，学员使用的电子设备通过网络连接至教学服务器，编程教学课程存储在远端服务器上。电子设备包括用于接收远端教学服务器发送的编程教学课程的通信模块，通信模块可选用有线通信模块或无线通信模块。可选择的，可通过账号和密码方式管理学员的学习课程权限。

本实施例在教学过程中实时同步显示编程代码，学员可随时对课程中的代码进行编辑和运行，节省学员时间，提高教学质量。

实施例

本实施例的编辑编程教学视频中代码的方法应用于具有显示屏的电子设备，电子设备的结构可参考上述实施例，在此不再赘述。该方法包括：

课程选择过程：电子设备包括用于显示编程教学课程的列表的课程显示区，学员在开始学习时首先要选择编程教学课程。接收选课指令，选定并播放与选课指令对应的编程教学课程。每个编程教学课程包括教学音频和视频标记文件，视频标记文件包括一系列播放命令，这一系列播放命令以脚本的形式存储，播放命令按照时间标记存放需要展示的代码信息和响应的操作指令，从而实现教学音频和视频标记文件的同步，也即保证教学音频对应的教学代码内容实时显示在代码展示编辑区。

播放过程：接收播放指令，播放教学音频同时在电子设备的代码展示编辑区展示与教学音频同步的代码。播放过程中播放教学音频同时在代码展示编辑区展示与教学音频同步的代码包括：播放教学音频同时在代码展示编辑区展示与教学音频的一段时间同步的代码，即将一段时间内的代码一次性显示出来，例如一次性显示讲解3分钟内的所有代码；或者，播放教学音频同时在代码展示编辑区展示与教学音频实时同步的代码，即代码按照编程教学课程中的讲解进度一步一步的显示代码，例如模拟键盘打字的速度逐个显示代码字符。

暂停过程：接收暂停指令，暂停教学音频播放同时保存代码展示编辑区已展示的代码。暂停过程中暂停教学音频播放同时保存代码展示编辑区已展示的代码后还包括：使代码展示编辑区进入编程状态，编程状态指在代码展示编辑区输入代码或对已有代码进行编辑，也就是说此时代码展示编辑区中的代码是可编辑的。可对代码展示编辑区已保存的代码进行编辑，例如进行代码删除操作、代码修改操作、代码拷贝操作、代码移动操作、清除操作等；也可在代码展示编辑区输入新的编码内容，新的编码内容可通过键盘、触摸屏等输入，在此不再赘述。

编码过程：接收编码指令，在代码展示编辑区输入与编码指令对应的编码内容，新的编码内容可通过键盘、触摸屏等输入，在此不再赘述。也可对代码展示编辑区已保存的代码进行编辑，例如进行代码删除操作、代码修改操作、代码拷贝操作、代码移动操作、清除操作等。

运行过程：接收运行指令，运行代码展示编辑区内的代码产生程序运行结果。运行过程中运行代码展示编辑区内代码产生程序运行结果后还包括：通过结果显示区显示程序运行结果，结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种，其中文本显示区用于输出文本信息，图形显示区用于输出图形信息。

进一步，本实施例的编辑编程教学视频中代码的方法还包括继续播放过程：接收继续播放指令，将代码展示编辑区的代码还原为暂停时刻保存的代码；从暂时时刻起继续播放教学音频同时在代码展示编辑区展示与教学音频同步的代码。

作为选择，本实施例的编辑编程教学视频中代码的方法还包括定点播放过程：接收播放时间选择指令，学员可通过移动播放进度条或者使用快进、快退等方式选定需要播放的时间点，选定后播放与播放时间选择指令选定的时间点对应的教学音频，同时在代码展示编辑区展示与教学音频同步的代码。

本实施例在教学过程中实时同步显示编程代码，学员可随时对课程中的代码进行编辑和运行，节省学员时间，提高教学质量。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

以上实施例只为说明本发明的技术构思及特点，其目的在于让熟悉此项技术的人士能够了解本发明的内容并据此实施，并不能限制本发明的保护范围。凡跟本发明权利要求范围所做的均等变化与修饰，均应属于本发明权利要求的涵盖范围。

Claims (10)

1.一种编辑编程教学视频中代码的方法，应用于具有显示屏的电子设备，其特征在于，所述方法包括：

播放过程：接收播放指令，播放教学音频同时在所述电子设备的代码展示编辑区展示与所述教学音频同步的代码；

暂停过程：接收暂停指令，暂停教学音频播放同时保存所述代码展示编辑区已展示的代码；

编码过程：接收编码指令，在所述代码展示编辑区输入与所述编码指令对应的编码内容，和/或对所述代码展示编辑区已保存的代码进行编辑；

运行过程：接收运行指令，运行所述代码展示编辑区内的代码产生程序运行结果。

2.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，所述播放过程中播放教学音频同时在所述代码展示编辑区展示与所述教学音频同步的代码包括：

播放教学音频同时在所述代码展示编辑区展示与所述教学音频的一段时间同步的代码，或播放教学音频同时在所述代码展示编辑区展示与所述教学音频实时同步的代码。

3.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，所述暂停过程中暂停教学音频播放同时保存所述代码展示编辑区已展示的代码后还包括：

使所述代码展示编辑区进入编程状态，所述编程状态指在所述代码展示编辑区输入代码或对已有代码进行编辑。

4.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，所述运行过程中运行所述代码展示编辑区内代码产生程序运行结果后还包括：

通过结果显示区显示所述程序运行结果，所述结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种。

5.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，还包括继续播放过程：

接收继续播放指令，将所述代码展示编辑区的代码还原为暂停时刻保存的代码；从暂时时刻起继续播放教学音频同时在所述代码展示编辑区展示与所述教学音频同步的代码。

6.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，还包括定点播放过程：

接收播放时间选择指令，播放与所述播放时间选择指令选定的时间点对应的教学音频，同时在所述代码展示编辑区展示与所述教学音频同步的代码。

7.根据权利要求1所述的编辑编程教学视频中代码的方法，其特征在于，还包括课程选择过程：

接收选课指令，播放与所述选课指令对应的编程教学课程。

8.一种电子设备，所述电子设备包括显示屏，其特征在于，所述电子设备包括用于接收操作指令的功能操作区和用于展示代码及编辑代码的代码展示编辑区；

每个编程教学课程包括教学音频和视频标记文件，所述视频标记文件包括一系列播放命令，所述播放命令按照时间标记存放需要展示的代码信息和响应的操作指令；

所述功能操作区接收播放指令播放教学音频，同时在所述代码展示编辑区展示与所述教学音频同步的代码；所述功能操作区接收暂停指令，暂停教学音频播放同时保存所述代码展示编辑区已展示的代码，且使所述代码展示编辑区进入编程状态；在所述代码展示编辑区输入编码内容和/或对所述代码展示编辑区已保存的代码进行编辑；编程完成后运行所述代码展示编辑区内代码产生程序运行结果。

9.根据权利要求8所述的电子设备，其特征在于，还包括用于显示所述程序运行结果的结果显示区，所述结果显示区包括文本显示区、图形显示区、动画显示区中的至少一种；和/或

用于显示所述编程教学课程的列表的课程显示区；和/或

用于播放教师讲课教学视频的视频播放区。

10.根据权利要求8所述的电子设备，其特征在于，还包括用于存储所述编程教学课程的存储器；或者

用于接收远端教学服务器发送的所述编程教学课程的通信模块，所述编程教学课程存储在所述远端服务器上。