CN115797507A - 文件批注展示方法及系统 - Google Patents

Abstract

本申请提供一种文件批注展示方法及系统。具体的，一种文件批注展示方案，包括以下步骤：获取针对文件的批注数据流；根据批注数据流，形成批注轨迹图片层；获取文件图片层；以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；将文件批注展示图片传输至目标终端；目标终端展示文件批注展示图片。通过将文件批注展示图片作为视频帧，以视频流的形式传输至目标终端，使得目标终端不会出现文件图片与批注内容不同步的情况，降低了网络视频交互失败率。

Description

文件批注展示方法及系统

技术领域

本申请涉及数据处理领域，尤其涉及一种文件批注展示方法及系统。

背景技术

随着教育模式的不断改革，线上教学的教学模式也日益成熟。线上教学的特点是学生与教师可以在不同的地点，二者通过网络视频的模式展开课堂教学活动。这样，教师与学生只需使用已接入网络的设备终端即可展开线上教学。学生端往往有多个，并且需全部与教师端成功建立网络连接。在进行线上教学时，教师授课的画面将由教师端实时同步至学生端。

在实现现有技术的过程中，发明人发现：

授课教学具有交互场景，教师需要根据学生反馈进行教学开展，学生也需要根据教师反馈进行纠正调整，可见交互反馈的及时性直观影响教学效果。区别于传统的课堂书本教学，线上教学模式中的教师与学生不在同一空间，在通过网络视频的形式进行授课、学习时，较差的网络质量影响交互反馈的及时性，而反馈的不及时将导致交互失败。例如基于网络的问题，可能导致教师的批注出现延迟或卡顿，这样非正常的批注导致学生不能理解，严重影响了教学效果。

因此，需要提供一种有效的文件批注展示方案，用以解决网络视频交互失败率高的技术问题。

发明内容

本申请实施例提供一种有效的文件批注展示方案，用以解决网络视频交互失败率高的技术问题。

具体的，一种文件批注展示方法，包括以下步骤：

获取针对文件的批注数据流；

根据批注数据流，形成批注轨迹图片层；

获取文件图片层；

以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；

将文件批注展示图片传输至目标终端；

目标终端展示文件批注展示图片。

进一步的，根据批注数据流，形成批注轨迹图片层，具体包括：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

进一步的，封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

进一步的，所述批注轨迹图片层为Image格式。

进一步的，在将文件批注展示图片传输至目标终端的步骤之前，还包括：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

本申请实施例还提供一种文件批注展示系统。

具体的，一种文件批注展示系统，包括：

批注模块，用于获取针对文件的批注数据流；还用于根据批注数据流，形成批注轨迹图片层；

合并模块，用于获取文件图片层；还用于以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；

传输模块，用于将文件批注展示图片传输至目标终端，以使目标终端展示文件批注展示图片。

进一步的，批注模块用于根据批注数据流，形成批注轨迹图片层，具体用于：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

进一步的，封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

进一步的，所述批注轨迹图片层为Image格式。

进一步的，在传输模块将文件批注展示图片传输至目标终端之前，传输模块还用于：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

本申请实施例提供的技术方案，至少具有如下有益效果：

通过将批注数据流转化为批注轨迹图片层；再以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；将文件批注展示图片作为视频帧，以视频流的形式传输至目标终端。使得目标终端不会出现文件图片与批注内容不同步的情况，降低了网络视频交互失败率。即使网络出现延迟或卡顿，目标终端也能根据文件批注展示图片进行视频帧级别的查阅、浏览。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例提供的文件批注展示方法的流程示意框图；

图2为本申请实施例提供的文件批注展示系统的结构示意图。

图中附图标记表示为：

100 文件批注展示系统

11 批注模块

12 合并模块

13 传输模块。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

请参照图1，为解决网络视频交互失败率高的技术问题，本申请提供一种文件批注展示方法，包括以下步骤：

S110：获取针对文件的批注数据流。

可以理解的是，所述文件用于向反馈目标展示。在具体的应用场景中，反馈目标可以表现为学生，所述文件可以表现为课件文本、课件图像、课件音频、学生作业文本、学生作业图像、学生作业音频。

当操作者在交互场景下做出交互行为，针对文件的批注数据流可以理解为记录操作者交互行为的操作指令。在具体的应用场景中，操作者可以表现为教师，交互场景可以表现为授课教学场景，交互行为可以表现为批注，则所述批注数据流可以理解为表征批注内容的操作指令。所述批注内容用于向反馈目标展示，以期望得到反馈目标的反馈信息。进一步的，所述批注数据流可以表现为针对文件的文本输入指令、图形输入指令、颜色输入指令、音频输入指令、参数输入指令等指令中至少一种。

例如，针对课件文本以颜色输入指令进行重点标记、针对学生作业图像以图形输入指令进行批改标记、针对学生作业文本以参数输入指令进行格式批改。当然，针对不同的文件可以采用不同的批注方式，也即批注数据流有不同的表现形式。上述示意性实施例仅用于解释本步骤，显然不构成对本申请保护范围的限制。

进一步的，获取针对文件的批注数据流，具体包括：

获取文件；

于具有控制点的操作界面显示文件；

当控制点移动，获取控制点的移动轨迹，作为批注数据流。

当然，控制点的移动轨迹与操作界面中显示的文件具有位置上的映射关系。批注数据流也可以包括控制点的移动轨迹与操作界面显示文件的映射关系。

S120：根据批注数据流，形成批注轨迹图片层。

所述批注轨迹可以理解为控制点的移动轨迹，用于表征批注内容。所述批注轨迹图片层可以理解为用于表征批注内容的图片。换句话说，根据批注数据流，形成批注轨迹图片层，就是以图片的形式展示批注轨迹。

进一步的，根据批注数据流，形成批注轨迹图片层，具体包括：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

可以理解的是，所述canvas技术由HTML标记语言支持，可在HTML标记语言构建的Web内容中构建标签框架。所述标签框架可由HTML元素编辑，以渲染图像。在本申请提供的具体应用场景中，使用基于canvas技术的底层框架，将批注数据流进行二维图层化，表现为：

使用基于canvas技术的底层框架作为供操作者编辑的画布；

将所述批注数据流进行二维图层化，以转化为可编辑基于canvas技术的底层框架的HTML元素集合。

进一步的，封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

可以理解的是，所述点线图形函数用于以几何图像的形式表征HTML元素。因此在批注数据流进行二维图层化，转化为HTML元素集合后，将HTML元素集合作为点线图形函数的自变量，将点线图形函数的因变量作为点线图形的坐标点。连接坐标点即可得到表征批注轨迹的点线图形。将所述点线图形进行封装，即可得到批注轨迹图片层。

进一步的，所述批注轨迹图片层为Image格式。可以理解的是，Image格式的压缩效率较高，更适合本申请交互场景下对于时效性的要求。

S130：获取文件图片层。

S140：以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片。

S150：将文件批注展示图片传输至目标终端。

S160：目标终端展示文件批注展示图片。

可以理解的是，所述文件图片层是指以图片形式表征的文件。以文件图片层为背景，即是将文件图片层置于底层，将批注轨迹图片层置于顶层。之后合并批注轨迹图片层和文件图片层，形成文件批注展示图片。

所述目标终端是指反馈目标所操作的终端。在本申请提供的具体应用场景中，所述反馈目标身份为学生，所述目标终端即是学生操作的终端，简称学生端。这里的目标终端可以进行信息处理、程序运行。通常，目标终端可以具备无线收发功能，或者联网功能。在具体的实现形态中，目标终端可以是电脑、智能手机、掌上电脑以及移动互联网设备等具备信息处理的终端设备。

需要指出的是，在实现现有技术的过程中，发明人发现现有技术中，教师端通常将文件图片层作为网络视频流传输至学生端，并单独将批注数据流传输至学生端。学生端在接收到文件图片层和批注数据流，再于学生端本地进行同步协作呈现。这使得一旦网络出现延迟或卡顿，使得文件图片层或批注数据流中任意一种数据流不连贯，就会导致这两种数据流不能同步协作，从而出现教学画面与批注不同步。这样非正常的批注导致学生不能理解，严重影响了教学效果。

而区别于现有技术，本申请不再分别传输文件图片层和批注数据流，而是将批注数据流转化为批注轨迹图片层；再以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；将文件批注展示图片作为视频帧，以视频流的形式传输至学生端。使得学生端不会出现教学画面与批注不同步的情况，降低了网络视频交互失败率。即使网络出现延迟或卡顿，学生端也能根据文件批注展示图片进行视频帧级别的查阅、浏览，从而不对教学效果造成影响。

进一步的，在本申请的具体交互场景中，学生端往往有多个，并且需全部与教师端成功建立网络连接。而多个学生端可能具有不同的实现形态，例如部分学生端表现为电脑，另一部分学生端表现智能手机，又一部分学生端表现掌上电脑。

不同表现形式的目标终端有不同架构，而在目标终端有多种表现形式的基础上，容易导致文件批注展示图片的配适性较低。例如，同一文件批注展示图片在不同表现形式的目标终端出现不同的呈现效果，呈现效果不统一可能导致部分学生不能理解，严重影响了教学效果。

在目标终端可有多种表现形式的基础上，为提高交互的适配性，在将文件批注展示图片传输至目标终端的步骤之前，还包括：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

针对不同架构的目标终端，以函数逻辑解耦对文件批注展示图片进行兼容性转换，提高了交互的有效性。

下面介绍本申请提供的文件批注展示方法在具体应用场景下的实现过程：

在线上教学模式下，学生端针对教师提问作答，生成作答文件。作答文件由学生端发送至教师端。在教师端接收作答文件后，教师针对学生作答情况，在教师端进行批注，生成针对作答文件的批注数据流。

之后教师端根据批注数据流，使用基于canvas技术的底层框架，将批注数据流进行二维图层化；调用点线图形函数；根据批注数据流生成点线图形函数的参数；封装参数化的点线图形函数，形成Image格式的批注轨迹图片层。

并以作答文件图片层为背景，合并批注轨迹图片层和作答文件图片层，形成作答文件批注展示图片。

教师端将文件批注展示图片传输至学生端。

学生端可以同步展示文件批注展示图片，也可以进行视频帧级别的查阅、浏览。

从而在线上教学模式下，实现了教师针对学生作答错误的集中讲解，避免了学生仍做错题目，且不知道错误出在哪里的情况。降低了网络视频交互失败率，提升了教学效率和教学效果。

综上所述，本申请通过将批注数据流转化为批注轨迹图片层；再以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；将文件批注展示图片作为视频帧，以视频流的形式传输至目标终端。使得目标终端不会出现文件图片与批注内容不同步的情况，降低了网络视频交互失败率。即使网络出现延迟或卡顿，目标终端也能根据文件批注展示图片进行视频帧级别的查阅、浏览。

请参照图2，为支持文件批注展示方法，本申请还提供一种文件批注展示系统100，包括：

批注模块11，用于获取针对文件的批注数据流；还用于根据批注数据流，形成批注轨迹图片层；

合并模块12，用于获取文件图片层；还用于以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；

传输模块13，用于将文件批注展示图片传输至目标终端，以使目标终端展示文件批注展示图片。

可以理解的是，所述文件用于向反馈目标展示。在具体的应用场景中，反馈目标可以表现为学生，所述文件可以表现为课件文本、课件图像、课件音频、学生作业文本、学生作业图像、学生作业音频。

当操作者在交互场景下做出交互行为，针对文件的批注数据流可以理解为记录操作者交互行为的操作指令。在具体的应用场景中，操作者可以表现为教师，交互场景可以表现为授课教学场景，交互行为可以表现为批注，则所述批注数据流可以理解为表征批注内容的操作指令。所述批注内容用于向反馈目标展示，以期望得到反馈目标的反馈信息。进一步的，所述批注数据流可以表现为针对文件的文本输入指令、图形输入指令、颜色输入指令、音频输入指令、参数输入指令等指令中至少一种。

例如，针对课件文本以颜色输入指令进行重点标记、针对学生作业图像以图形输入指令进行批改标记、针对学生作业文本以参数输入指令进行格式批改。当然，针对不同的文件可以采用不同的批注方式，也即批注数据流有不同的表现形式。上述示意性实施例仅用于解释本步骤，显然不构成对本申请保护范围的限制。

进一步的，批注模块11获取针对文件的批注数据流，具体包括：

获取文件；

于具有控制点的操作界面显示文件；

当控制点移动，获取控制点的移动轨迹，作为批注数据流。

当然，控制点的移动轨迹与操作界面中显示的文件具有位置上的映射关系。批注数据流也可以包括控制点的移动轨迹与操作界面显示文件的映射关系。

批注模块11根据批注数据流，形成批注轨迹图片层。

所述批注轨迹可以理解为控制点的移动轨迹，用于表征批注内容。所述批注轨迹图片层可以理解为用于表征批注内容的图片。换句话说，批注模块11根据批注数据流，形成批注轨迹图片层，就是以图片的形式展示批注轨迹。

进一步的，批注模块11根据批注数据流，形成批注轨迹图片层，具体包括：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

可以理解的是，所述canvas技术由HTML标记语言支持，可在HTML标记语言构建的Web内容中构建标签框架。所述标签框架可由HTML元素编辑，以渲染图像。在本申请提供的具体应用场景中，批注模块11使用基于canvas技术的底层框架，将批注数据流进行二维图层化，表现为：

使用基于canvas技术的底层框架作为供操作者编辑的画布；

将所述批注数据流进行二维图层化，以转化为可编辑基于canvas技术的底层框架的HTML元素集合。

进一步的，批注模块11封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

可以理解的是，所述点线图形函数用于以几何图像的形式表征HTML元素。因此在批注数据流进行二维图层化，转化为HTML元素集合后，将HTML元素集合作为点线图形函数的自变量，将点线图形函数的因变量作为点线图形的坐标点。连接坐标点即可得到表征批注轨迹的点线图形。批注模块11将所述点线图形进行封装，即可得到批注轨迹图片层。

进一步的，所述批注轨迹图片层为Image格式。可以理解的是，Image格式的压缩效率较高，更适合本申请交互场景下对于时效性的要求。

合并模块12获取文件图片层后，以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片。

传输模块13将文件批注展示图片传输至目标终端，以使目标终端展示文件批注展示图片。

可以理解的是，所述文件图片层是指以图片形式表征的文件。合并模块12以文件图片层为背景，即是将文件图片层置于底层，将批注轨迹图片层置于顶层。之后合并批注轨迹图片层和文件图片层，形成文件批注展示图片。

所述目标终端是指反馈目标所操作的终端。在本申请提供的具体应用场景中，所述反馈目标身份为学生，所述目标终端即是学生操作的终端，简称学生端。这里的目标终端可以进行信息处理、程序运行。通常，目标终端可以具备无线收发功能，或者联网功能。在具体的实现形态中，目标终端可以是电脑、智能手机、掌上电脑以及移动互联网设备等具备信息处理的终端设备。

需要指出的是，在实现现有技术的过程中，发明人发现现有技术中，教师端通常将文件图片层作为网络视频流传输至学生端，并单独将批注数据流传输至学生端。学生端在接收到文件图片层和批注数据流，再于学生端本地进行同步协作呈现。这使得一旦网络出现延迟或卡顿，使得文件图片层或批注数据流中任意一种数据流不连贯，就会导致这两种数据流不能同步协作，从而出现教学画面与批注不同步。这样非正常的批注导致学生不能理解，严重影响了教学效果。

而区别于现有技术，本申请传输模块13不再分别传输文件图片层和批注数据流，而是批注模块11将批注数据流转化为批注轨迹图片层；合并模块12再以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；传输模块13将文件批注展示图片作为视频帧，以视频流的形式传输至学生端。使得学生端不会出现教学画面与批注不同步的情况，降低了网络视频交互失败率。即使网络出现延迟或卡顿，学生端也能根据文件批注展示图片进行视频帧级别的查阅、浏览，从而不对教学效果造成影响。

进一步的，在本申请的具体交互场景中，学生端往往有多个，并且需全部与教师端成功建立网络连接。而多个学生端可能具有不同的实现形态，例如部分学生端表现为电脑，另一部分学生端表现智能手机，又一部分学生端表现掌上电脑。

不同表现形式的目标终端有不同架构，而在目标终端有多种表现形式的基础上，容易导致文件批注展示图片的配适性较低。例如，同一文件批注展示图片在不同表现形式的目标终端出现不同的呈现效果，呈现效果不统一可能导致部分学生不能理解，严重影响了教学效果。

在目标终端可有多种表现形式的基础上，为提高交互的适配性，在传输模块13将文件批注展示图片传输至目标终端之前，传输模块13还用于：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

传输模块13针对不同架构的目标终端，以函数逻辑解耦对文件批注展示图片进行兼容性转换，提高了交互的有效性。

下面介绍本申请提供的文件批注展示系统100在具体应用场景下的实现过程：

在线上教学模式下，学生端针对教师提问作答，生成作答文件。作答文件由学生端发送至教师端。在教师端接收作答文件后，教师针对学生作答情况，在教师端进行批注，生成针对作答文件的批注数据流。

之后批注模块11获取针对文件的批注数据流，并根据批注数据流，使用基于canvas技术的底层框架，将批注数据流进行二维图层化；调用点线图形函数；根据批注数据流生成点线图形函数的参数；封装参数化的点线图形函数，形成Image格式的批注轨迹图片层。

合并模块12以作答文件图片层为背景，合并批注轨迹图片层和作答文件图片层，形成作答文件批注展示图片。

传输模块13将文件批注展示图片传输至学生端。

学生端可以同步展示文件批注展示图片，也可以进行视频帧级别的查阅、浏览。

从而在线上教学模式下，实现了教师针对学生作答错误的集中讲解，避免了学生仍做错题目，且不知道错误出在哪里的情况。降低了网络视频交互失败率，提升了教学效率和教学效果。

综上所述，本申请通过批注模块11将批注数据流转化为批注轨迹图片层；合并模块12再以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；传输模块13将文件批注展示图片作为视频帧，以视频流的形式传输至目标终端。使得目标终端不会出现文件图片与批注内容不同步的情况，降低了网络视频交互失败率。即使网络出现延迟或卡顿，目标终端也能根据文件批注展示图片进行视频帧级别的查阅、浏览。

需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，有语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

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

Claims (10)

1.一种文件批注展示方法，其特征在于，包括以下步骤：

获取针对文件的批注数据流；

根据批注数据流，形成批注轨迹图片层；

获取文件图片层；

以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；

将文件批注展示图片传输至目标终端；

目标终端展示文件批注展示图片。

2.如权利要求1所述的文件批注展示方法，其特征在于，根据批注数据流，形成批注轨迹图片层，具体包括：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

3.如权利要求2所述的文件批注展示方法，其特征在于，封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

4.如权利要求1所述的文件批注展示方法，其特征在于，所述批注轨迹图片层为Image格式。

5.如权利要求1所述的文件批注展示方法，其特征在于，在将文件批注展示图片传输至目标终端的步骤之前，还包括：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

6.一种文件批注展示系统，其特征在于，包括：

批注模块，用于获取针对文件的批注数据流；还用于根据批注数据流，形成批注轨迹图片层；

合并模块，用于获取文件图片层；还用于以文件图片层为背景，合并批注轨迹图片层和文件图片层，形成文件批注展示图片；

传输模块，用于将文件批注展示图片传输至目标终端，以使目标终端展示文件批注展示图片。

7.如权利要求6所述的文件批注展示系统，其特征在于，批注模块用于根据批注数据流，形成批注轨迹图片层，具体用于：

获取批注数据流；

使用基于canvas技术的底层框架，将批注数据流进行二维图层化；

封装二维图层化的批注数据流，形成批注轨迹图片层。

8.如权利要求7所述的文件批注展示系统，其特征在于，封装二维图层化的批注数据流，形成批注轨迹图片层，具体包括：

调用点线图形函数；

根据批注数据流生成点线图形函数的参数；

封装参数化的点线图形函数，形成批注轨迹图片层。

9.如权利要求6所述的文件批注展示系统，其特征在于，所述批注轨迹图片层为Image格式。

10.如权利要求6所述的文件批注展示系统，其特征在于，在传输模块将文件批注展示图片传输至目标终端之前，传输模块还用于：

将文件批注展示图片根据目标终端的架构，进行函数逻辑解耦。

Images