一种多媒体素材的多类型排版处理方法与流程

1.本发明涉及多媒体技术领域，更具体地说，是涉及一种多媒体素材的多类型排版处理方法。

背景技术：

2.智能终端设备已成为人们生活中不可或缺的一部分，在人机互动的过程中，智能终端设备会以音频、视频、图像、文字等形式实现多媒体输出，期间形成多个多媒体素材。在绝大部分线上平台中，这些多媒体素材通常以缩略的显示方式在终端设备显示屏幕上输出，此时，多个多媒体素材在显示屏幕上同时显示，涉及到多媒体素材的排版布局问题。其中，为降低设计难度与页面的显示统一等，现有的线上平台通常只采用一种素材模板对所有的多媒体素材进行显示，然而，多媒体素材的尺寸、分辨率等参数存在区别，以同一种素材模板统一显示，通用适配度低，通常情况下会使得不适配该素材模板的多媒体素材在原有缩略显示的情况下进一步进行压缩显示，造成终端设备显示屏幕的界面存在大量的空缺，同时多媒体素材的显示内容被进一步压缩，降低使用者的使用体验，该显示方式已不再适合现在内容为主的互联网发展趋势。

技术实现要素：

3.为了克服现有多种类型的多媒体素材不适配多种素材模板，导致线上平台素材模板单一、多媒体素材处理不适当、影响显示效果、使用体验降低的不足，本发明提供一种多媒体素材的多类型排版处理方法，对排版之前的多媒体素材进行处理，令线上平台中预设多个与分类规则对应的素材模板，使得上传显示的多媒体素材能够根据预设分类规则进行分类，实现不同类型的多媒体素材对多种素材模板的适应处理，提高多媒体素材与素材模板的适配性能，保证多媒体素材不被过度压缩，最终令多媒体素材在智能设备上显示时不会发生大范围的空缺，提高使用者的使用体验。
4.本发明技术方案如下所述：
5.一种多媒体素材的多类型排版处理方法，多媒体素材上传至线上平台，所述线上平台对接收的所述多媒体素材的处理方法包括
6.步骤s1.接收所述多媒体素材并获得所述多媒体素材的像素比值，根据平台预设素材分类规则，将接收的所述多媒体素材进行分类；
7.步骤s2.获取加载所述线上平台的终端设备的屏幕分辨率与所述终端设备的尺寸，根据预设的多个素材模板的像素比值，分别确定所述素材模板的屏幕分辨率与显示尺寸；
8.步骤s3.将所述多媒体素材的像素比值与对应的所述素材模板的像素比值进行比较，令所述多媒体素材根据设定规则处理后置于所述素材模板内，再对所述多媒体素材置于所述素材模板外的部分进行裁剪或隐藏处理。
9.上述的一种多媒体素材的多类型排版处理方法，在步骤s2中，所述线上平台的素
材模板确定过程如下所示：
10.步骤p1.获取所述终端设备的屏幕分辨率与所述终端设备的尺寸；
11.步骤p2.以所述终端设备的屏幕分辨率中的其中一个极值作为计算初始值，根据预设的所述素材模板的像素比值与所述线上平台的显示规律，获得所有预设的所述素材模板的屏幕分辨率；
12.步骤p3.获取所述终端设备的横向像素间距与纵向像素间距；
13.步骤p4.将所述素材模板的屏幕分辨率分别与所述终端设备的横向像素间距、纵向像素间距相乘得到所述素材模板的横向边长尺寸与纵向边长尺寸。
14.进一步的，在步骤p2中，取所述终端设备屏幕分辨率中的较小值作为方屏模板的边长像素值，得到所述方屏模板的分辨率；
15.取所述终端设备屏幕分辨率中的较小值作为计算初始值，令竖屏模板的宽度像素值为计算初始值与设定间隙值的差的二分之一，所述竖屏模板的高度像素值为所述竖屏模板的宽度像素值的指定倍数，获得所述竖屏模板的屏幕分辨率；
16.取所述终端设备屏幕分辨率中的较小值为横屏模板的宽度像素值，令所述横屏模板的高度像素值为所述横屏模板的宽度像素值的指定倍数，获得所述横屏模板的屏幕分辨率。
17.再进一步的，所述方屏模板与所述横屏模板在所述线上平台的显示状态为满屏显示，所述竖屏模板在所述线上平台的显示状态为二等分屏显示。
18.上述的一种多媒体素材的多类型排版处理方法，预设的所述素材分类规则中，横屏素材为像素比值大于或等于1.25的多媒体素材，竖屏素材为像素比值小于或等于0.8的多媒体素材，方屏素材为像素比值大于0.8且像素比值小于1.25的多媒体素材。
19.上述的一种多媒体素材的多类型排版处理方法，预设的所述素材模板的像素比值为：
20.方屏模板的边长像素比值为1，竖屏模板的宽度与高度的像素比值为1/2；横屏模板的宽度与高度的像素比值为2。
21.上述的一种多媒体素材的多类型排版处理方法，所述设定规则包括
22.第一处理规则：当所述多媒体素材的像素比值大于所述素材模板的像素比值时，以所述多媒体素材的高度为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的高度与所述素材模板的高度相等；
23.第二处理规则：当所述多媒体素材的像素比值小于所述素材模板的像素比值时，以所述多媒体素材的宽度为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的宽度与所述素材模板的宽度相等；
24.第三处理规则：当所述多媒体素材的像素比值等于所述素材模板的像素比值时，以所述素材模板的示尺寸为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的尺寸与所述素材模板的像素尺寸相同。
25.进一步的，在所述多媒体素材等比例缩放过程中，所述多媒体素材中心与所述素材模板的中心始终保持重合。
26.再进一步的，所述多媒体素材完成等比例缩放后，以所述素材模板的边框为边界，裁剪所述多媒体素材多余的部分。
27.上述的一种多媒体素材的多类型排版处理方法，所述多媒体素材的线上发布过程包括：
28.步骤t1.发布者通过所述线上平台将所述多媒体素材上传至终端服务器；
29.步骤t2.所述终端服务器根据预设的处理方法对所述多媒体素材进行调整处理，将所述多媒体素材置于对应的所述素材模板内形成发布素材；
30.步骤t3.所述终端服务器将所述发布素材按照预设顺序进行混合排版后发送至所述线上平台并在所述终端设备中显示。
31.根据上述方案的本发明，其有益效果在于，
32.1.建立了一套多类型的多媒体素材与对应的显示模板的分类标准，能够适应所有的多媒体素材类别，使得线上平台的多媒体素材的缩略显示能够充分表现出该多媒体素材的主要内容，在线上平台的阅览得以丰富，尽可能表现多媒体素材的特点与内容，符合现有的以内容为主的互联网发展趋势。
33.2.多媒体素材显示效果的统一，有利于线下发布使用的终端设备的显示屏幕与多媒体素材的相互匹配，实现方屏模板对应方屏屏幕、竖屏模板对应竖屏屏幕、横屏模板对应横屏屏幕的发布，以便实现自动多媒体素材与线下终端设备的自适应发布流程，提高整条产业链的自动化与智能化程度，提高了使用者的使用体验。
附图说明
34.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
35.图1为多媒体素材的分类示意图。
36.图2为素材模板的分类示意图。
37.图3为素材模板的确定流程图。
38.图4为多媒体素材适配对应素材模板的分类流程图。
具体实施方式
39.为了使本发明所要解决的技术问题、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
40.多媒体素材包括视频文件、音频文件、图像文件、文字文件等，在本技术中，多媒体素材为可视的类型，多数情况下为视频文件与图像文件。
41.线上平台在接收到客户上传的多媒体素材之后，根据多媒体素材的像素比值对这些多媒体素材进行分类，以实现后期统一处理，有利于在后期数据调用时直接调用此次分类结果，缩减后续运行判断流程与数据调用，同时在后续关于显示方面的逻辑判断问题，均可以此次分类结果作为逻辑判断基础。如图1所示，在本技术中，线上平台对上传的多媒体素材的分类标准如下：
42.1.横屏素材：像素比值大于或等于1.25的多媒体素材；
43.2.竖屏素材：像素比值小于或等于0.8的多媒体素材；
44.3.方屏素材：像素比值大于0.8且像素比值小于1.25的多媒体素材。
45.在本技术中，像素比值为多媒体素材的横向宽度像素值除以多媒体素材的纵向高度像素值的商，即，在以像素为长度单位的状态下，多媒体素材的宽高比。
46.根据上述分类标准，以0.8与1.25为分类边界，宽高比大于或等于1.25的多媒体素材归类为横屏素材，小于或等于0.8的多媒体素材归类为竖屏素材，介于0.8与1.25之间的多媒体素材为方屏素材。线上平台对此所有上传的多媒体素材进行分类，以便后续处理。
47.而针对于非常规的多媒体素材，例如圆形、心形、五角星形等形状的多媒体素材，此类素材仍存在横向与纵向两个方向上的最大像素值，故仍可以获得对应的像素比值，通常情况下，此类多媒体素材的像素比值多为1:1，应归类为方屏素材。
48.线上平台在展示多媒体素材时，需将多媒体素材置于素材模板内部，如图2所示，在本技术中，素材模板的类型如下所示：
49.1.横屏模板：用于放置横屏素材的标准模板，横屏模板的宽度与高度的像素比值为2；
50.2.竖屏模板：用于放置竖屏素材的标准模板，竖屏模板的宽度与高度的像素比值为1/2；
51.3.方屏模板：用于放置方屏素材的标准模板，方屏模板的边长像素比值为1。
52.其中，竖屏模板与方屏模板的尺寸及分辨率均是固定统一的，而横屏模板在不同的像素比值条件下，存在多个细分模板。
53.如图3所示，当使用者设定线上平台显示画面以方屏模板满屏显示的排版模式时，线上平台的素材模板的设定过程如下所示：
54.步骤a1.获取终端设备屏幕分辨率与终端设备尺寸。
55.步骤a2.取终端设备屏幕分辨率中的较小值作为方屏模板的边长像素值，得到方屏模板的分辨率。
56.步骤a3.获取终端设备的横向像素间距与纵向像素间距。
57.步骤a4.将方屏模板的屏幕分辨率分别与终端设备的横向像素间距、纵向像素间距相乘得到方屏模板的横向边长尺寸与纵向边长尺寸。
58.实施例一：
59.线上平台获得终端设备智能手机的屏幕分辨率为1080
×
1920，
60.取较小值1080px作为方屏模板的边长像素值，即，
61.方屏模板边长像素值＝屏幕宽度像素值1080px，
62.根据方屏模板的像素比值，方屏模板的分辨率＝1080px
×
1080px，
63.方屏模板横向边长尺寸＝1080px
×
智能手机屏幕的横向像素间距，
64.方屏模板纵向边长尺寸＝1080px
×
智能手机屏幕的纵向像素间距。
65.如图3所示，当使用者设定线上平台显示画面以竖屏模板二等分并列显示的排版模式时，线上平台的素材模板的设定过程如下所示：
66.步骤b1.获取终端设备屏幕分辨率与终端设备尺寸。
67.步骤b2.取终端设备屏幕分辨率中的较小值作为计算初始值，令竖屏模板的宽度像素值为计算初始值与设定间隙值的差的二分之一，竖屏模板的高度像素值为竖屏模板的
宽度像素值的两倍，获得竖屏模板的屏幕分辨率。
68.步骤b3.获取终端设备的横向像素间距与纵向像素间距。
69.步骤b4.将竖屏模板的屏幕分辨率分别与终端设备的横向像素间距、纵向像素间距相乘得到竖屏模板的横向边长尺寸与纵向边长尺寸。
70.以竖屏模板二等分并列显示的排版模式具体为两个竖屏模板并列排布在终端设备的屏幕上，两个竖屏模板之间设置有一定宽度的间隙，通常情况下，该间隙为2-50个像素值。
71.实施例二：
72.线上平台获得终端设备智能手机的屏幕分辨率为1080
×
1920，
73.取较小值1080px作为计算初始值，设定间隙值为10像素值，得到
74.竖屏模板宽度像素值＝(智能手机屏幕宽度像素值-竖屏模板设定间隙值)
÷
2＝(1080px-10px)
÷
2＝535px，
75.根据竖屏模板的设定数值，竖屏模板的宽度与高度的像素比值为1/2，因此，
76.竖屏模板高度像素值＝竖屏模板宽度像素值
×
2＝535px
×
2＝1070px，
77.根据上述计算，得到竖屏模板的屏幕分辨率＝535px
×
1070px。
78.得到竖屏模板的屏幕分辨率后，根据获得的智能手机的横向像素间距与纵向像素间距得到竖屏模板的显示尺寸，
79.竖屏模板的宽度尺寸＝竖屏模板宽度像素值
×
智能手机屏幕的横向像素间距＝535px
×
该手机屏幕的横向像素间距，
80.竖屏模板高度尺寸＝竖屏模板宽度像素值
×
智能手机屏幕的横向像素间距＝1070px
×
该手机纵向像素间距。
81.如图3所示，当使用者设定线上平台显示画面以横屏模板满屏显示的排版模式时，线上平台的素材模板的设定过程如下所示：
82.步骤c1.获取终端设备屏幕分辨率与终端设备尺寸。
83.步骤c2.取终端设备屏幕分辨率中的较小值为横屏模板的宽度像素值，令横屏模板的高度像素值为横屏模板的宽度像素值的一半，获得横屏模板的屏幕分辨率。
84.步骤c3.获取终端设备的横向像素间距与纵向像素间距。
85.步骤c4.将横屏模板的屏幕分辨率分别与终端设备的横向像素间距、纵向像素间距相乘得到横屏模板的横向边长尺寸与纵向边长尺寸。
86.实施例三：
87.线上平台获得终端设备智能手机的屏幕分辨率为1080
×
1920，
88.取较小值1080px作为横屏模板的宽度像素值，即
89.横屏模板宽度像素值＝1080px，
90.根据横屏模板的设定数值，横屏模板的宽度与高度的像素比值为2，因此，
91.横屏模板高度像素值＝横屏模板宽度像素值
÷
2＝1080px
÷
2＝540px，
92.进一步得到横屏模板的屏幕分辨率，再根据获得的智能手机的横向像素间距与纵向像素间距得到横屏模板的显示尺寸，
93.横屏模板的分辨率＝横屏模板宽度像素值
×
横屏模板高度像素值＝1080px
×
540px，
94.横屏模板的宽度尺寸＝横屏模板宽度像素值
×
智能手机屏幕的横向像素间距＝1080px
×
该手机屏幕的横向像素间距，
95.横屏模板高度尺寸＝横屏模板高度像素值
×
智能手机纵向像素间距＝540px
×
该手机纵向像素间距。
96.线上平台对接收的多媒体素材的处理方法：
97.步骤s1.接收多媒体素材并获得多媒体素材像素比值，根据平台预设素材分类规则，将接收的多媒体素材进行分类。
98.步骤s2.获取加载平台的终端设备的屏幕分辨率与终端设备的尺寸，根据预设的多个素材模板的像素比值，分别确定素材模板的屏幕分辨率与显示尺寸。
99.步骤s3.将多媒体素材的像素比值与对应的素材模板的像素比值进行比较，令多媒体素材根据设定规则处理后置于素材模板内，再对多媒体素材置于素材模板外的部分进行裁剪或隐藏处理。
100.在上述等比例缩放过程中，多媒体素材中心与素材模板的中心需保持重合。
101.在步骤s3中，包括三种处理规则，如图4所示，具体如下。
102.第一处理规则：当多媒体素材的像素比值大于素材模板的像素比值时，以多媒体素材的高度为基准，令多媒体素材等比例缩放至多媒体素材的高度与素材模板的高度相等，再将多媒体素材置于素材模板内，裁剪多媒体素材置于素材模板外的部分。
103.实施例四：当方屏素材的像素比值大于1且小于1.25时，即，多媒体素材为像素比值大于素材模板的像素比值时。
104.根据第一处理规则，以方屏素材的高度为基准，将方屏素材整体进行等比例缩放，直至方屏素材的高度缩放至与方屏模板的高度相等。将方屏素材置于方屏模板内，此时方屏素材在宽度方向的左右两端均存在超出方屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该方屏素材的方屏模板并入混合排版中。
105.在本实施例中，方屏素材的宽度为10，高度为8，方屏模板的宽度与高度均为10。
106.方屏素材的像素比值＝宽度
÷
高度＝10
÷
8＝1.25。
107.根据设定，方屏模板的像素比值为1。比较方屏素材的像素比值与方屏模板的像素比值大小：1.25》1，方屏素材按照第一处理规则处理。
108.确定方屏素材等比例缩放的基准边，即以方屏素材的高度为基准，等比例缩放1.25倍(即10
÷
8＝1.25)，得到缩放后的方屏素材，将缩放后的方屏素材置于方屏模板内。方屏素材的中心与方屏模板的中心重合，方屏素材的左右两端溢出方屏模板外，将超出方屏模板的部分进行平均裁剪，(10
×
1.25-10)
÷
2＝1.25，方屏素材左右各超出1.25，将该部分裁剪或隐藏。
109.实施例五：当竖屏素材的像素比值大于0.5且小于等于0.8时，即，多媒体素材为像素比值大于素材模板的像素比值时。
110.根据第一处理规则，以竖屏素材的高度为基准，将竖屏素材整体进行等比例缩放，直至竖屏素材的高度缩放至与竖屏模板的高度相等。将竖屏素材置于竖屏模板内，此时竖屏素材在宽度方向的左右两端均存在超出竖屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该竖屏素材的竖屏模板并入混合排版中。
111.在本实施例中，竖屏素材的宽度为8，高度为10，竖屏模板的宽度为10，高度为20。
112.竖屏素材的像素比值＝宽度
÷
高度＝8
÷
10＝0.8。
113.根据设定，竖屏模板的像素比值为0.5。比较竖屏素材的像素比值与竖屏模板的像素比值大小：0.8》0.5，竖屏素材按照第一处理规则处理。
114.确定竖屏素材等比例缩放的基准边，即以竖屏素材的高度为基准，等比例缩放1.25倍(即10
÷
8＝1.25)，得到缩放后的竖屏素材，将缩放后的竖屏素材置于竖屏模板内。竖屏素材的中心与竖屏模板的中心重合，竖屏素材的左右两端溢出竖屏模板外，将超出竖屏模板的部分进行平均裁剪，(10
×
1.25-10)
÷
2＝1.25，竖屏素材左右各超出1.25，将该部分裁剪或隐藏。
115.实施例六：当横屏素材的像素比值大于2时，即，多媒体素材为像素比值大于素材模板的像素比值时。
116.根据第一处理规则，以横屏素材的高度为基准，将横屏素材整体进行等比例缩放，直至横屏素材的高度缩放至与横屏模板的高度相等。将横屏素材置于横屏模板内，此时横屏素材在宽度方向的左右两端均存在超出横屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该横屏素材的横屏模板并入混合排版中。
117.在本实施例中，横屏素材的宽度为20，高度为8，横屏模板的宽度为20，高度为10。
118.横屏素材的像素比值＝宽度
÷
高度＝20
÷
8＝2.5。
119.根据设定，横屏模板的像素比值为2。比较横屏素材的像素比值与横屏模板的像素比值大小：2.5》2，横屏素材按照第一处理规则处理。
120.确定横屏素材等比例缩放的基准边，即以横屏素材的高度为基准，等比例缩放1.25倍(即10
÷
8＝1.25，得到缩放后的横屏素材，将缩放后的横屏素材置于横屏模板内。横屏素材的中心与横屏模板的中心重合，横屏素材的左右两端溢出横屏模板外，将超出横屏模板的部分进行平均裁剪，(20
×
1.25-20)
÷
2＝2.5，横屏素材左右各超出2.5，将该部分裁剪或隐藏。
121.第二处理规则：当多媒体素材的像素比值小于素材模板的像素比值时，以多媒体素材的宽度为基准，令多媒体素材等比例缩放至多媒体素材的宽度与素材模板的宽度相等，再将多媒体素材置于素材模板内，裁剪多媒体素材置于素材模板外的部分。
122.实施例七：当多媒体素材为像素比值大于0.8小于1的方屏素材，即，多媒体素材的像素比值小于素材模板的像素比值时。
123.根据第二处理规则，以方屏素材的宽度为基准，将方屏素材整体进行等比例缩放，直至方屏素材的宽度缩放至与方屏模板的宽度相等。将方屏素材置于方屏模板内，此时方屏素材在高度方向的上下两端均存在超出方屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该方屏素材的方屏模板并入混合排版中。
124.在本实施例中，方屏素材的宽度为8，高度为10，方屏模板的宽度与高度均为10。
125.方屏素材的像素比值＝宽度
÷
高度＝8
÷
10＝0.8，
126.根据设定，方屏模板的像素比值为1。比较方屏素材的像素比值与方屏模板的像素比值大小：0.8＜1，方屏素材按照第二处理规则处理。
127.确定方屏素材等比例缩放的基准边，即以方屏素材的宽度为基准，等比例缩放1.25倍(即10
÷
8＝1.25)，得到缩放后的方屏素材，将缩放后的方屏素材置于方屏模板内。方屏素材的中心与方屏模板的中心重合，方屏素材的上下两端溢出方屏模板外，将超出方
屏模板的部分进行平均裁剪，(10
×
1.25-10)
÷
2＝1.25，方屏素材上下各超出1.25，将该部分裁剪或隐藏。
128.实施例八：当多媒体素材为像素比值大于0且小于0.5的竖屏素材时，即，多媒体素材的像素比值小于素材模板的像素比值时。
129.根据第二处理规则，以竖屏素材的宽度为基准，将竖屏素材整体进行等比例缩放，直至竖屏素材的宽度缩放至与竖屏模板的宽度相等。将竖屏素材置于竖屏模板内，此时竖屏素材在高度方向的上下两端均存在超出竖屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该竖屏素材的竖屏模板并入混合排版中。
130.在本实施例中，竖屏素材的宽度为4，高度为10，竖屏模板的宽度为10，高度为20。
131.竖屏素材的像素比值＝宽度
÷
高度＝4
÷
10＝0.4，
132.根据设定，竖屏模板的像素比值为0.5。比较竖屏素材的像素比值与竖屏模板的像素比值大小：0.4＜0.5，该竖屏素材按照第二处理规则处理。
133.确定竖屏素材等比例缩放的基准边，即以竖屏素材的宽度为基准，等比例缩放2.5倍(即10
÷
4＝2.5)，得到缩放后的竖屏素材，将缩放后的竖屏素材置于竖屏模板内。竖屏素材的中心与竖屏模板的中心重合，竖屏素材的上下两端溢出竖屏模板外，将超出竖屏模板的部分进行平均裁剪，(10
×
2.5-10
×
2)
÷
2＝2.5，竖屏素材上下各超出2.5，将该部分裁剪或隐藏。
134.实施例九：当多媒体素材为像素比值大于等于1.25且小于2的横屏素材时，即，多媒体素材的像素比值小于素材模板的像素比值时。
135.根据第二处理规则，以横屏素材的宽度为基准，将横屏素材整体进行等比例缩放，直至横屏素材的宽度缩放至与横屏模板的宽度相等。将横屏素材置于横屏模板内，此时横屏素材在高度方向的上下两端均存在超出横屏模板外的部分，对该部分进行裁剪或隐藏。最后将置有该横屏素材的横屏模板并入混合排版中。
136.在本实施例中，横屏素材的宽度为12.5，高度为10，横屏模板的宽度为20，高度为10。
137.横屏素材的像素比值＝宽度
÷
高度＝12.5
÷
10＝1.25，
138.根据设定，横屏模板的像素比值为2。比较横屏素材的像素比值与横屏模板的像素比值大小：1.25＜2，该横屏素材按照第二处理规则处理。
139.确定横屏素材等比例缩放的基准边，即以横屏素材的宽度为基准，等比例缩放2.5倍(即20
÷
12.5＝2.5)，得到缩放后的横屏素材，将缩放后的横屏素材置于横屏模板内。横屏素材的中心与横屏模板的中心重合，横屏素材的上下两端溢出横屏模板外，将超出横屏模板的部分进行平均裁剪，(10
×
2.5-10
×
2)
÷
2＝2.5，横屏素材上下各超出2.5，将该部分裁剪或隐藏。
140.第三处理规则：当多媒体素材的像素比值等于素材模板的像素比值时，以素材模板的示尺寸为基准，令多媒体素材等比例缩放至多媒体素材的尺寸与素材模板的像素尺寸相同，再将多媒体素材置于素材模板内。
141.实施例十：当方屏素材的像素比值等于1时，即，当多媒体素材的像素比值等于素材模板的像素比值时。
142.根据第三处理规则，对方屏素材进行等比例缩放至方屏模板尺寸一致即可，不需
要进行裁剪或隐藏。
143.实施例十一：当竖屏素材的像素比值等于0.5时，即，当多媒体素材的像素比值等于素材模板的像素比值时。
144.根据第三处理规则，对竖屏素材进行等比例缩放至竖屏模板尺寸一致即可，不需要进行裁剪或隐藏。
145.实施例十二：当横屏素材的像素比值等于2时，即，当多媒体素材的像素比值等于素材模板的像素比值时。
146.根据第三处理规则，对横屏素材进行等比例缩放至横屏模板尺寸一致即可，不需要进行裁剪或隐藏。
147.上述所有实施例中除比值外数字均仅表示相互的大小数值关系，可代入任意单位或不带入单位。
148.以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

技术特征：

1.一种多媒体素材的多类型排版处理方法，其特征在于，多媒体素材上传至线上平台，所述线上平台对接收的所述多媒体素材的处理方法包括步骤s1.接收所述多媒体素材并获得所述多媒体素材的像素比值，根据平台预设素材分类规则，将接收的所述多媒体素材进行分类；步骤s2.获取加载所述线上平台的终端设备的屏幕分辨率与所述终端设备的尺寸，根据预设的多个素材模板的像素比值，分别确定所述素材模板的屏幕分辨率与显示尺寸；步骤s3.将所述多媒体素材的像素比值与对应的所述素材模板的像素比值进行比较，令所述多媒体素材根据设定规则处理后置于所述素材模板内，再对所述多媒体素材置于所述素材模板外的部分进行裁剪或隐藏处理。2.根据权利要求1中所述的一种多媒体素材的多类型排版处理方法，其特征在于，在步骤s2中，所述线上平台的素材模板确定过程如下所示：步骤p1.获取所述终端设备的屏幕分辨率与所述终端设备的尺寸；步骤p2.以所述终端设备的屏幕分辨率中的其中一个极值作为计算初始值，根据预设的所述素材模板的像素比值与所述线上平台的显示规律，获得所有预设的所述素材模板的屏幕分辨率；步骤p3.获取所述终端设备的横向像素间距与纵向像素间距；步骤p4.将所述素材模板的屏幕分辨率分别与所述终端设备的横向像素间距、纵向像素间距相乘得到所述素材模板的横向边长尺寸与纵向边长尺寸。3.根据权利要求2中所述的一种多媒体素材的多类型排版处理方法，其特征在于，在步骤p2中，取所述终端设备屏幕分辨率中的较小值作为方屏模板的边长像素值，得到所述方屏模板的分辨率；取所述终端设备屏幕分辨率中的较小值作为计算初始值，令竖屏模板的宽度像素值为计算初始值与设定间隙值的差的二分之一，所述竖屏模板的高度像素值为所述竖屏模板的宽度像素值的指定倍数，获得所述竖屏模板的屏幕分辨率；取所述终端设备屏幕分辨率中的较小值为横屏模板的宽度像素值，令所述横屏模板的高度像素值为所述横屏模板的宽度像素值的指定倍数，获得所述横屏模板的屏幕分辨率。4.根据权利要求3中所述的一种多媒体素材的多类型排版处理方法，其特征在于，所述方屏模板与所述横屏模板在所述线上平台的显示状态为满屏显示，所述竖屏模板在所述线上平台的显示状态为二等分屏显示。5.根据权利要求1中所述的一种多媒体素材的多类型排版处理方法，其特征在于，预设的所述素材分类规则中，横屏素材为像素比值大于或等于1.25的多媒体素材，竖屏素材为像素比值小于或等于0.8的多媒体素材，方屏素材为像素比值大于0.8且像素比值小于1.25的多媒体素材。6.根据权利要求1中所述的一种多媒体素材的多类型排版处理方法，其特征在于，预设的所述素材模板的像素比值为：方屏模板的边长像素比值为1，竖屏模板的宽度与高度的像素比值为1/2；横屏模板的宽度与高度的像素比值为2。7.根据权利要求1中所述的一种多媒体素材的多类型排版处理方法，其特征在于，所述设定规则包括
第一处理规则：当所述多媒体素材的像素比值大于所述素材模板的像素比值时，以所述多媒体素材的高度为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的高度与所述素材模板的高度相等；第二处理规则：当所述多媒体素材的像素比值小于所述素材模板的像素比值时，以所述多媒体素材的宽度为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的宽度与所述素材模板的宽度相等；第三处理规则：当所述多媒体素材的像素比值等于所述素材模板的像素比值时，以所述素材模板的示尺寸为基准，令所述多媒体素材等比例缩放，直至所述多媒体素材的尺寸与所述素材模板的像素尺寸相同。8.根据权利要求7中所述的一种多媒体素材的多类型排版处理方法，其特征在于，在所述多媒体素材等比例缩放过程中，所述多媒体素材中心与所述素材模板的中心始终保持重合。9.根据权利要求9中所述的一种多媒体素材的多类型排版处理方法，其特征在于，所述多媒体素材完成等比例缩放后，以所述素材模板的边框为边界，裁剪所述多媒体素材多余的部分。10.根据权利要求1中所述的一种多媒体素材的多类型排版处理方法，其特征在于，所述多媒体素材的线上发布过程包括：步骤t1.发布者通过所述线上平台将所述多媒体素材上传至终端服务器；步骤t2.所述终端服务器根据预设的处理方法对所述多媒体素材进行调整处理，将所述多媒体素材置于对应的所述素材模板内形成发布素材；步骤t3.所述终端服务器将所述发布素材按照预设顺序进行混合排版后发送至所述线上平台并在所述终端设备中显示。

技术总结

本发明公开了一种多媒体素材的多类型排版处理方法，多媒体素材上传至线上平台，所述线上平台对接收的所述多媒体素材的处理方法包括步骤S1.接收所述多媒体素材并获得所述多媒体素材的像素比值，根据平台预设素材分类规则，将接收的所述多媒体素材进行分类；步骤S2.获取加载所述线上平台的终端设备的屏幕分辨率与所述终端设备的尺寸，根据预设的多个素材模板的像素比值，分别确定所述素材模板的屏幕分辨率与显示尺寸；步骤S3.将所述多媒体素材的像素比值与对应的所述素材模板的像素比值进行比较，令所述多媒体素材根据设定规则处理后置于所述素材模板内，再对所述多媒体素材置于所述素材模板外的部分进行裁剪或隐藏处理。于所述素材模板外的部分进行裁剪或隐藏处理。于所述素材模板外的部分进行裁剪或隐藏处理。