节目处理方法及其装置与流程

1.本发明涉及多媒体处理技术领域，尤其涉及一种节目处理方法、一种节目处理装置。


背景技术：

2.在led行业，客户制作节目时会添加文档对象模型元素例如文本、图片、表格等。在发布节目时通常通过画布canvas将文档对象模型元素片段直接转换为图片，其原理是将文档对象模型元素一点点绘制到canvas里，然后通过canvas转成图片，但是将文档对象模型元素一点点绘制到canvas中，会消耗大量内存，且canvas绘制的文本与文档对象模型元素中绘制的内容会有差异，导致生成的图片出现差异，最终会导致节目播放不一致的问题。


技术实现要素：

3.为克服现有技术中存在的至少部分缺陷和不足，本发明实施例提供一种节目方法、一种节目处理装置。
4.一方面，本发明实施例提供的一种节目处理方法，包括：获取节目的画布中的文档对象模型元素；转换所述文档对象模型元素为可缩放矢量图形；绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片。
5.本发明实施例中，所述转换所述文档对象模型元素为可缩放矢量图形包括：创建可缩放矢量图形模板，其中所述可缩放矢量图形模板包括foreignobject标签；嵌入所述文档对象模型元素至所述foreignobject标签；以及通过所述foreignobject标签和所述可缩放矢量图形模板构建所述可缩放矢量图形。
6.在本发明的一个具体实施例中，所述嵌入所述文档对象模型元素至所述foreignobject标签具体包括：根据文档对象模型片段区域阈值截取所述文档对象模型元素得到至少一个文档对象模型元素片段；以及按照预设顺序嵌入所述至少一个文档对象模型元素片段至所述foreignobject标签。
7.在本发明的一个具体实施例中，所述文档对象模型元素选自于文本文档对象模型、图片文档对象模型、表格文档对象模型。
8.在本发明的一个具体实施例中，所述节目处理方法还包括：发布所述节目至节目播放终端；所述发布所述节目至节目播放终端具体包括：获取所述元素图片的图片标识，所述图片标识与所述文档对象模型元素的id对应；以及根据所述图片标识下发所述元素图片至所述节目播放终端。
9.另一方面，本发明实施例提供的一种节目处理装置，包括：获取模块，用于获取节目的画布中的文档对象模型元素；转换模块，用于转换所述文档对象模型元素为可缩放矢量图形；绘制模块，用于绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片。
10.在本发明的一个具体实施例中，所述转换模块包括：创建单元，用于创建可缩放矢
量图形模板，其中所述可缩放矢量图形模板包括foreignobject标签；嵌入单元，用于嵌入所述文档对象模型元素至所述foreignobject标签；以及构建单元，用于通过所述foreignobject标签和所述可缩放矢量图形模板构建所述可缩放矢量图形。
11.在本发明的一个具体实施例中，所述嵌入单元具体包括：截取子单元，用于根据文档对象模型片段区域阈值截取所述文档对象模型元素得到至少一个文档对象模型元素片段；以及嵌入子单元，用于按照预设顺序嵌入所述至少一个文档对象模型元素片段至所述所述foreignobject标签。
12.在本发明的一个具体实施例中，所述文档对象模型元素选自于文本文档对象模型、图片文档对象模型。
13.在本发明的一个具体实施例中，所述节目处理装置还包括：发布模块，所述发布模块用于发布所述节目至节目播放终端；所述发布模块具体包括：获取单元，用于获取所述元素图片的图片标识，所述图片标识与所述文档对象模型元素的id对应；以及下发单元，用于根据所述图片标识下发所述元素图片至所述节目播放终端。
14.上述一个或多个技术方案可以具有以下优点或有益效果：通过获取节目的画布中的文档对象模型元素，将所述文档对象模型元素转换为可缩放矢量图形，绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片，避免了将所述文档对象元素直接转换成图片需要消耗大量内存，以及避免了将所述文档对象元素直接转换成图片导致转换的图片与文档对象元素不一致，出现差异而最终导致节目播放不一致的问题。
附图说明
15.为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
16.图1为本发明第一实施例提供的一种节目处理方法的流程示意图。
17.图2为图1中步骤s20的流程示意图。
18.图3为图2中步骤s22的流程示意图。
19.图4为本发明第一实施例提供的一种节目处理方法的再一流程示意图。
20.图5图4中步骤s40的流程示意图。
21.图6a为截取文档对象模型的效果示意图。
22.图6b为元素图片的效果示意图。
23.图7为本发明第二实施例提供的一种节目处理装置的模块示意图。
24.图8为图7中转换模块的模块示意图。
25.图9为图8中嵌入单元的模块示意图。
26.图10为本发明第二实施例提供的一种节目处理装置的再一种模块示意图。
27.图11为图10中发布模块的模块示意图。
28.图12为本发明第三实施例提供的一种节目处理系统的结构示意图。
29.图13为本发明第四实施例提供的一种计算机可读存储介质的结构示意图。
具体实施方式
30.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
31.【第一实施例】
32.如图1所示，本发明第一实施例提供的本发明第一实施例提供的一种节目处理方法，用于实现文档对象模型元素转换成元素图片，避免文档对象模型元素与转换后的元素图片内容不一致的问题。所述节目处理方法，包括以下步骤：
33.s10，获取节目的画布中的文档对象模型元素；
34.s20，转换所述文档对象模型元素为可缩放矢量图形；以及
35.s30，绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片。
36.其中，如图2所示，步骤s20所述转换所述文档对象模型元素为可缩放矢量图形，具体包括以下步骤：
37.s21，创建可缩放矢量图形模板，其中所述可缩放矢量图形模板包括foreignobject标签；
38.s22，嵌入所述文档对象模型元素至所述foreignobject标签；以及
39.s23，通过所述foreignobject标签和所述可缩放矢量图形模板构建所述可缩放矢量图形。
40.如图3所示，步骤s22嵌入所述文档对象模型元素至所述foreignobject标签包括：
41.s22a，根据文档对象模型片段区域阈值截取所述文档对象模型元素得到至少一个文档对象模型元素片段；
42.s22b，按照预设顺序嵌入所述至少一个文档对象模型元素片段至所述foreignobject标签。
43.如图4所示，所述节目处理方法还包括：s40，发布所述节目至节目播放终端；如图5所示，所述s40发布所述节目至节目播放终端具体包括：
44.s41，获取所述元素图片的图片标识，所述图片标识与所述文档对象模型元素的id对应；
45.s42，根据所述图片标识下发所述元素图片至所述节目播放终端。
46.本实施例提供的节目处理方法可例如通过安装在个人计算机上的网页浏览器软件实现。为了便于更清楚地理解本实施例，下面将结合图6a和图6b对本实施例的节目处理方法进行详细描述。
47.首先，获取节目的画布中的文档对象模型(document object model，简称dom)元素。所述文档对象模型元素可以选自于文本文档对象模型、图片文档对象模型、表格文档对象模型。其中所述文本文档对象模型包过文本内容和文本格式，所述文本格式例如包括字体、字号、字体色、对齐方式、背景色。
48.其次，如图6a所示，确定文档对象模型片段区域取值，例如取值为三，即根据文档对象模型片段区域取值截取所述文档对象模型元素获得三个文档对象模型片段，例如文档
对象模型片段a1、文档对象模型片段a2和文档对象模型片段a3。创建可缩放矢量图形(scalable vector graphics，简称svg)模板，其中svg模板包含foreignobject标签，所述foreignobject标签用于确定可缩放矢量图形尺寸，将其中一个文档对象模型片段嵌入到foreignobject标签中，生成可缩放矢量图形。
49.接着，通过canvas绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片，重复执行将其余的两文档对象模型片段转化成可缩放矢量图形，最终生成与文档对象模型片段组即三个文档对象模型片段对应的如图6b所示的元素图片集即三张元素图片，例如元素图片b1、元素图片b2和元素图片b3，形成元素图片集，且元素图片b1与文档对象模型片段a1，元素图片b2与文档对象模型片段a2，元素图片b3与文档对象模型片段a3。
50.最后，获取所述元素图片集的图片标识value例如为123456，所述图片集标识与所述文档对象模型元素的id对应，通过文档对象模型元素的id链接，根据所述图片标识value下发所述元素图片集至所述节目播放终端播放。其中，播放终端可例如安装在个人计算机(或手机、平板等设备)上的应用程序，为用于播放服务端下发节目的节目终端，当然，此处仅为举例说明，本发明实施例并不以此为限。
51.综上所述，本实施例的节目处理方法通过获取节目的画布中的文档对象模型元素，将文档对象模型元素转换为可缩放矢量图形，再通过canvas绘制所述可缩放矢量图形至所述画布中得到与文档对象模型元素对应的图片，避免了直接通过canvas将文档对象模型元素直接转换成图片会消耗大量内存，导致生成的图片与文档对象模型元素中绘制的内容有差异，而导致生成的图片出现差异，最终导致节目播放不一致的问题。
52.【第二实施例】
53.如图7所示，本发明第二实施例提供了一种节目处理装置100。节目处理装置100例如包括获取模块110、转换模块120和绘制模块130。
54.获取模块110，用于获取节目的画布中的文档对象模型元素。
55.转换模块120，用于转换所述文档对象模型元素为可缩放矢量图形。
56.绘制模块130，用于绘制所述可缩放矢量图形至所述画布中得到与所述文档对象模型元素对应的元素图片。
57.其中，如图8所示，转换模块120包括创建单元121、嵌入单元122和构建单元123。
58.创建单元121，用于创建可缩放矢量图形模板，其中所述可缩放矢量图形模板包括foreignobject标签。
59.嵌入单元122，用于嵌入所述文档对象模型元素至所述foreignobject标签。
60.构建单元123，用于通过所述foreignobject标签和所述可缩放矢量图形模板构建所述可缩放矢量图形。
61.如图9所示，嵌入单元122可例如包括截取子单元122a和嵌入子单元122b。
62.截取子单元121a，用于根据文档对象模型片段区域阈值截取所述文档对象模型元素得到至少一个文档对象模型元素片段。
63.嵌入子单元121b，用于按照预设顺序嵌入所述至少一个文档对象模型元素片段至所述所述foreignobject标签。
64.此外，如图10所示，节目处理装置100还可例如包括发布模块140，用于发布所述节
目至节目播放终端。如图11所示，所述发布模块140具体包括：
65.获取单元141，用于获取所述元素图片的图片标识，所述图片标识与所述文档对象模型元素的id对应；以及
66.下发单元142，用于根据所述图片标识下发所述元素图片至所述节目播放终端。
67.本实施例中的节目处理装置100中的各模块之间的具体工作过程和技术效果参见前述第一实施例的描述。
68.【第三实施例】
69.如图12所示，本发明第三实施例提供了一种节目处理系统200。节目处理系统200例如包括存储器220和与存储器220连接的处理器210。存储器220可例如为非易失性存储器，其上存储有计算机程序221。处理器210可例如为嵌入式处理器。处理器210运行计算机程序221时执行前述第一实施例中的节目处理方法。
70.本实施例中的节目处理系统200的具体工作过程和技术效果参见前述第一实施例的描述。
71.【第四实施例】
72.如图13所示，本发明第四实施例提供了一种计算机可读存储介质300。计算机可读存储介质300例如为非易失性存储器，其例如为：磁介质(如硬盘、软盘和磁带)，光介质(如cdrom盘和dvd)，磁光介质(如光盘)以及专门构造为用于存储和执行计算机可执行指令的硬件装置(如只读存储器(rom)、随机存取存储器(ram)、闪存等)。计算机可读存储介质300上存储有计算机可执行指令310。计算机可读存储介质300可由一个或多个处理器或处理装置来执行计算机可执行指令310，以实施前述第一实施例中的节目处理方法。
73.此外，可以理解的是，前述各个实施例仅为本发明的示例性说明，在技术特征不冲突、结构不矛盾、不违背本发明的发明目的前提下，各个实施例的技术方案可以任意组合、搭配使用。
74.在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多路单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
75.作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
76.另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
77.最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和
范围。