WO2020041983A1 - 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 - Google Patents
媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 Download PDFInfo
- Publication number
- WO2020041983A1 WO2020041983A1 PCT/CN2018/102777 CN2018102777W WO2020041983A1 WO 2020041983 A1 WO2020041983 A1 WO 2020041983A1 CN 2018102777 W CN2018102777 W CN 2018102777W WO 2020041983 A1 WO2020041983 A1 WO 2020041983A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- displayed
- media
- page
- size
- parent container
- Prior art date
Links
Images
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
Definitions
- the present application relates to the technical field of media preview, and in particular, to a method for implementing media preview special effects, a device for implementing media preview special effects, a server, a system for implementing media preview special effects, and a computer-readable storage medium.
- the content of the complex media usually includes many or all of conventional media such as text, pictures, videos, RSS (Really Simple Syndication), digital clocks, analog clocks, calendar components, and weather components.
- the server can preview its subsequent playback effects on the terminal.
- the preview effect on the server may not be the effect played by the terminal.
- the existing server preview function supports the special effects of pictures and is not compatible with text. Preview of special effects (such as page-turning special effects), but due to the special nature of the LED display industry, special requirements for text special effects are relatively high. As a result, the user experience on the server is poor.
- Embodiments of the present application provide a method for implementing a media preview special effect, a device for implementing a media preview special effect, a server, a system for implementing a media preview special effect, and a computer-readable storage medium that are compatible with pictures and text Preview special effects to achieve technical effects that enhance user experience.
- a method for implementing a media preview special effect method includes: controlling a size of a media page to be displayed and a displayed media page in a first direction to be consistent with a size of a parent container in the first direction Controlling the display level of the media page to be displayed in the parent container to be lower than the display level of the displayed media page in the parent container; and keeping the media page to be displayed at The size in the second direction in the parent container is unchanged, and the display size of the displayed media page in the second direction in the parent container is gradually reduced from the initial size to zero, where The initial size is equal to the size of the parent container in the second direction, and the second direction is different from the first direction.
- the displayed media page and the media page to be displayed are two media pages sequentially displayed in the same text media
- the method for implementing a media preview special effect further includes: each refresh When calculating the end value of the displayed media page in the text media according to the absolute positioning rule of the positioning attribute of the cascading style sheet to determine the display content of the displayed media page in the parent container.
- the displayed media page and the to-be-displayed media page are both a text media page or a picture media page.
- a device for implementing media preview special effects proposed in the embodiments of the present application includes a size control module, a display level control module, and a special effect control module.
- the size control module controls the size of the media page to be displayed and the displayed media page in the first direction to be consistent with the size of the parent container in the first direction;
- the display level control module controls the media to be displayed
- the display level of the page in the parent container is lower than the display level of the displayed media page in the parent container; and the special effect control module keeps the media page to be displayed in the parent container during the special effect duration.
- the size in the second direction of the image is unchanged, and controls the display size of the displayed media page in the second direction in the parent container to gradually decrease from an initial size to zero, where the initial size is equal to The size of the parent container in the second direction is different from the first direction.
- the special effect control module is specifically configured to calculate a dynamic value of a display size of the displayed media page in the second direction in the parent container within the special effect duration.
- the displayed media page and the to-be-displayed media page are two media pages sequentially displayed in the same text media
- the multiple software modules further include: end value calculation A module that calculates an end value of the displayed media page in the text media according to an absolute positioning rule of a positioning attribute of a cascading style sheet at each refresh, so as to determine that the displayed media page is in the parent container Display content.
- the displayed media page and the to-be-displayed media page are both a text media page or a picture media page.
- a server provided in the embodiment of the present application is used to preview complex media and publish the complex media to a terminal; wherein the terminal is configured to perform heartbeat interaction with the server to obtain the complex media locally. Play and send to the display.
- the server has a preview module, and the preview module is used to: control the size of the media page to be displayed and the displayed media page in the first direction to be consistent with the size of the parent container in the first direction; A display level of the media page to be displayed in the parent container is lower than a display level of the displayed media page in the parent container; and maintaining the media page to be displayed in the parent during a special effect duration
- the size in the second direction in the container is unchanged, and the display size of the displayed media page in the second direction in the parent container is gradually reduced from an initial size to zero, where the initial size It is equal to the size of the parent container in the second direction, and the second direction is different from the first direction.
- the displayed media page and the media page to be displayed are two media pages sequentially displayed in the same text media
- the preview module is further configured to: Calculate the end value of the displayed media page in the text media according to the absolute positioning rule of the positioning attribute of the cascading style sheet to determine the display content of the displayed media page in the parent container.
- the complex media includes picture media and / or text media; the displayed media page and the to-be-displayed media page are both text media pages or picture media pages.
- an embodiment of the present application further provides a media preview special effect implementing system, which includes a memory and at least one processor coupled to the memory, and the at least one processor is configured to execute any one of the foregoing media preview special effect implementing methods.
- an embodiment of the present application further provides a computer-readable storage medium, where the computer-readable storage medium stores program code, and the program code includes instructions for executing any one of the foregoing methods for implementing a media preview special effect.
- the above technical solution may have one or more of the following advantages:
- the embodiment of the present application implements a preview special effect based on a parent container and a media page, and adopts a specific control method, and is compatible with preview special effects of pictures and text, thereby achieving an improvement in user experience.
- Technical effects implements a preview special effect based on a parent container and a media page, and adopts a specific control method, and is compatible with preview special effects of pictures and text, thereby achieving an improvement in user experience.
- FIG. 1 is a schematic flowchart of a method for implementing a media preview special effect according to a first embodiment of the present application.
- FIG. 2 is a schematic diagram of a relationship between a media page and a parent container according to the first embodiment of the present application.
- FIG. 3A and FIG. 3B are schematic diagrams of implementing a text page turning effect in a downward expanding manner in a text media page in the first embodiment of the present application.
- FIG. 3C, FIG. 3D and FIG. 3E are schematic diagrams of the text media page in the first embodiment of the present application to achieve the text page turning effect in an upward expanding mode, an up-down expanding mode, and an up-down combining mode.
- FIG. 4 is a schematic diagram of a Top algorithm that implements text page turning effects in a downward expanding manner in a text medium in the first embodiment of the present application.
- 5A and 5B are schematic diagrams of modules of a device for implementing various media preview special effects according to a second embodiment of the present application.
- FIG. 6 is a schematic diagram of a connection relationship between a server and a terminal according to a third embodiment of the present application.
- FIG. 7 is a schematic structural diagram of a media preview special effect implementation system according to a fourth embodiment of the present application.
- FIG. 8 is a schematic diagram of a computer-readable storage medium according to a fifth embodiment of the present application.
- a method for implementing a media preview special effect includes, for example, the following steps:
- S11 Control the size of the media page to be displayed and the displayed media page in the first direction to be consistent with the size of the parent container in the first direction;
- S13 controlling the display level of the media page to be displayed in the parent container to be lower than the display level of the displayed media page in the parent container;
- S15 Keep the size of the media page to be displayed in the second direction in the parent container unchanged during the special effect duration, and control the second direction of the displayed media page in the parent container
- the display size on is gradually reduced from an initial size to zero, where the initial size is equal to the size of the parent container in the second direction.
- the displayed media page and the to-be-displayed media page are both a text media page or a picture media page, for example.
- the media page div1 and the displayed media page div2 are elements of the parent container 21, and the horizontal width (size in the first direction) and vertical height (second For example, the dimensions in the directions are denoted as W and H, respectively.
- the widths (dimensions in the first direction) of the displayed media page div1 and the displayed media page div2 are set to be the same, and both are the width W of the parent container 21.
- the parent container here is, for example, a container for containing the target element, and div1 and div2 are the elements contained in the parent container.
- step S13 the display level of the media page div1 in the parent container 21 is lower than the display level of the display media page div2 in the parent container 21, so that the media page div1 to be displayed is pressed.
- the displayed media page div2 is shown above. It is worth mentioning here that the display levels of div1 and div2 in the parent container 21 correspond to the stacking order of div1 and div2 in the parent container 21.
- step S15 as shown in FIG. 2 as an example, the height (size in the second direction) of the media page div1 to be displayed in the parent container 21 is kept unchanged during the special effect duration, and the displayed media page div2 is controlled.
- the display height (display size in the second direction) within the parent container 21 gradually decreases from an initial size to zero, where the initial size is typically equal to the height H of the parent container 21.
- the media page to be displayed is gradually exposed in a downwardly expanding manner with the displayed media page in the height direction of the parent container in conjunction with FIGS. 3A, 3B, and 4 As an example.
- This embodiment implements a special effect preview function based on a highly algorithm and a Top algorithm independently developed by the inventor based on JS (JavaScript) code. specifically:
- the background color of the preview page such as black, is used as the displayed media page, that is, page 0; then the first page is displayed below the parent container, Page 0 is displayed above the parent container.
- the first page is displayed in order to expose 1 line of text, 3 lines of text, 5 lines of text, 7 lines of text, and 9 lines of text in sequence, and the display height of page 0 gradually decreases. Small to achieve page turning effects.
- the media page to be displayed is the second page
- the second page is displayed below the parent container
- the first page is displayed above the parent container.
- the height of the second page in the parent container does not change
- text media is taken as an example.
- text media is divided into N media pages based on the size of the parent container (such as height H), that is, pages 1 to N.
- the initial end of each media page The parts initTop are 0 to (N-1) H, respectively.
- the part value top is dynamically changed within the special effect duration time, which is an important parameter used to determine the display content of the displayed media page in the parent container, that is, the position of the displayed content of the displayed media page in the entire text media.
- the Top algorithm is mainly used to achieve the positioning of display content.
- CSS is well known as a language that defines style structures such as fonts, colors, positions, etc., for example, a computer language used to express file styles such as HTML or XML.
- FIG. 3A, FIG. 3B, and FIG. 4 are described by taking the displayed media page to gradually expose the media page to be displayed in a downward expansion manner in the height direction of the parent container as an example. It is not limited to this.
- the displayed media page may also be gradually expanded in the height direction of the parent container ( Figure 3C) to gradually expose the media page to be displayed, or The display media page expands up and down in the height direction of the parent container ( Figure 3D) and gradually exposes the media page to be displayed, or the displayed media page merges up and down in the height direction of the parent container ( Figure 3E).
- the media page is displayed.
- the displayed media page may be gradually exposed in the width direction of the parent container to expand to the left, or the displayed media page is gradually exposed.
- the media page to be displayed is gradually exposed in the width direction of the parent container to expand to the right, or the displayed media page is gradually exposed to expand in the width direction of the parent container to gradually expose the media page to be displayed, or the displayed media page is
- the width direction of the parent container gradually merges the media page to be displayed in a left-right merge manner; the principles and mechanisms of the height algorithm and the Top algorithm used in these different methods are the same, except that the height algorithm and the Top algorithm are used. The aforementioned formula is fine-tuned.
- the size of the picture media is usually a single media page, that is, the size is the same as the size of the parent container. Therefore, when using the foregoing implementation method to perform special effect previews, usually only observation The special effects on page 1, and the subsequent pages are not the same as the first page because they are the same as the first page.
- this embodiment is based on a set of mechanisms that use a height algorithm and a top algorithm to implement various special effects of pictures, text, and even RSS in the preview function. Only a set of code needs to be maintained, which reduces development costs. Furthermore, taking text media as an example, for page turning special effects, the height algorithm and the Top algorithm are used to gradually change the height and gradually change the positioning position, which can realize the seamless replacement of two pages of text without black spots.
- an embodiment of the present application further provides a media preview special effect implementing device 51, which can execute the media preview special effect implementing method of the foregoing embodiment.
- the media preview special effect implementing device 51 of this embodiment includes, for example, a size control module 511, a display level control module 513, and a special effect control module 515.
- the size control module 511, the display level control module 513, and the special effect control module 515 are respectively used to perform steps S11, S13, and S15 of the foregoing first embodiment, so the details of the functions of each module will not be repeated here.
- the media preview special effect implementing device 51 further includes end value calculation A module 514 is configured to calculate an end value of the displayed media page in the text medium according to an absolute positioning rule of a positioning attribute of a cascading style sheet at each refresh, so as to determine whether the displayed media page is in the text medium. Describes what is displayed in the parent container.
- the text media here is, for example, media containing only text, symbols, numbers, and line breaks.
- the size control module 511, the display level control module 513 and the special effect control module 515, and even the end value calculation module 514 may be software modules stored in the memory, and may be stored by one or more processors. carried out.
- an embodiment of the present application further provides a server 60 for previewing complex media and publishing the complex media to a terminal such as 701-70m for playback.
- the server 60 has a preview module 61, and the preview module 61 may be a software module, which is stored on the memory of the server 60 and may be executed by one or more processors on the server 60 to implement the foregoing first embodiment.
- the preview module 61 may be a software module, which is stored on the memory of the server 60 and may be executed by one or more processors on the server 60 to implement the foregoing first embodiment.
- media preview effects are examples of media preview effects.
- a user can log in to the server 60 through a browser to enter a website to perform operations such as editing and production of complex media, and previewing special effects, and bind the produced complex media to one or more of the terminals such as 701 to 70m, thereby
- the terminals 701 to 70m can perform heartbeat interaction with the server 60 to obtain complex media for local playback, and send them to a display screen such as an LED screen for display.
- Complex media includes conventional media such as text, pictures, videos, RSS (Really Simple Syndication), digital clocks, analog clocks, calendar components, and / or weather components, that is, a collection of multiple conventional media.
- a terminal such as 701-70m may be an Android media player box, which may carry an LED display or an LCD display, or even other displays.
- an Android media player box mainly includes an embedded processor (such as ARM processors) and programmable logic devices (such as FPGAs), and embedded processors can be installed and run Android systems.
- This embodiment is based on the above-mentioned high-level algorithm and Top algorithm, which solves the problem of special effects preview of text media on the server side, compatible with special effects preview of text and picture media, and consistent with the playback effects of the terminal; thereby simplifying the process for users to produce complex media, directly You can see the effect on the server.
- an embodiment of the present application further provides a media preview special effect implementing system 80 including a memory 81 and at least one processor 83 coupled to the memory 81, the at least one processor 83 configured to execute the foregoing first embodiment.
- the media preview special effect implementing method that is, when the media preview special effect implementing system 80 is running, the at least one processor 83 reads the program code stored in the memory 81 to execute the media preview special effect implementing method.
- the processor 83 is configured to: (a) control the size of the media page to be displayed and the displayed media page in the first direction to be consistent with the size of the parent container in the first direction; (b) control the The display level of the media page to be displayed in the parent container is lower than the display level of the displayed media page in the parent container; and (c) keeping the media page to be displayed at The size in the second direction in the parent container is unchanged, and the display size of the displayed media page in the second direction in the parent container is gradually reduced from the initial size to zero, where The initial size is equal to the size of the parent container in the second direction, and the second direction is different from the first direction.
- the specific details of each function (a), (b), and (c) can be referred to the detailed description of steps S11, S13, and S15 in the foregoing first embodiment, and will not be repeated here.
- an embodiment of the present application further provides a computer-readable storage medium 90.
- the computer-readable storage medium 90 is a non-transitory memory and stores program code; the program code includes instructions for executing the method for implementing a media preview special effect in the foregoing first embodiment.
- the instructions included in the program code are executed by one or more processors: (i) control the size of the media page to be displayed and the displayed media page in the first direction and the parent container in The dimensions in the first direction are consistent; (ii) controlling to make the display level of the media page to be displayed in the parent container lower than the display level of the displayed media page in the parent container; and ( iii) keep the size of the media page to be displayed in the second direction in the parent container unchanged during the special effect duration, and control the second direction of the displayed media page in the parent container
- the display size on is gradually reduced from an initial size to zero, where the initial size is equal to the size of the parent container in the second direction, and the second direction is different from the first direction.
- the disclosed system, device, and / or method may be implemented in other ways.
- the device embodiments described above are only schematic.
- the division of the unit / module is only a logical function division.
- multiple units or modules may The combination can either be integrated into another system, or some features can be ignored or not implemented.
- the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, which may be electrical, mechanical or other forms.
- the units / modules described as separate components may or may not be physically separated, and the components displayed as units / modules may or may not be physical units, may be located in one place, or may be distributed to multiple channels. Network unit. Some or all of the units / modules may be selected according to actual needs to achieve the objective of the solution of this embodiment.
- each functional unit / module in each embodiment of the present application may be integrated into one processing unit / module, or each unit / module may exist separately physically, or two or more units / modules may be integrated into one Unit / module.
- the above-mentioned integrated units / modules can be implemented in the form of hardware, or in the form of hardware plus software functional units / modules.
- the integrated unit / module implemented in the form of a software functional unit / module may be stored in a computer-readable storage medium.
- the above software functional unit is stored in a storage medium and includes several instructions for causing one or more processors of a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods described in the embodiments of the present application. Part of the steps.
- the foregoing storage media include: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc. The medium.
- the embodiment of the present application is based on the parent container and the media page, and adopts a specific control method to implement the preview special effect, which can be compatible with the preview special effects of pictures and text, thereby achieving the technical effect of improving user experience.
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
本申请涉及媒体预览技术领域，尤其涉及一种媒体预览特效实现方法、一种媒体预览特效实现装置、一种服务端、一种媒体预览特效实现系统以及一种计算机可读存储介质。
在显示屏例如LED显示屏行业，用户往往需要制作一个复杂媒体，以充分使用当前屏幕来完成其商业广告的推广和展示。此处的复杂媒体的内容通常包含文字、图片、视频、RSS((Really Simple Syndication，简易信息聚合)、数字时钟、模拟时钟、日历组件和天气组件等常规媒体的多个或全部。
通常对于制作好的复杂媒体，用户往往希望在服务端就能够预览到其后续在终端的播放特效。然而，由于现有技术中的服务端无法实现终端支持的所有特效，导致在服务端的预览效果可能不是终端播放出来的效果；再者，现有的服务端预览功能支持图片的特效而无法兼容文本的特效(例如翻页特效)的预览，但由于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所示，本申请实施例提供的一种媒体预览特效实现方法，例如包括以下步骤：
S11：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；
S13：控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及
S15：在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸。
具体地，在步骤S11中，所述已显示媒体页和所述欲显示媒体页例如同为文本媒体页或同为图片媒体页。再者，以图2所示为例，欲显示媒体页div1和已显示媒体页div2为父容器21的元素，父容器21的水平宽度(第一方向上的尺寸)和竖直高度(第二方向上的尺寸)例如分别记为W和H，则欲显示媒体页div1和已显示媒体页div2的宽度(第一方向上的尺寸)设置为一致，都为父容器21的宽度W。此处的父容器例如是用来包含目标元素的容器，而div1及div2为父容器所包含的元素。
在步骤S13中，仍以图2所示为例，欲显示媒体页div1在父容器21内的显示层级低于显示媒体页div2在父容器21内的显示层级，从而欲显示媒体页div1被压在下面，已显示媒体页div2展示在上面。此处值得一提的是，div1及div2在父容器21内的显示层级也即对应div1及div2在父容器21内的层叠顺序。
在步骤S15中，仍以图2所示为例，在特效时长内，保持欲显示媒体页div1在父容器21内的高度(第二方向上的尺寸)不变、并控制已显示媒体页div2在父容器21内的显示高度(第二方向上的显示尺寸)从初始尺寸逐渐减小至零，其中所述初始尺寸典型地等于父容器21的高度H。
为便于更清楚地理解本实施例的媒体预览特效实现方法，下面结合图3A、图3B和图4并以已显示媒体页在父容器的高度方向上以向下展开方式逐渐露出欲显示媒体页为例进行说明。本实施例是基于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；根据CSS(Cascading Style Sheet，层叠样式表)的定位(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)逐渐露出所述欲显示媒体页。当然，也可以理解的是，当第二方向为父容器的宽度方向时，已显示媒体页可以是在父容器的宽度方向上以向左展开方式逐渐露出欲显示媒体页、或已显示媒体页可以是在父容器的宽度方向上以向右展开方式逐渐露出欲显示媒体页、或已显示媒体页在父容器的宽度方向上以左右展开方式逐渐露出欲显示媒体页、或已显示媒体页在父容器的宽度方向上以左右合并方式逐渐露出所述欲显示媒体页；这些不同的方式所采用的高度算法、Top算法的原理和机制是一样的，只是需要对高度算法和Top算法所采用的前述公式进行微调。再者，值得一提的是，对于图片媒体，通常图片媒体的大小为单个媒体页，也即其尺寸与父容器的尺寸一致，因此在利用前述实现方法进行特效预览时，通常只能观察到第1页的特效，而后续页由于内容是和第1页相同，从而人眼视觉上不容易察觉。
简而言之，本实施例基于一套利用高度算法和Top算法的机制来实现预览功能中的图片、文本甚至是RSS的各种特效，只需维护一套代码，降低了开发成本。再者，以文本媒体为例，对于翻页特效，其基于高度算法和Top算法采用逐渐改变高度、逐渐改变定位位置的方式，可以实现两页文本的无缝替换，无黑场。
【第二实施例】
参见图5A，本申请实施例还提出一种媒体预览特效实现装置51，其可以执行前述实施例的媒体预览特效实现方法。具体来说，本实施例的媒体预览特效实现装置51例如包括：尺寸控制模块511、显示层级控制模块513和特效控制模块515。其中，尺寸控制模块511、显示层级控制模块513和特效控制模块515例如分别用于执行前述第一实施例的步骤S11、S13和S15，因而各个模块的功能细节在此不再赘述。
此外，当所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页面时，如图5B所示，媒体预览特效实现装置51还包括端部值计算模块514，用于：每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。此处的文本媒体例如为只包含文字、符号、数字和换行标记的媒体。
另外，值得一提的是，尺寸控制模块511、显示层级控制模块513和特效控制模块515、甚至端部值计算模块514，可以是软件模块而存储于存储器中、 并可由一个或多个处理器执行。
【第三实施例】
参见图6，本申请实施例还提出一种服务端60，用于预览复杂媒体并发布复杂媒体至终端例如701～70m进行播放。其中，服务端60具有预览模块61，且预览模块61可以是软件模块，存储在服务端60的存储器上并可以由服务端60上的一个或多个处理器执行来实现前述第一实施例中的媒体预览特效实现方法。
更具体地，用户可以通过浏览器输入网址登入服务端60来进行复杂媒体编辑制作、特效预览等操作，并将制作好的复杂媒体与终端例如701～70m中的一个或多个绑定，从而终端例如701～70m可以跟服务端60进行心跳交互获取复杂媒体在本地进行播放、并送至显示屏例如LED屏上显示。复杂媒体例如包含文字、图片、视频、RSS((Really Simple Syndication，简易信息聚合)、数字时钟、模拟时钟、日历组件和/或天气组件等常规媒体，也即是多个常规媒体的集合体。再者，作为举例，终端例如701～70m可以是Android媒体播放盒，其可以带载LED显示屏或LCD显示屏，甚至其他显示屏。典型地，Android媒体播放盒主要包含嵌入式处理器(例如ARM处理器)和可编程逻辑器件(例如FPGA)，且嵌入式处理器可以安装运行Android系统。
本实施例基于前述高度算法和Top算法，解决了文本媒体在服务端预览的特效问题，兼容文本和图片媒体的特效预览，和终端的播放特效一致；从而可以简化用户制作复杂媒体的流程，直接可以在服务端看到最终播放出来的效果。
【第四实施例】
参见图7，本申请实施例还提出一种媒体预览特效实现系统80，包括存储器81以及耦合至存储器81的至少一个处理器83，所述至少一个处理器83被配置成执行前述第一实施例所述的媒体预览特效实现方法，也即当媒体预览特效实现系统80运行时，所述至少一个处理器83读取所述存储器81存储的程序代码以执行所述媒体预览特效实现方法。概述之，处理器83被配置成：(a)控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；(b)控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及(c)在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。其中，各个功能(a)、(b)及(c)的具体细节可参考前述第一实 施例中的步骤S11、S13及S15的相关详细描述，故在此不再赘述。
【第五实施例】
参见图8，本申请实施例还提出一种计算机可读存储介质90。所述计算机可读存储介质90为非暂态存储器，且存储有程序代码；所述程序代码包括用于执行前述第一实施例的媒体预览特效实现方法的指令。概述之，所述程序代码所包括的所述指令用于被一个或多个处理器执行时：(i)控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；(ii)控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；以及(iii)在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。其中，各个功能(i)、(ii)及(iii)的具体细节可参考前述第一实施例中的步骤S11、S13及S15的相关详细描述，故在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和/或方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元/模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多路单元或模块可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元/模块可以是或者也可以不是物理上分开的，作为单元/模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元/模块来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元/模块可以集成在一个处理单元/模块中，也可以是各个单元/模块单独物理存在，也可以两个或两个以上单元/模块集成在一个单元/模块中。上述集成的单元/模块既可以采用硬件的形式实现，也可以采用硬件加软件功能单元/模块的形式实现。
上述以软件功能单元/模块的形式实现的集成的单元/模块，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)的一个或多个处理器执行本申请各个实施例所述方法的部分步 骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
本申请实施例基于父容器及媒体页、并采用特定的控制方式来实现预览特效，可以兼容图片和文本的预览特效，进而达到提升用户体验度的技术效果。
Claims (14)
- 一种媒体预览特效实现方法，包括：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
- 如权利要求1所述的媒体预览特效实现方法，其中，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
- 如权利要求1或2所述的媒体预览特效实现方法，其中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述媒体预览特效实现方法还包括：每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
- 如权利要求1所述的媒体预览特效实现方法，其中，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
- 如权利要求1所述的媒体预览特效实现方法，其中，所述第二方向为所述父容器的高度方向；所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：控制所述已显示媒体页在所述父容器的高度方向上以向下展开方式逐渐露出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以向上展开方式逐渐露 出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以上下展开方式逐渐露出所述欲显示媒体页，或控制所述已显示媒体页在所述父容器的高度方向上以上下合并方式逐渐露出所述欲显示媒体页。
- 一种媒体预览特效实现装置，包括：尺寸控制模块，控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述第一方向上的尺寸一致；显示层级控制模块，控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；特效控制模块，在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
- 如权利要求6所述的媒体预览特效实现装置，其中，所述特效控制模块具体用于：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述初始尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
- 如权利要求6或7所述的媒体预览特效实现装置，其中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页，所述多个软件模块还包括：端部值计算模块，每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
- 如权利要求6所述的媒体预览特效实现装置，其中，所述已显示媒体页和所述欲显示媒体页同为文本媒体页或同为图片媒体页。
- 一种服务端，用于预览复杂媒体、并发布所述复杂媒体至终端；其中所述终端用于和服务端进行心跳交互获取所述复杂媒体在本地进行播放、并送至显示屏上显示；所述服务端具有预览模块、且所述预览模块用于：控制使欲显示媒体页和已显示媒体页在第一方向上的尺寸与父容器在所述 第一方向上的尺寸一致；控制使所述欲显示媒体页在所述父容器内的显示层级低于所述已显示媒体页在所述父容器内的显示层级；在特效时长内，保持所述欲显示媒体页在所述父容器内的第二方向上的尺寸不变、并控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零，其中所述初始尺寸等于所述父容器在所述第二方向上的尺寸，所述第二方向与所述第一方向不同。
- 如权利要求10所述的服务端，其中，所述控制所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸从初始尺寸逐渐减小至零包括：计算所述已显示媒体页在所述父容器内的所述第二方向上的显示尺寸在所述特效时长内的动态值；其中，所述动态值满足关系式：height＝H-countNow*everyHeight，height表示所述动态值，H表示所述最大尺寸，countNow表示所述特效时长内当前为第几次刷新，everyHeight表示单次刷新所减少的尺寸。
- 如权利要求10或11所述的服务端，其中，所述已显示媒体页和所述欲显示媒体页为同一个文本媒体中依序显示的两个媒体页面，所述预览模块还用于：每一次刷新时，根据层叠样式表的定位属性的绝对定位规则计算所述已显示媒体页在所述文本媒体中的端部值，以确定所述已显示媒体页在所述父容器中的显示内容。
- 一种媒体预览特效实现系统，包括：存储器以及耦合至所述存储器的至少一个处理器，所述至少一个处理器被配置成执行如权利要求1至5中任一所述的一种媒体预览特效实现方法。
- 一种计算机可读存储介质，其中，所述计算机可读存储介质存储有程序代码，所述程序代码包括用于执行如权利要求1至5中任一所述的一种媒体预览特效实现方法的指令。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201880090910.XA CN112368695B (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和存储介质 |
| PCT/CN2018/102777 WO2020041983A1 (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| PCT/CN2018/102777 WO2020041983A1 (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2020041983A1 true WO2020041983A1 (zh) | 2020-03-05 |
Family
ID=69644762
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2018/102777 WO2020041983A1 (zh) | 2018-08-28 | 2018-08-28 | 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN112368695B (zh) |
| WO (1) | WO2020041983A1 (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101263479A (zh) * | 2005-09-09 | 2008-09-10 | 微软公司 | 电子文件系统中的嵌套视图 |
| CN105511712A (zh) * | 2014-09-24 | 2016-04-20 | 阿里巴巴集团控股有限公司 | 一种图片呈现方法及装置 |
| CN107852532A (zh) * | 2015-06-03 | 2018-03-27 | 诺基亚技术有限公司 | 用于视频编码的方法、装置和计算机程序 |
| CN108280136A (zh) * | 2017-12-27 | 2018-07-13 | 努比亚技术有限公司 | 一种多媒体对象预览方法、设备及计算机可读存储介质 |
Family Cites Families (2)
| 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 |
-
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 (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101263479A (zh) * | 2005-09-09 | 2008-09-10 | 微软公司 | 电子文件系统中的嵌套视图 |
| CN105511712A (zh) * | 2014-09-24 | 2016-04-20 | 阿里巴巴集团控股有限公司 | 一种图片呈现方法及装置 |
| 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 |
| CN112368695B (zh) | 2024-06-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105373567B (zh) | 页面生成方法及客户端 | |
| US9971749B2 (en) | Editor for website and website menu | |
| JP5905541B2 (ja) | 階層的に編成されるコントロールギャラリ | |
| US9111007B2 (en) | Adaptive rendering of a webpage on an electronic display device | |
| US20160132201A1 (en) | Contextual tabs in mobile ribbons | |
| US20150074518A1 (en) | Dynamic simulation of a responsive web page | |
| US9720581B2 (en) | Responsive image rendition authoring | |
| WO2015196822A1 (zh) | 一种网页适应屏幕排版方法及装置 | |
| CN105335445A (zh) | 布局显示方法和装置 | |
| CN111581570B (zh) | 一种页面布局方法及计算设备 | |
| CN113010075B (zh) | 多信号源窗口交互方法、系统、可读存储介质和电子设备 | |
| US20160314502A1 (en) | System and method for streamlining the design and development process of multiple advertising units | |
| TW201439940A (zh) | 頁面標頭的顯示方法及用戶端 | |
| WO2017012488A1 (zh) | 滚动视图显示方法及装置 | |
| WO2019105062A1 (zh) | 一种内容显示方法、装置和终端设备 | |
| CN113315883A (zh) | 调整视频组合素材的方法和装置 | |
| WO2020041983A1 (zh) | 媒体预览特效实现方法、装置及系统、服务端和计算机可读存储介质 | |
| KR20100130186A (ko) | 그래픽 디지털 문서의 동영상화 장치 및 방법 | |
| JP2010218522A (ja) | ブラウザのプラグインを用いるウェブページ表示方法 | |
| CN105468656B (zh) | 网页背景图像生成方法和系统 | |
| WO2016019874A1 (zh) | 页面资源加载方法和装置 | |
| JP6524306B2 (ja) | ウェブページ提供システム、ウェブページ提供方法、プログラム、通信装置及びウェブページ表示方法 | |
| TWI608366B (zh) | 資訊處理裝置、資訊處理方法、記憶媒體 | |
| TW201514842A (zh) | 依據顯示裝置之瀏覽器大小而自動改變網頁排版的方法及系統 | |
| CN105589882B (zh) | 网页的页面元素的显示方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 18931310 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 18931310 Country of ref document: EP Kind code of ref document: A1 |