CN112368695B - 媒体预览特效实现方法、装置及系统、服务端和存储介质 - Google Patents
媒体预览特效实现方法、装置及系统、服务端和存储介质 Download PDFInfo
- Publication number
- CN112368695B CN112368695B CN201880090910.XA CN201880090910A CN112368695B CN 112368695 B CN112368695 B CN 112368695B CN 201880090910 A CN201880090910 A CN 201880090910A CN 112368695 B CN112368695 B CN 112368695B
- Authority
- CN
- China
- Prior art keywords
- media
- displayed
- page
- parent container
- size
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000000694 effects Effects 0.000 title claims abstract description 119
- 238000000034 method Methods 0.000 title claims abstract description 34
- 238000004364 calculation method Methods 0.000 claims description 3
- 230000003993 interaction Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 24
- 101100171060 Caenorhabditis elegans div-1 gene Proteins 0.000 description 9
- 230000006870 function Effects 0.000 description 6
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000003247 decreasing effect Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 101100134058 Caenorhabditis elegans nth-1 gene Proteins 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Mathematical Physics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一种媒体预览特效实现方法和采用所述媒体预览特效实现方法的装置、系统和服务端以及计算机可读存储介质。所述媒体预览特效实现方法例如包括：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致(S11)；控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级(S13)；以及在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同(S15)。
Description
技术领域
本申请涉及媒体预览技术领域，尤其涉及一种媒体预览特效实现方法、装置及系统、服务端和存储介质。
背景技术
目前，在显示屏行业，例如，在发光二极管(Light-Emitting Diode，简称为LED)显示屏行业，用户往往需要制作一个复杂媒体，以充分使用当前屏幕来完成其商业广告的推广和展示。此处的复杂媒体的内容通常包含文字、图片、视频、简易信息聚合(ReallySimple Syndication，简称为RSS)、数字时钟、模拟时钟、日历组件和天气组件等常规媒体的多个或全部。
通常对于制作好的复杂媒体，用户往往希望在服务端就能够预览到其后续在终端的播放特效。然而，由于现有技术中的服务端无法实现终端支持的所有特效，导致在服务端的预览效果可能不是终端播放出来的效果；再者，现有的服务端预览功能支持图片的特效而无法兼容文本的特效(例如翻页特效)的预览，但由于LED显示屏行业的特殊性，对于文本的特效要求比较高。如此一来，导致服务端的用户体验度不佳。
发明内容
本申请的实施例提供一种媒体预览特效实现方法、装置及系统、服务端和存储介质，其可以兼容图片和文本的预览特效、以达到提升用户体验度的技术效果。
一方面，本申请实施例提出的一种媒体预览特效实现方法，包括：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中，所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
在本申请的一个实施例中，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
在本申请的一个实施例中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述媒体预览特效实现方法还包括：每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
在本申请的一个实施例中，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
在本申请的一个实施例中，所述第二方向为所述父容器的高度方向；所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：控制所述已显示媒体页在所述父容器的高度方向上以向下展开方式逐渐露出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以向上展开方式逐渐露出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以上下展开方式逐渐露出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以上下合并方式逐渐露出所述欲显示媒体页。
另一方面，本申请实施例提出的一种媒体预览特效实现装置，包括：尺寸控制模块、显示层级控制模块和特效控制模块。其中，尺寸控制模块，用于控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；显示层级控制模块，用于控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及特效控制模块，用于在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中，所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
在本申请的一个实施例中，所述特效控制模块具体用于：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
在本申请的一个实施例中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述媒体预览特效实现装置还包括：端部值计算模块，用于每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
在本申请的一个实施例中，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
又一方面，本申请实施例提出的一种服务端，用于预览复杂媒体、并发布所述复杂媒体至终端；其中所述终端用于和服务端进行心跳交互获取所述复杂媒体在本地进行播放、并送至显示屏上显示。所述服务端具有预览模块、且所述预览模块用于：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
在本申请的一个实施例中，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
在本申请的一个实施例中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页面，所述预览模块还用于：每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
在本申请的一个实施例中，所述复杂媒体包括图片媒体和/或文本媒体；所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
此外，本申请实施例还提出一种媒体预览特效实现系统，包括存储器以及耦合至所述存储器的至少一个处理器，所述至少一个处理器被配置成执行前述任意一种媒体预览特效实现方法。
另外，本申请实施例还提出一种计算机可读存储介质，所述计算机可读存储介质存储有程序代码，所述程序代码包括用于执行前述任意一种媒体预览特效实现方法的指令。
上述技术方案可以具有如下一个或多个优点：本申请实施例基于父容器及媒体页、并采用特定的控制方式来实现预览特效，可以兼容图片和文本的预览特效，进而达到提升用户体验度的技术效果。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请第一实施例的一种媒体预览特效实现方法的流程示意图；
图2为本申请第一实施例的一种媒体页和父容器的关系示意图；
图3A为本申请第一实施例的一种文本媒体页以向下展开方式实现文本翻页特效的示意图；
图3B为本申请第一实施例的另一种文本媒体页以向下展开方式实现文本翻页特效的示意图；
图3C为本申请第一实施例的一种文本媒体页以向上展开方式实现文本翻页特效的示意图；
图3D为本申请第一实施例的一种文本媒体页以上下展开方式实现文本翻页特效的示意图；
图3E为本申请第一实施例的一种文本媒体页以上下合并方式实现文本翻页特效的示意图；
图4为本申请第一实施例的一种文本媒体以向下展开方式实现文本翻页特效的Top算法示意图；
图5A为本申请第二实施例的一种多种媒体预览特效实现装置的模块示意图；
图5B为本申请第二实施例的另一种多种媒体预览特效实现装置的模块示意图；
图6为本申请第三实施例的一种服务端与终端连接关系示意图；
图7为本申请第四实施例的一种媒体预览特效实现系统的结构示意图；
图8为本申请第五实施例的一种计算机可读存储介质的示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
【第一实施例】
图1为本申请第一实施例的一种媒体预览特效实现方法的流程示意图。如图1所示，本申请实施例提供的一种媒体预览特效实现方法，例如包括以下步骤：
步骤S11：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；
步骤S13：控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及
步骤S15：在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中，所述初始尺寸等于所述父容器在所述第二方向上的尺寸。
可选地，在步骤S11中，所述已显示媒体页和所述欲显示媒体页可以是同为文本媒体页或同为图片媒体页。再者，以图2所示为例，其中，图2为本申请第一实施例的一种媒体页和父容器的关系示意图，欲显示媒体页div1和已显示媒体页div2为父容器21的元素，父容器21的水平宽度(第一方向上的尺寸)和竖直高度(第二方向上的尺寸)可以分别记为W和H，则欲显示媒体页div1和已显示媒体页div2的宽度(第一方向上的尺寸)设置为一致，都为父容器21的宽度W。此处的父容器可以是用来包含目标元素的容器，而div1及div2为父容器所包含的元素。
在步骤S13中，仍以图2所示为例，欲显示媒体页div1在父容器21内的显示层级低于显示媒体页div2在父容器21内的显示层级，从而欲显示媒体页div1被压在显示媒体页div2的下面，已显示媒体页div2展示在欲显示媒体页div1的上面。此处值得一提的是，div1及div2在父容器21内的显示层级对应div1及div2在父容器21内的层叠顺序。
在步骤S15中，仍以图2所示为例，在特效时长内，保持欲显示媒体页div1在父容器21内的高度(第二方向上的尺寸)不变、并控制已显示媒体页div2在父容器21内的显示高度(第二方向上的显示尺寸)从初始尺寸逐渐减小至零，其中所述初始尺寸典型地等于父容器21的高度H。
为便于更清楚地理解本实施例的媒体预览特效实现方法，下面结合图3A、图3B和图4并以已显示媒体页在父容器的高度方向上以向下展开方式逐渐露出欲显示媒体页为例进行说明。其中，图3A为本申请第一实施例的一种文本媒体页以向下展开方式实现文本翻页特效的示意图，图3B为本申请第一实施例的另一种文本媒体页以向下展开方式实现文本翻页特效的示意图，图4为本申请第一实施例的一种文本媒体以向下展开方式实现文本翻页特效的Top算法示意图。本实施例是基于JS(JavaScript)代码由发明人自主开发的高度算法和Top算法来实现特效预览功能。可选地：
参见图3A，假如欲显示媒体页为第1页，则将预览页面的背景色(例如黑色)作为已显示媒体页，也即为第0页；那么第1页在父容器内是显示在下方的，而第0页在父容器内是显示在上方的。之后，第1页在父容器内的高度不变，第0页在父容器内的显示高度逐渐变小以逐渐露出第1页；可选地，第0页的显示高度从父容器的高度H(对应初始尺寸)逐渐变为0，且在显示高度逐渐变小的过程中，第0页的显示高度动态值满足关系式：height＝H–countNow*everyHeight；其中，countNow表示特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。此外，从图3A还可以看出：第1页是以依次露出1行文字、3行文字、5行文字、7行文字和9行文字的方式进行显示，而第0页的显示高度逐渐减小，从而达成文本翻页特效。
类似地，参见图3B，假如欲显示媒体页为第2页，那么第2页在父容器内是显示在下方的，而第1页在父容器内是显示在上方的。之后，第2页在父容器内的高度不变，第1页在父容器内的显示高度逐渐变小以逐渐露出第2页；可选地，第1页的显示高度从父容器的高度H(对应初始尺寸)逐渐变为0，且在显示高度逐渐变小的过程中，第1页的显示高度动态值同样满足关系式：height＝H–countNow*everyHeight。此外，从图3B还可以看出：第2页是以依次露出1行文字、2行文字、5行文字、7行文字和9行文字的方式进行显示，而第1页则是从顶部开始依次去除掉1行文字、2行文字、5行文字、7行文字和9行文字，从而达到文本翻页特效。
至于everyHeight和countNow，其可以基于如下的Top算法获取。
承上述，参见图4，以文本媒体为例，文本媒体例如基于父容器的尺寸(比如高度H)被划分成N个媒体页，也即第1页至第N页，各个媒体页的初始端部值initTop分别为0至(N-1)H。Top算法例如是：假设欲显示媒体页是第N页，盖在上一层的就是第N-1页、且其初始端部值(例如初始顶部值)initTop＝(N-2)H；为了使得特效执行的比较流畅，预设特效时长time内的刷新总次数例如为count＝100，这样就会timeStep＝time/count秒刷新一次，这里是定时器的间隔；每次刷新的高度(也即单次刷新所减少的尺寸)为：everyHeight＝H/count；根据层叠样式表(Cascading Style Sheet，简称为CSS)的定位(position)属性中的绝对(absolute)定位规则，端部值top＝0–initTop–everyHeight*countNow＝0–(N-2)H-(H/count)*countNow；此处的countNow表示特效时长time内当前为第几次刷新(也即定时器执行到了第几次)，端部值top在特效时长time内是动态变化的，其是用来确定已显示媒体页在父容器中的显示内容，也即已显示媒体页的显示内容在整个文本媒体中的位置的重要参数。由此可见，Top算法主要用来实现显示内容的定位。此处值得一提的是，CSS众所周知是一种定义样式结构如字体、颜色、位置等的语言，例如为用来表现HTML或XML等文件样式的计算机语言。
另外，需要说明的是，图3A、图3B和图4是以已显示媒体页在父容器的高度方向上以向下展开方式逐渐露出欲显示媒体页为例进行说明的，但本申请实施例并不以此为限，在第二方向为父容器的高度方向时，已显示媒体页也可以是在父容器的高度方向上以向上展开方式(图3C)逐渐露出欲显示媒体页、或已显示媒体页在父容器的高度方向上以上下展开方式(图3D)逐渐露出欲显示媒体页、或已显示媒体页在父容器的高度方向上以上下合并方式(图3E)逐渐露出所述欲显示媒体页。其中，图3C为本申请第一实施例的一种文本媒体页以向上展开方式实现文本翻页特效的示意图，图3D为本申请第一实施例的一种文本媒体页以上下展开方式实现文本翻页特效的示意图，图3E为本申请第一实施例的一种文本媒体页以上下合并方式实现文本翻页特效的示意图。当然，也可以理解的是，当第二方向为父容器的宽度方向时，已显示媒体页可以是在父容器的宽度方向上以向左展开方式逐渐露出欲显示媒体页、或已显示媒体页可以是在父容器的宽度方向上以向右展开方式逐渐露出欲显示媒体页、或已显示媒体页在父容器的宽度方向上以左右展开方式逐渐露出欲显示媒体页、或已显示媒体页在父容器的宽度方向上以左右合并方式逐渐露出所述欲显示媒体页；这些不同的方式所采用的高度算法、Top算法的原理和机制是一样的，只是需要对高度算法和Top算法所采用的前述公式进行微调。再者，值得一提的是，对于图片媒体，通常图片媒体的大小为单个媒体页，也即其尺寸与父容器的尺寸一致，因此在利用前述实现方法进行特效预览时，通常只能观察到第1页的特效，而后续页由于内容是和第1页相同，从而使得人眼视觉上不容易察觉。
简而言之，本实施例基于一套利用高度算法和Top算法的机制来实现预览功能中的图片、文本甚至是RSS的各种特效，只需维护一套代码，降低了开发成本。再者，以文本媒体为例，对于翻页特效，其基于高度算法和Top算法采用逐渐改变高度、逐渐改变定位位置的方式，可以实现两页文本的无缝替换，无黑场。
【第二实施例】
图5A为本申请第二实施例的一种多种媒体预览特效实现装置的模块示意图，图5B为本申请第二实施例的另一种多种媒体预览特效实现装置的模块示意图。其中，参见图5A，本申请实施例还提出一种媒体预览特效实现装置51，其可以执行前述实施例的媒体预览特效实现方法。具体来说，本实施例的媒体预览特效实现装置51例如包括：尺寸控制模块511、显示层级控制模块513和特效控制模块515。其中，尺寸控制模块511、显示层级控制模块513和特效控制模块515例如分别用于执行前述第一实施例的步骤S11、S13和S15，因而各个模块的功能细节在此不再赘述。
此外，当所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页面时，如图5B所示，媒体预览特效实现装置51还包括端部值计算模块514，用于每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。此处的文本媒体例如为只包含文字、符号、数字和换行标记的媒体。
另外，值得一提的是，尺寸控制模块511、显示层级控制模块513和特效控制模块515、甚至端部值计算模块514，可以是软件模块而存储于存储器中、并可由一个或多个处理器执行。
【第三实施例】
图6为本申请第三实施例的一种服务端与终端连接关系示意图。参见图6，本申请实施例还提出一种服务端60，用于预览复杂媒体并发布复杂媒体至终端例如701～70m(m为大于1的自然数)进行播放。其中，服务端60具有预览模块61，且预览模块61可以是软件模块，存储在服务端60的存储器上并可以由服务端60上的一个或多个处理器执行来实现前述第一实施例中的媒体预览特效实现方法。
更可选地，用户可以通过浏览器输入网址登入服务端60来进行复杂媒体编辑制作、特效预览等操作，并将制作好的复杂媒体与终端例如701～70m中的一个或多个绑定，从而终端例如701～70m可以跟服务端60进行心跳交互获取复杂媒体在本地进行播放、并送至显示屏例如LED屏上显示。复杂媒体例如包含文字、图片、视频、简易信息聚合(ReallySimple Syndication，简称为RSS)、数字时钟、模拟时钟、日历组件和/或天气组件等常规媒体，也即多个常规媒体的集合体。再者，作为举例，终端例如701～70m可以是Android媒体播放盒，其可以带载LED显示屏或LCD显示屏，甚至其他显示屏。典型地，Android媒体播放盒主要包含嵌入式处理器(例如ARM处理器)和可编程逻辑器件(例如FPGA)，且嵌入式处理器可以安装运行Android系统。
本实施例基于前述高度算法和Top算法，解决了文本媒体在服务端预览的特效问题，兼容文本和图片媒体的特效预览，和终端的播放特效一致；从而可以简化用户制作复杂媒体的流程，直接可以在服务端看到最终播放出来的效果。
【第四实施例】
图7为本申请第四实施例的一种媒体预览特效实现系统的结构示意图。参见图7，本申请实施例还提出一种媒体预览特效实现系统80，包括存储器81以及耦合至存储器81的至少一个处理器83，所述至少一个处理器83被配置成执行前述第一实施例所述的媒体预览特效实现方法，也即当媒体预览特效实现系统80运行时，所述至少一个处理器83读取所述存储器81存储的程序代码以执行所述媒体预览特效实现方法。概述之，处理器83被配置成：(a)控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；(b)控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及(c)在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。其中，各个功能(a)、(b)及(c)的具体细节可参考前述第一实施例中的步骤S11、S13及S15的相关详细描述，故在此不再赘述。
【第五实施例】
图8为本申请第五实施例的一种计算机可读存储介质的示意图。参见图8，本申请实施例还提出一种计算机可读存储介质90。所述计算机可读存储介质90为非暂态存储器，且存储有程序代码；所述程序代码包括用于执行前述第一实施例的媒体预览特效实现方法的指令。概述之，所述程序代码所包括的所述指令用于被一个或多个处理器执行时：(i)控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；(ii)控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及(iii)在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。其中，各个功能(i)、(ii)及(iii)的具体细节可参考前述第一实施例中的步骤S11、S13及S15的相关详细描述，故在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和/或方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元/模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多路单元或模块可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元/模块可以是或者也可以不是物理上分开的，作为单元/模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元/模块来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元/模块可以集成在一个处理单元/模块中，也可以是各个单元/模块单独物理存在，也可以两个或两个以上单元/模块集成在一个单元/模块中。上述集成的单元/模块既可以采用硬件的形式实现，也可以采用硬件加软件功能单元/模块的形式实现。
上述以软件功能单元/模块的形式实现的集成的单元/模块，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)的一个或多个处理器执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
【工业实用性】
本申请实施例基于父容器及媒体页、并采用特定的控制方式来实现预览特效，可以兼容图片和文本的预览特效，进而达到提升用户体验度的技术效果。
Claims (14)
1.一种媒体预览特效实现方法，其特征在于，包括：
控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；
控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；
在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中，所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同；
其中，所述显示层级对应层叠顺序，所述层叠顺序用于表示所述欲显示媒体页与所述已显示媒体页在所述父容器内的位置顺序。
2.如权利要求1所述的媒体预览特效实现方法，其特征在于，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：
计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
3.如权利要求1或2所述的媒体预览特效实现方法，其特征在于，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述媒体预览特效实现方法还包括：
每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
4.如权利要求1所述的媒体预览特效实现方法，其特征在于，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
5.如权利要求1所述的媒体预览特效实现方法，其特征在于，所述第二方向为所述父容器的高度方向；所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：
控制所述已显示媒体页在所述父容器的高度方向上以向下展开方式逐渐露出所述欲显示媒体页，或
控制所述已显示媒体页在所述父容器的高度方向上以向上展开方式逐渐露出所述欲显示媒体页，或
控制所述已显示媒体页在所述父容器的高度方向上以上下展开方式逐渐露出所述欲显示媒体页，或
控制所述已显示媒体页在所述父容器的高度方向上以上下合并方式逐渐露出所述欲显示媒体页。
6.一种媒体预览特效实现装置，其特征在于，包括：
尺寸控制模块，用于控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；
显示层级控制模块，用于控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；
特效控制模块，用于在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中，所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同；
其中，所述显示层级对应层叠顺序，所述层叠顺序用于表示所述欲显示媒体页与所述已显示媒体页在所述父容器内的位置顺序。
7.如权利要求6所述的媒体预览特效实现装置，其特征在于，所述特效控制模块具体用于：
计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
8.如权利要求6或7所述的媒体预览特效实现装置，其特征在于，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述媒体预览特效实现装置还包括：
端部值计算模块，用于每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
9.如权利要求6所述的媒体预览特效实现装置，其特征在于，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
10.一种服务端，其特征在于，用于预览复杂媒体、并发布所述复杂媒体至终端；其中所述终端用于和服务端进行心跳交互获取所述复杂媒体在本地进行播放、并送至显示屏上显示；所述服务端具有预览模块、且所述预览模块用于：
控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；
控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；
在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同；
其中，所述显示层级对应层叠顺序，所述层叠顺序用于表示所述欲显示媒体页与所述已显示媒体页在所述父容器内的位置顺序。
11.如权利要求10所述的服务端，其特征在于，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：
计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
12.如权利要求10或11所述的服务端，其特征在于，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页面，所述预览模块还用于：
每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
13.一种媒体预览特效实现系统，其特征在于，包括：存储器以及耦合至所述存储器的至少一个处理器，所述至少一个处理器被配置成执行如权利要求1至5中任一所述的一种媒体预览特效实现方法。
14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有程序代码，所述程序代码包括用于执行如权利要求1至5中任一所述的一种媒体预览特效实现方法的指令。
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| PCT/CN2018/102777 WO2020041983A1 (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112368695A CN112368695A (zh) | 2021-02-12 |
| CN112368695B true CN112368695B (zh) | 2024-06-04 |
Family
ID=69644762
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201880090910.XA Active CN112368695B (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN112368695B (zh) |
| WO (1) | WO2020041983A1 (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101263479A (zh) * | 2005-09-09 | 2008-09-10 | 微软公司 | 电子文件系统中的嵌套视图 |
| CN107852532A (zh) * | 2015-06-03 | 2018-03-27 | 诺基亚技术有限公司 | 用于视频编码的方法、装置和计算机程序 |
| CN108280136A (zh) * | 2017-12-27 | 2018-07-13 | 努比亚技术有限公司 | 一种多媒体对象预览方法、设备及计算机可读存储介质 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1538536A1 (en) * | 2003-12-05 | 2005-06-08 | Sony International (Europe) GmbH | Visualization and control techniques for multimedia digital content |
| US20070136750A1 (en) * | 2005-12-13 | 2007-06-14 | Microsoft Corporation | Active preview for media items |
| CN105511712B (zh) * | 2014-09-24 | 2019-08-02 | 阿里巴巴集团控股有限公司 | 一种图片呈现方法及装置 |
-
2018
- 2018-08-28 WO PCT/CN2018/102777 patent/WO2020041983A1/zh active Application Filing
- 2018-08-28 CN CN201880090910.XA patent/CN112368695B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101263479A (zh) * | 2005-09-09 | 2008-09-10 | 微软公司 | 电子文件系统中的嵌套视图 |
| CN107852532A (zh) * | 2015-06-03 | 2018-03-27 | 诺基亚技术有限公司 | 用于视频编码的方法、装置和计算机程序 |
| CN108280136A (zh) * | 2017-12-27 | 2018-07-13 | 努比亚技术有限公司 | 一种多媒体对象预览方法、设备及计算机可读存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112368695A (zh) | 2021-02-12 |
| WO2020041983A1 (zh) | 2020-03-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9111007B2 (en) | Adaptive rendering of a webpage on an electronic display device | |
| US20230086529A1 (en) | Method for serving interactive content to a user | |
| CN105100869B (zh) | 弹幕显示方法及装置 | |
| US10255227B2 (en) | Computerized system and method for authoring, editing, and delivering an interactive social media video | |
| CN105373567B (zh) | 页面生成方法及客户端 | |
| CN104239305B (zh) | 生成及展现电子文档的方法及装置 | |
| US8812951B1 (en) | Publisher formatting controls | |
| CN104217037B (zh) | 一种在移动终端中显示网页的方法及装置 | |
| US20130305144A1 (en) | Method of Publishing Digital Content | |
| CN103631865B (zh) | 网页生成方法及设备 | |
| CN102663126A (zh) | 一种在移动终端中显示网页的方法及装置 | |
| US20110196749A1 (en) | Method for dynamic banner composition | |
| US20180018305A1 (en) | Character spacing adjustment of text columns | |
| CN110769300B (zh) | 一种呈现信息流中横屏视频的方法与设备 | |
| CN102902545A (zh) | 为动画化分解标记语言元素 | |
| US20120192047A1 (en) | Systems and methods for building complex documents | |
| CN103049430A (zh) | 一种基于idf格式文件的页面显示方法 | |
| CN112368695B (zh) | 媒体预览特效实现方法、装置及系统、服务端和存储介质 | |
| CN105677674B (zh) | 一种页面填充内容的动态展示方法和装置 | |
| CN112667942A (zh) | 一种动画生成方法、装置及介质 | |
| Weyl | What's new in CSS3 | |
| JP2019021255A (ja) | デジタル出版システム、デジタル出版方法及びコンピュータプログラム | |
| CN113434794A (zh) | 一种元素轮播方法、装置、设备及介质 | |
| CN111190720B (zh) | 媒体播放方法、装置及系统、服务端和存储介质 | |
| CN112685995A (zh) | 文本下划线的处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |