一种授课视频压缩、播放方法及压缩、播放装置制造方法及图纸

本发明专利技术适用于Html5技术领域，提供了一种授课视频压缩、播放方法及压缩、播放装置，方法包括：在Html5网页中，获取输入设备在授课视频的画板上产生的事件；记录事件在画板上的渲染空间，建立事件与渲染空间的对应关系，生成渲染表；记录事件的动作内容，生成动作内容数据；获取事件的事件类别以及时间信息；根据事件的动作内容数据、事件类别以及时间信息，生成事件的视频编码；将事件的视频编码以及渲染表上传至服务器。本发明专利技术的有益效果如下：1)高压缩比，节省了存储空间和传输带宽；2)高清晰度，在高压缩比的基础上，基于Canvas的视频可再现矢量的高清晰度的动作回放，提高了播放效果；3)视频中文本有可复制性和导出性，用于对视频进行语义分析。

【技术实现步骤摘要】
一种授课视频压缩、播放方法及压缩、播放装置
本专利技术属于Html5
，尤其涉及一种授课视频压缩、播放方法及压缩、播放装置。
技术介绍
HTML5规范定义了Html5画布和其对应的应用编程接口(ApplicationProgrammingInterface,CanvasAPI)。CanvasAPI用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas虽然自己没有行为，但却把一个绘图API展现给客户端JavaScript，以使脚本能够把想绘制的东西都绘制到一块画布上。然而，在目前的Html5网页中，基于Canvas的视频不会对画布的动作内容进行编码，视频的压缩率低，不利于减少存储空间和传输带宽。其原因在于，在线教育平台上，老师的授课过程需要实时展示在所有学生的屏幕上，传统的传输模式是将授课过程通过视频流的方式展示。传统的视频是一帧帧图片形成，需要很大的存储空间和传输带宽。在一般情况下，一节课有45分钟，以传统视屏流的方式传输每秒需要传输不低于20帧的图片形成视频，每帧图片约100Kbytes左右，那么一个用户就需要2MB/s的带宽，当一个大型公开课达上万人时，实时的传输带宽成本特别高，同时对实时消息推送系统会造成很大的负载，延时高。
技术实现思路
本专利技术实施例的目的在于提供一种授课视频压缩方法，旨在解决在目前的Html5网页中，基于Canvas的视频不会对画布的动作内容进行编码，视频的压缩率低，不利于减少存储空间和传输带宽的问题。本专利技术实施例是这样实现的，一种授课视频压缩方法，包括：在Html5网页中，获取输入设备在授课视频的画板上产生的事件；记录所述事件在所述画板上的渲染空间，建立所述事件与所述渲染空间的对应关系，生成渲染表；记录所述事件的动作内容，生成动作内容数据；获取所述事件的事件类别以及时间信息；根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码；将所述事件的视频编码以及所述渲染表上传至服务器。本专利技术实施例的另一目的在于提供一种授课视频播放方法，包括：连接服务器，下载事件的视频编码以及渲染表；对所述视频编码进行译码，获取动作内容数据；根据所述视频编码，读取时间信息以及事件类型；根据读取到的时间信息以及事件类型以及所述渲染表，将所述动作内容数据映射到对应的渲染空间中；调用播放组件，根据所述动作内容数据，播放画板上的动作内容。本专利技术实施例的另一目的在于提供一种授课视频压缩装置，包括：事件获取模块，用于在Html5网页中，获取输入设备在授课视频的画板上产生的事件；渲染表生成模块，用于记录所述事件在所述画板上的渲染空间，建立所述事件与所述渲染空间的对应关系，生成渲染表；动作内容数据生成模块，用于记录所述事件的动作内容，生成动作内容数据；时间信息获取模块，用于获取所述事件的事件类别以及时间信息；视频编码生成模块，用于根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码；上传模块，用于将所述事件的视频编码以及所述渲染表上传至服务器。本专利技术实施例的另一目的在于提供一种授课视频播放装置，包括：下载模块，用于连接服务器，下载事件的视频编码以及渲染表；译码模块，用于对所述视频编码进行译码，获取动作内容数据；读取模块，用于根据所述视频编码，读取时间信息以及事件类型；映射模块，用于根据读取到的时间信息以及事件类型以及所述渲染表，将所述动作内容数据映射到对应的渲染空间中；播放模块，用于调用播放组件，根据所述动作内容数据，播放画板上的动作内容。在本专利技术实施例中，根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码，并将所述事件的视频编码以及所述渲染表上传至服务器。通过对事件的动作内容数据进行编码，在传输过程中，通过传输视频编码，减少了传输的数据量，提高了基于Canvas的视频压缩的程度，因此解决了在目前的Html5网页中，基于Canvas的视频不会对画布的动作内容进行编码，视频的压缩率低，不利于减少存储空间和传输带宽的问题。其有益效果在于以下两方面，详述如下：1)高压缩比，传统视屏流的方式传输每秒需要传输不低于20帧的图片形成视频，每帧图片约100Kbytes左右，而本申请的技术方案只需30KB/s的带宽，压缩率相比传统的可达68倍，因此节省了存储空间和传输带宽；2)高清晰度，在高压缩比的基础上，基于Canvas的视频可以再现矢量的高清晰度的动作回放，提高了播放效果；3)视频中文本有可复制性和导出性，用于对视频进行语义分析。附图说明图1是本专利技术实施例提供的授课视频压缩方法的实现流程图；图2是本专利技术实施例提供的授课视频压缩方法步骤S105的实现流程图；图3是本专利技术实施例提供的配置动作内容恢复动能的实现流程图；图4是本专利技术实施例提供的授课视频播放方法的实现流程图；图5是本专利技术实施例提供的授课视频播放方法步骤S402的实现流程图；图6是本专利技术实施例提供的授课视频压缩装置的结构框图；图7是本专利技术实施例提供的授课视频播放装置的结构框图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。实施例一图1是本专利技术实施例提供的授课视频压缩方法的实现流程图，详述如下：在步骤S101中，在Html5网页中，获取输入设备在授课视频的画板上产生的事件；在步骤S101之前，还包括：预定义画板上输入设备产生的事件；配置所述事件对应的事件类别。其中，所述事件包括移动事件、手写事件、录入事件、删除事件中的至少一种。其中，所述事件类别包括笔迹、文本、图片、橡皮擦以及扩展输入内容类型中的至少一种。在步骤S102中，记录所述事件在所述画板上的渲染空间，建立所述事件与所述渲染空间的对应关系，生成渲染表；在步骤S103中，记录所述事件的动作内容，生成动作内容数据；在步骤S104中，获取所述事件的事件类别以及时间信息；在步骤S105中，根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码；在步骤S106中，将所述事件的视频编码以及所述渲染表上传至服务器。采用设定的网络模式，将所述事件的视频编码以及所述渲染上传至服务器，所述设定的网络模式包括有线的网络模式和无线的网络模式，所述无线的网络模式包括：WIFI网络模式、2G网络模式、3G网络模式、4G网络模式、5G网络模式中的至少一种。在本专利技术实施例中，根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码，并将所述事件的视频编码以及所述渲染表上传至服务器。其有益效果在于以下两方面，详述如下：1)高压缩比，传统视屏流的方式传输每秒需要传输不低于20帧的图片形成视频，每帧图片约100Kbytes左右，现在利用本申请的技术方案只需30KB/s的带宽，压缩率相比传统的可达68倍，因此节省了存储空间和传输带宽；2)高清晰度，在高压缩比的基础上，基于Canvas的视频可以再现矢量的高清晰度的动作回放，提高了播放效果；3)视频中文本有可复制性和导出性，用于对视频进行语义分析。实施例二图2是本专利技术实施例提供的授课视频压缩方法步骤S本文档来自技高网...

【技术保护点】
一种授课视频压缩方法，其特征在于，包括：在Html5网页中，获取输入设备在授课视频的画板上产生的事件；记录所述事件在所述画板上的渲染空间，建立所述事件与所述渲染空间的对应关系，生成渲染表；记录所述事件的动作内容，生成动作内容数据；获取所述事件的事件类别以及时间信息；根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码；将所述事件的视频编码以及所述渲染表上传至服务器。

【技术特征摘要】
1.一种授课视频压缩方法，其特征在于，包括：预定义画板上输入设备产生的事件，配置所述事件对应的事件类别，在Html5网页中，获取输入设备在授课视频的画板上产生的事件，其中，所述事件包括移动事件、手写事件、录入事件、删除事件中的至少一种；记录所述事件在所述画板上的渲染空间，建立所述事件与所述渲染空间的对应关系，生成渲染表；记录所述事件的动作内容，生成动作内容数据；获取所述事件的事件类别以及时间信息；根据所述事件的动作内容数据、事件类别以及时间信息，生成所述事件的视频编码；将所述事件的视频编码以及所述渲染表上传至服务器；所述授课视频压缩方法，还包括：配置动作内容恢复动能；所述动作内容恢复动能具体为：检测所述动作内容是否发生删除操作；当发生删除操作时，隐藏所述动作内容，并将所述动作内容标记为已经删除的动作内容；检测是否发生恢复操作，当检测到恢复操作时，恢复已经删除的动作内容；所述根据所述事件的动作内容数据、事件类别以及时间信息，生成视频编码，具体为：配置所述动作内容数据对应的行为标识；根据所述行为标识、所述事件的事件类别和时间信息，生成时序行为码；将所述动作内容数据以及时序行为码打包，生成视频编码。2.一种授课视频播放方法，其特征在于，包括：连接服务器，下载事件的视频编码以及渲染表，其中，所述事件包括移动事件、手写事件、录入事件、删除事件中的至少一种；对所述视频编码进行译码，获取动作内容数据；根据所述视频编码，读取时间信息以及事件类型；根据读取到的时间信息以及事件类型以及所述渲染表，将所述动作内容数据映射到对应的渲染空间中；调用播放组件，根据所述动作内容数据，播放画板上的动作内容；调用所述播放组件，回放所述画板上的动作内容；所述对所述视频编码进行译码，获取动作内容数据，具体为：对所述视频编码进行译码，得到时序行为码；获取所述时序行为码中行为标识对应的动作内容数据。3.一种授课视频压缩装置，其特征在于，包括：事件获取模块，用于预定义画板上输入设备产生的事件，配置所述事件对应的事件类别，...

【专利技术属性】
技术研发人员：张嘉宸，
申请(专利权)人：深圳宸睿科技有限公司，
类型：发明
国别省市：广东;44