CN115967831B - Video display method, device, electronic equipment and storage medium - Google Patents
Video display method, device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN115967831B CN115967831B CN202211338756.8A CN202211338756A CN115967831B CN 115967831 B CN115967831 B CN 115967831B CN 202211338756 A CN202211338756 A CN 202211338756A CN 115967831 B CN115967831 B CN 115967831B
- Authority
- CN
- China
- Prior art keywords
- window
- windows
- video
- frame
- displayed
- 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
Abstract
The application provides a video display method, a video display device, electronic equipment and a storage medium, and relates to the technical field of videos. The method comprises the following steps: displaying at least one window on the page, wherein video is played in the window; controlling the frame breaking elements to move between the windows to enable videos in the windows to be displayed in a linkage mode, or controlling the sizes of the windows to change in real time along with specified operation and enabling the sizes of video pictures to be matched with the sizes of the windows in real time; wherein the movement of the broken frame element between windows is displayed in a manner exceeding the boundary line of the windows. According to the embodiment of the application, the video in the window is displayed in a linkage way based on the frame breaking element, so that the visual feeling of video playing is improved, the visual experience of naked eyes 3D is brought, or the attention of a user is attracted based on the dynamic change of the size of the window, and the interestingness of video playing is improved.
Description
Technical Field
The present application relates to the field of video technologies, and in particular, to a video display method, a device, an electronic apparatus, and a storage medium.
Background
At present, a still picture or video mode is generally adopted for information flow advertisement, and target people are put in an advertisement position in a gold position. However, users have developed immunity to such common forms of advertisements, creating a tiredness, and advertisements are easily ignored, thereby affecting the click rate of the advertisements.
Disclosure of Invention
The embodiment of the application provides a video display method, a video display device, electronic equipment and a storage medium, so as to improve the visual perception of video playing.
In a first aspect, an embodiment of the present application provides a video display method, including:
displaying at least one window on the page, wherein video is played in the window;
controlling the frame breaking elements to move between the windows to enable videos in the windows to be displayed in a linkage mode, or controlling the sizes of the windows to change in real time along with specified operation and enabling the sizes of video pictures to be matched with the sizes of the windows in real time;
wherein the movement of the broken frame element between windows is displayed in a manner exceeding the boundary line of the windows.
In a second aspect, an embodiment of the present application provides a video display apparatus, including:
the display module is used for displaying at least one window on the page, and videos are played in the window;
the control module is used for controlling the frame breaking elements to move between the windows to enable videos in the windows to be displayed in a linkage mode, or controlling the sizes of the windows to change in real time along with specified operation and enabling the sizes of video pictures to be matched with the sizes of the windows in real time;
wherein the movement of the broken frame element between windows is displayed in a manner exceeding the boundary line of the windows.
In a third aspect, an embodiment of the present application provides an electronic device, including a memory, a processor, and a computer program stored on the memory, the processor implementing the method of any one of the above when the computer program is executed.
In a fourth aspect, embodiments of the present application provide a computer readable storage medium having a computer program stored therein, which when executed by a processor, implements a method as in any of the above.
Compared with the prior art, the application has the following advantages:
at least one window is displayed on the page, and the frame breaking elements are controlled to move between the windows so that videos in the windows are displayed in a linkage mode, the effect of frame breaking display is achieved, visual feeling of video playing is improved, and visual experience of naked eye 3D is brought; the control window size changes along with the appointed operation in real time, the video picture size matches the window size in real time, the dynamic change of the size can attract the attention of the user, and the interestingness of video playing is improved.
The foregoing description is only an overview of the present application, and is intended to provide a better understanding of the technical means of the present application, as it is embodied in the present specification, and is intended to provide a better understanding of the above and other objects, features and advantages of the present application, as it is embodied in the following description.
Drawings
In the drawings, the same reference numerals refer to the same or similar parts or elements throughout the several views unless otherwise specified. The figures are not necessarily drawn to scale. It is appreciated that these drawings depict only some embodiments according to the application and are not therefore to be considered limiting of its scope.
FIG. 1 is a flow chart of a video display method according to an embodiment of the application;
FIG. 2 is a flowchart of a video display method according to another embodiment of the present application;
FIG. 3 is a schematic illustration of a single-column window video linkage in accordance with another embodiment of the present application;
FIG. 4 is a flow chart of a video display method according to another embodiment of the present application;
FIG. 5 is a schematic diagram of a double-break element video linkage according to another embodiment of the present application;
FIG. 6 is a flow chart of a video display method according to another embodiment of the present application;
FIG. 7 is a schematic diagram of a dual window video linkage in accordance with another embodiment of the present application;
FIG. 8 is a flow chart of a video display method according to another embodiment of the present application;
FIG. 9 is a view of another embodiment of the present application;
FIG. 10 is a multi-layer schematic of another embodiment of the present application;
fig. 11 is a block diagram showing the structure of a video display apparatus according to an embodiment of the present application; and
Fig. 12 is a block diagram of an electronic device used to implement an embodiment of the application.
Detailed Description
Hereinafter, only certain exemplary embodiments are briefly described. As will be recognized by those skilled in the pertinent art, the described embodiments may be modified in numerous different ways without departing from the spirit or scope of the present application. Accordingly, the drawings and description are to be regarded as illustrative in nature, and not as restrictive.
In order to facilitate understanding of the technical solutions of the embodiments of the present application, the following describes related technologies of the embodiments of the present application. The following related technologies may be optionally combined with the technical solutions of the embodiments of the present application, which all belong to the protection scope of the embodiments of the present application.
The terms involved in the present application will be explained first.
Information flow: refers to a published information set, which can include a plurality of information, typically displayed on a page, that a user can browse or select for viewing. Wherein the information within the information stream includes, but is not limited to, still pictures, moving pictures, video, or the like.
Single column/double column information flow: it means that the information stream is laid out on the page in a single column or double columns, a single column means that a row only comprises one piece of information, and a double column means that a row comprises two pieces of information.
A window: also referred to as a card, refers to a window that displays information, typically one window displays a piece of information, the size of the window being dependent on the size of the page.
Broken frame element: refers to elements that are displayed beyond the boundary line of the window. The method is generally characterized in that a certain relevant element in video playing content is displayed in a mode of breaking through a window boundary line, so that a frame breaking effect is generated, and naked eye 3D visual experience is brought.
The video display method provided by the embodiment of the application can be applied to any electronic equipment, including but not limited to: computers, mobile terminals, tablet computers, notebook computers or servers, etc. On the screen of the electronic device, the video display method can be realized through a window on the page. Specific application scenarios may be varied, including but not limited to, application page display or website page display. For example, the video display method is not particularly limited, and may be executed on a certain application page of a mobile phone or a certain website page browsed in a browser of a computer. The video content to which embodiments of the present application relate may be of various types including, but not limited to, news, finance, sports, entertainment, movies, episodes, or advertisements, etc.
An embodiment of the present application provides a video display method, as shown in fig. 1, which is a flowchart of a video display method according to an embodiment of the present application, and the method may include the following steps S101 to S102.
At step S101, at least one window is displayed on the page, and video is played in the window.
Wherein, the window on the page can be one or more. In one embodiment, the page has at least two views displayed thereon, including a first view and a second view. The first window and the second window may be two windows adjacent to each other in the page, or adjacent to each other in the page. In addition, the first window and the second window may have the same size or different sizes. In one embodiment, a first window and a second window of the same size may be used to enable smooth engagement of movement of the frame breaking element between the two windows, thereby achieving a better visual effect.
For example, a page of an application may be displayed on a display screen of a mobile terminal, where a plurality of windows are displayed on the page, and a double-row typesetting display is adopted, that is, there are multiple rows on the page, each row includes two windows and is arranged left and right. The user can browse each window through the up-and-down sliding operation, so that the video to be checked is found, and clicking check operation and the like are performed.
In step S102, the frame breaking element is controlled to move between windows to make the video in the windows displayed in linkage, or the window size is controlled to change in real time following the specified operation and the video frame size matches the window size in real time.
The video in each window on the page may be a content-related video or may be a content-independent video. In order to create a better visual effect, at least two videos whose contents have a certain correlation may be selected to be displayed in a window through which the broken frame element moves, respectively.
The above-described designation operation may be a user operation including various types such as a slide operation, a click operation, an input operation, or a zoom operation, and is not particularly limited.
The real-time matching of the video frame size to the window size means that the video frame covers all areas of the window. In the process of real-time dynamic matching, the content in the video picture shows more pictures as the window size becomes larger and shows fewer pictures as the window size becomes smaller. The display of more pictures can be understood as the gradual display of more pictures along with dynamic adjustment of the parts of the original pictures which are not displayed due to the limitation of the window size, and the display of the largest picture when the window size is largest, namely the areas which are shielded outside by the window visually are gradually displayed in the video picture. Less visible pictures can be understood as video pictures that fade away from the peripheral area as the window size becomes smaller, failing to appear within the window, leaving only pictures that are consistent with the window area. It should be noted that in the above process, the video frame is not scaled in the process of dynamically matching the size, but the central area of the video frame always appears in the central area of the window, and the edge area of the video frame appears more or less along with the dynamic matching, so that the playing proportion of the frame in the whole playing process is unchanged, and the influence on the feeling of watching the video by the user due to the real-time dynamic matching is avoided.
Illustratively, a video linkage display within two windows is illustrated. The first video in the first window is a propaganda video short film 1 of a certain advertisement, the second video in the second window is a propaganda video short film 2 of the advertisement, and the two videos have certain correlation and are not identical. In the process of synchronously playing the two videos, the content has certain relativity, and the same advertisement is advertised, so that a better advertising effect can be achieved, and rich visual feeling is brought to users.
Wherein movement of the broken frame element between windows (including movement of the broken frame element out of and into the broken frame element) is displayed in a manner exceeding the boundary line of the windows. The broken frame element may be an object related to the video content, such as a subject in the video, etc. The object can be displayed independently and is matched with the playing of the video in the window to create the effect of playing the stereoscopic three-dimensional video. The video content is a video displayed by related information of the mobile phone, and the frame breaking element can be a mobile phone of a specific model, and moves out and moves in between two windows to be displayed in a mode of exceeding a boundary line of the windows, so that the effect of linkage display of the two videos in the two windows is achieved.
In one embodiment, the controlling the frame breaking element to move between windows to make the video in the windows displayed in linkage may include: controlling the frame breaking element to move out of the first window and move into the second window, so that the first video and the second video are displayed in a linkage way; or, controlling the frame breaking element to move out of the second window and move into the first window, so that the first video and the second video are displayed in a linkage way; the first video is played in the first window, and the second video is played in the second window.
In one embodiment, the method may further include:
after controlling the frame breaking element to move between the windows, controlling the frame breaking element to move out of the window where the frame breaking element is currently positioned or move out of the page; and/or before controlling the frame breaking element to move between the windows, controlling the frame breaking element to move into the window from outside the page.
In one embodiment, controlling movement of the frame breaking element between windows to cause a video within the windows to be displayed in linkage may include: and under the condition that all the sizes of the two windows are displayed on the page, controlling the frame breaking element to move out of one window in a first time period and move into the other window in a second time period, so that videos in the two windows are displayed in a linkage mode. The sum of the first duration and the second duration is smaller than or equal to the total duration of any video in the two windows.
In one embodiment, the method may further include:
controlling another broken frame element to move out of the second window and move into the first window under the condition that the broken frame element moves out of the first window and moves into the second window; or, in the case that the broken frame element is moved out of the second window and moved into the first window, controlling another broken frame element to be moved out of the first window and moved into the second window.
In one embodiment, the method may further include:
in the case where the broken frame element exceeds the window boundary line and there is a user operation, the display of the broken frame element and the response of the user operation are controlled to be performed independently of each other in parallel.
In one embodiment, the method may further include:
and controlling the window size of any window in the moving process of the frame breaking element to change along with the specified operation in real time and matching the video picture size with the window size in real time.
According to the method provided by the embodiment, at least one window is displayed on the page, the frame breaking elements are controlled to move between the windows to enable the video in the windows to be displayed in a linkage mode, the effect of frame breaking display is achieved, visual perception of video playing is improved, and visual experience of naked eyes 3D is brought. On the one hand, the moving-out and moving-in of the broken frame elements show an animation playing effect in a broken frame form, namely, the visual sense that the broken frame elements fly out of one window and fly into the other window is brought to a user, the effect of naked eye 3D can be achieved, the sense is stimulated, the originality is highlighted, the larger originality playing space is provided, the attention of the user is attracted, the user is enabled to experience high immersion, the stereoscopic sense of impact force is brought to the visual sense and the psychological level, the completion rate and the click rate of video playing are greatly enhanced, and the playing effect of the video is improved. Under the advertisement application scene, the broken frame element can reduce the interference to the user, and the uninteresting video user can browse through the sliding operation without waiting for the advertisement duration or closing the advertisement action, so that the user experience is more friendly. Based on the video linkage of broken frame element, broken frame element linkage left and right or upper and lower adjacent window has been broken through, lets broken frame more vivid, has promoted broken frame advertising's intention in a deeper level, brings higher quality attention for advertisement brand's exposure to and reduce the conflict of user to marketing. On the other hand, the control window size changes in real time along with the appointed operation and the video picture size matches the window size in real time, and the dynamic change of the size can attract the attention of the user, so that the interestingness of video playing is improved and the interaction of the user is induced.
Another embodiment of the present application provides a video display method, as shown in fig. 2, which is a flowchart of a video display method according to another embodiment of the present application, and the method may include the following steps S201 to S205.
In step S201, a first window and a second window are displayed on a page.
In step S202, a first video is played in a first window and a second video is played in a second window.
In step S203, the frame breaking element is controlled to move into the first window from outside the page.
In step S204, the frame breaking element is controlled to move out of the first window and move into the second window, so that the first video and the second video are displayed in a linkage manner.
In step S205, the frame breaking element is controlled to move within the second window until the second window is moved or the page is moved.
In the method, the moving out and the moving in of the broken frame element are displayed in a mode of exceeding the boundary line of the window.
In one embodiment, the steps S203 to S205 may be replaced by the following steps: and controlling the frame breaking element to move into the second window from outside the page, controlling the frame breaking element to move out of the second window and move into the first window, enabling the first video and the second video to be displayed in a linkage mode, and controlling the frame breaking element to move in the first window until the frame breaking element moves out of the first window or moves out of the page.
FIG. 3 is a schematic diagram of a single-row window video linkage according to an embodiment of the present application. As shown in fig. 3, the page has a first window and a second window displayed in a single-column layout. FIG. 3a illustrates the effect of moving a broken frame element from outside the page into the first window, FIG. 3b illustrates the effect of moving a broken frame element from the first window, and FIG. 3c illustrates the effect of moving a broken frame element from the first window into the second window. The three figures are linked to show the linkage effect that the broken frame element moves into the first window from outside the page, then moves out of the first window and then moves into the second window. The above process is a dynamic display process, and the video in the first window and the second window is played synchronously. The size of the frame breaking element can be dynamically changed in the display process, for example, the size of the frame breaking element is changed from big to small to show the moving effect of the frame breaking element from near to far, and the size of the frame breaking element is changed from small to big to show the moving effect of the frame breaking element from far to near.
Another embodiment of the present application provides a video display method, as shown in fig. 4, which is a flowchart of a video display method according to another embodiment of the present application, and the method may include the following steps S401 to S403.
In step S401, a first window and a second window are displayed on a page.
In step S402, a first video is played in a first window and a second video is played in a second window.
In step S403, the first frame breaking element is controlled to move out of the first window and move into the second window, and the second frame breaking element is controlled to move out of the second window and move into the first window, so that the first video and the second video are displayed in a linkage manner.
The moving-out and moving-in of the first frame breaking element and the second frame breaking element are displayed in a mode of exceeding the boundary line of the window. The first frame breaking element and the second frame breaking element may be the same element or may be different elements. In the case where the two are different elements, they may be related elements. Specifically, the first frame breaking element may be an element related to the first video, the second frame breaking element may be an element related to the second video, or the first frame breaking element and the second frame breaking element are both elements related to the first video and the second video, which is not limited in detail in this embodiment.
Fig. 5 is a schematic diagram of a double-frame element video linkage according to an embodiment of the present application. As shown in FIG. 5, two rows of windows are displayed on the page in a double-row typesetting mode, and each row comprises a left window and a right window which are adjacent. Wherein, the upper left row is a first window, and the lower left row is a second window. The figure comprises two broken frame elements: a first broken frame element and a second broken frame element. And in the process that the first window displays the first video and the second window displays the second video, controlling the first frame breaking element to move out of the first window and move into the second window, and controlling the second frame breaking element to move out of the second window and move into the first window. The first frame breaking element and the second frame breaking element may be the same element or different elements. The two broken frame elements show the process of shifting in and out simultaneously, the effect that two broken frame elements of two windows link together has been formed, and the mode of breaking through window boundary has made bore hole 3D's visual experience, brings the stereoscopic perception that has more impact force for the user at vision and psychological level.
Another embodiment of the present application provides a video display method, as shown in fig. 6, which is a flowchart of a video display method according to another embodiment of the present application, and the method may include the following steps S601 to S603.
At step S601, at least two windows are displayed on the page.
In step S602, a corresponding video is played within each window.
In step S603, in the case that all the sizes of the two windows are displayed on the page, the frame breaking element is controlled to be moved out of one window in the first time period and moved into the other window in the second time period, so that the videos in the two windows are displayed in a linkage manner.
Wherein, the two windows are gradually exposed on the page along with the appointed operation, and the process gradually transits from the partial display of the windows to the complete display of the windows, namely, the whole size is displayed on the page. The first window and the second window are illustratively described. The first window and the second window are two windows which are adjacent up and down, and the up-sliding operation can trigger the windows on the page to scroll upwards for display, so that each window in the window list is gradually revealed. Because broken frame element is based on two window linkage display, consequently, in order to reach better display effect, after first window and the whole size of second window all show on the page, the broken frame element of control appears to avoid influencing broken frame element's animation effect because window shows incompletely.
The movement out and movement in of the broken frame element in this embodiment is displayed in a manner exceeding the boundary line of the window. Specifically, when the broken frame element moves out of a window, the broken frame element is moved out from a part of the area to the outside of the boundary line of the window until the whole area is positioned outside of the boundary line of the window, so that the movement of moving out is completed. When the frame breaking element moves into a window, the frame breaking element is positioned in the window from a part of the area until all the area is positioned in the window, so that the moving-in action is completed.
In one embodiment, the specific values of the first duration and the second duration may be set as required, and the following conditions may be satisfied: and the sum of the first duration and the second duration is smaller than or equal to the total duration of any video in the two windows. Illustratively, the first video is played by the first window and the second video is played by the second window. The total duration of the first video and the second video is the same, and the first duration and the second duration can be divided by selecting a period of time before the total duration, so that the attention of a user can be attracted as soon as possible, the operation of closing the video or switching to other videos by the user is avoided, and the completion rate of video playing is improved. For example, the total duration of the first video and the second video is 15s, 0-3 s is selected as the first duration, and 4-6 s is selected as the second duration, so that the animation display of the broken frame element is completed in 6 s.
FIG. 7 is a diagram illustrating a dual window video linkage according to an embodiment of the present application. As shown in FIG. 7, two rows of windows are displayed on the page in a double-row layout, each row including two adjacent windows on the left and right. Wherein, the window on the left side of the first row is a first window, and the window on the right side is a second window. FIG. 7a illustrates the effect of the broken frame element moving from outside the page into the first window, and FIG. 7b illustrates the effect of the broken frame element continuing to move from the first window into the second window. The frame breaking element moves into the first window from outside the page and moves out of the first window at the time of 0-t 1, and the frame breaking element moves into the second window from the time of t1 to the time of t2 and completely moves into the second window. The 0-t 1 corresponds to a first time length, the t 1-t 2 corresponds to a second time length, and the whole process that the frame breaking element is moved into the first window and then into the second window from outside the page is completed after the first time length and the second time length are elapsed. The process forms the effect of the common linkage of the double windows, breaks through the boundary of the windows, creates the visual experience of naked eyes 3D, and brings the stereoscopic perception with more impact force to the user in visual and psychological aspects.
In the present application, the method provided in any one of the above embodiments may further include: in the case where the broken frame element exceeds the window boundary line and there is a user operation, the display of the broken frame element and the response of the user operation are controlled to be performed independently of each other in parallel.
The parallel mode is that the display of the broken frame element and the response of the user operation are not affected, and the two are performed synchronously, so that mutual interference is not caused. The user action may be varied, including but not limited to: sliding operation, clicking operation, zooming operation, text input operation, picture or expression adding operation and the like. The click operation may include a single click or double click operation, and the direction of the slide operation may also include up, down, left, right, etc.
In one embodiment, the response to the user operation may be performed on the video material layer where the video is located, and the display of the broken frame element may be performed on a transparent layer that is located above the video material layer, where areas other than the broken frame element do not obscure the playback of the underlying video. For users, the video material layer and the transparent layer cannot be perceived by the users, and the visual frame breaking elements and the video are integrated playing pictures. In the playing process, no matter where the user operation falls on the page, the user operation is responded by the video material layer, so that mutual noninterference is ensured.
For example, the movement of the broken frame element is played on the page, and simultaneously, the user performs a sliding operation on the page to trigger the scrolling display of the window list, and at this time, the movement of the broken frame element does not block the sliding operation of the user and the scrolling display of the window list. For another example, two windows on the page display videos based on linkage of broken frame elements, a user executes praise operation or inputs text comments in a text box, the operation of the user is not influenced by moving display of the broken frame elements between the two windows, and the two windows are executed in parallel and independent of each other and are not interfered.
The display of the broken frame element and the response of the user operation are controlled to be executed independently in a parallel mode, and even if the broken frame display of the broken frame element and the user operation occur at the same moment, the broken frame display can not block the behavior of the user and can not influence the response to the user operation, so that the user interference is reduced to the minimum degree, and the user experience is greatly improved.
In the embodiment of the application, changing the size of the window includes making the size of the window larger or making the size of the window smaller, which can be realized by extending the window or contracting the window. When the size of the window is increased, the video area displayed by the window is increased, and when the size of the window is decreased, the video area displayed by the window is decreased.
Another embodiment of the present application provides a video display method, as shown in fig. 8, which is a flowchart of a video display method according to another embodiment of the present application, and the method may include the following steps S801 to S802.
In step S801, for a current window displayed on a page, the current window is stretched in a second direction in response to a sliding operation in a first direction, and a video display area within the current window is controlled to increase with the stretching.
In one embodiment, the maximum dimension of the current window extending in the second direction may be the size of two windows, i.e., the extension is stopped if the current window extends to the size of two windows.
In step S802, in response to the sliding operation in the second direction, the current window is contracted in the first direction, and the video display area within the current window is controlled to decrease with the contraction.
The current window may be any window on the page, including a window where a broken frame element is located or a window where a non-broken frame element is located. The first direction and the second direction are opposite and are both the sliding directions of the windows in the list of windows on the page. Illustratively, the first direction may be upward, the second direction may be downward, or vice versa, without limitation.
In one embodiment, the minimum size of the current window that is contracted in the first direction may be the size of one window, i.e., the contraction is stopped if the current window is contracted to the size of one window.
FIG. 9 is a view of a window in accordance with an embodiment of the present application. As shown in FIG. 9, a page has a plurality of lines of windows displayed in a double-line layout, each line including two adjacent windows on the left and right. Wherein, window E is left on the third row, window F is right, i.e. the current window, and window G is adjacent below window F. Fig. 9a illustrates the original size of the current window F. Fig. 9b illustrates the effect of window stretching, in response to an upward sliding operation, stretching window F in a downward direction causes the window area to become larger until the two windows are sized to cease stretching. As can be seen from the figure, the width of the current window is unchanged after the current window is stretched, and the height is the sum of the heights of the two windows and the gap between the two windows, so that the area of the current window F is the largest. Fig. 9c illustrates the effect of the contraction of the current window F, in response to a sliding down operation, to contract the window F in an upward direction to reduce the window area, and accordingly, the position of the adjacent window G on the lower side is adjusted. The shrinking operation is performed until the size of the window F is restored to the original size (not shown in the figure), so that the alignment of the positions of the windows is ensured, the layout style is uniform, and the optimal display effect is achieved.
According to the embodiment of the application, the trigger window stretches to the mode of area change, the sliding operation window which browses the information flow by the user is gradually unfolded, more information can be carried after the area is enlarged, the readability is improved, and the dynamic stretching can attract the attention of the user, so that the interestingness of the video can be improved, and the interaction of the user is initiated. For the application scene of the video advertisement, the creative and interaction combined mode improves the interest of the advertisement while bearing more advertisement information, brings better exposure to brands, improves the goodness of users to the advertisement, and causes the interactive intention of the users, thereby bringing higher advertisement click rate and bringing more premium space and industry influence to the information stream advertisement of the platform.
In the present application, the first video and the second video related to any of the above embodiments may be displayed on a video material layer, the related broken frame element may be displayed on a transparent layer, and the transparent layer may be located above the video material layer.
FIG. 10 is a multi-layer schematic diagram of an embodiment of the present application. As shown in fig. 10, a page including a window and a video is located on a video material layer, a frame breaking element is located on a transparent layer, and the transparent layer is located above the video material layer, so that an effect of overlapping two layers can be obtained. Based on the transparent layer, the frame breaking elements are displayed, the moving shuttling effect of the frame breaking elements among different windows can be fully displayed, the video linkage effect among the windows is visually realized, and the visual perception of a user is improved.
The embodiment of the application also provides a video display device corresponding to the application scene and the method of the method provided by the embodiment of the application. Fig. 11 is a block diagram of a video display apparatus according to an embodiment of the present application, which may include:
a display module 1101, configured to display at least one window on a page, where a video is played in the window;
the control module 1102 is used for controlling the frame breaking elements to move between the windows to enable the video in the windows to be displayed in a linkage way, or controlling the window size to change in real time along with the specified operation and the video picture size to be matched with the window size in real time;
wherein the movement of the broken frame element between the windows is displayed in a manner exceeding the boundary line of the windows.
In one embodiment, the control module 1102 is further configured to: after controlling the frame breaking element to move between the windows, controlling the frame breaking element to move out of the window where the frame breaking element is currently positioned or move out of the page; and/or before controlling the frame breaking element to move between the windows, controlling the frame breaking element to move into the window from outside the page.
In one embodiment, the control module 1102 is specifically configured to: under the condition that all the sizes of the two windows are displayed on the page, controlling the frame breaking element to move out of one window in a first time period and move into the other window in a second time period, so that videos in the two windows are displayed in a linkage mode; the sum of the first duration and the second duration is smaller than or equal to the total duration of any video in the two windows.
In one embodiment, the control module 1102 is further configured to: controlling another broken frame element to move out of the second window and move into the first window under the condition that the broken frame element moves out of the first window and moves into the second window; or, in the case that the broken frame element is moved out of the second window and moved into the first window, controlling another broken frame element to be moved out of the first window and moved into the second window.
In one embodiment, the control module 1102 is further configured to control the display of the broken frame element and the response of the user operation to be performed independently in parallel when the broken frame element exceeds the window boundary line and there is a user operation.
In one embodiment, the control module 1102 is further configured to control, for any window in the moving process of the frame breaking element, real-time change of the window size following the specified operation and real-time matching of the video frame size to the window size.
In one embodiment, the control module 1102 is configured to: in response to a sliding operation in a first direction, stretching the window in a second direction, controlling the video display area within the window to increase with the stretching; and/or, in response to the sliding operation in the second direction, shrinking the window in the first direction, controlling the video display area within the window to decrease with the shrinking; the first direction and the second direction are opposite and are both the sliding directions of the windows in the window list on the page.
In one embodiment, the largest dimension of the window extending in the second direction is the dimension of two windows, and the smallest dimension of the window shrinking in the first direction is the dimension of one window.
In one embodiment, the video is displayed on a video material layer, and the break element is displayed on a transparent layer, the transparent layer being located above the video material layer.
In one embodiment, the window through which the frame breaking element moves includes at least two windows adjacent to each other left and right or adjacent to each other up and down within the page.
The functions of each module in each device of the embodiment of the present application may be referred to the corresponding descriptions in the above methods, and have corresponding beneficial effects, which are not described herein.
According to the device provided by the embodiment, at least one window is displayed on the page, the frame breaking elements are controlled to move between the windows so that video in the windows can be displayed in a linkage mode, the effect of frame breaking display is achieved, visual perception of video playing is improved, and visual experience of naked eyes 3D is brought. The moving-out and moving-in of the broken frame elements show an animation playing effect in a broken frame form, namely, the visual sense that the broken frame elements fly out of one window and fly into the other window is brought to a user, the effect of naked eye 3D can be achieved, the sense is stimulated, the originality is highlighted, the originality playing space is larger, the attention of the user is attracted, the user is enabled to experience high immersion degree, the stereoscopic perception of impact force is brought to both visual and psychological aspects, the completion rate and the click rate of video playing are greatly enhanced, and the playing effect of video is improved. The control window size changes along with the appointed operation in real time, the video picture size matches the window size in real time, the dynamic change of the size can attract the attention of the user, and the interestingness of video playing is improved.
Fig. 12 is a block diagram of an electronic device used to implement an embodiment of the application. As shown in fig. 12, the electronic device includes: a memory 1210 and a processor 1220, the memory 1210 storing a computer program executable on the processor 1220. Processor 1220, when executing the computer program, implements the methods of the embodiments described above. The number of memory 1210 and processor 1220 may be one or more.
The electronic device further includes:
the communication interface 1230 is used for communicating with external devices for data interactive transmission.
If the memory 1210, the processor 1220 and the communication interface 1230 are implemented separately, the memory 1210, the processor 1220 and the communication interface 1230 may be connected to each other and perform communication with each other through buses. The bus may be an industry standard architecture (Industry Standard Architecture, ISA) bus, an external device interconnect (Peripheral Component Interconnect, PCI) bus, or an extended industry standard architecture (Extended Industry Standard Architecture, EISA) bus, among others. The bus may be classified as an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in fig. 12, but not only one bus or one type of bus.
Alternatively, in a specific implementation, if the memory 1210, the processor 1220 and the communication interface 1230 are integrated on a chip, the memory 1210, the processor 1220 and the communication interface 1230 may perform communication with each other through internal interfaces.
The embodiment of the application provides a computer readable storage medium storing a computer program which, when executed by a processor, implements the method provided in the embodiment of the application.
The embodiment of the application also provides a chip, which comprises a processor and is used for calling the instructions stored in the memory from the memory and running the instructions stored in the memory, so that the communication equipment provided with the chip executes the method provided by the embodiment of the application.
The embodiment of the application also provides a chip, which comprises: the input interface, the output interface, the processor and the memory are connected through an internal connection path, the processor is used for executing codes in the memory, and when the codes are executed, the processor is used for executing the method provided by the application embodiment.
It should be appreciated that the processor may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. A general purpose processor may be a microprocessor or any conventional processor or the like. It is noted that the processor may be a processor supporting an advanced reduced instruction set machine (Advanced RISC Machines, ARM) architecture.
Further alternatively, the memory may include a read-only memory and a random access memory. The memory may be volatile memory or nonvolatile memory, or may include both volatile and nonvolatile memory. The nonvolatile Memory may include Read-Only Memory (ROM), programmable ROM (PROM), erasable Programmable ROM (EPROM), electrically Erasable EPROM (EEPROM), or flash Memory, among others. Volatile memory can include random access memory (Random Access Memory, RAM), which acts as external cache memory. By way of example, and not limitation, many forms of RAM are available. For example, static RAM (SRAM), dynamic RAM (Dynamic Random Access Memory, DRAM), synchronous DRAM (SDRAM), double Data Rate Synchronous DRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous Link DRAM (SLDRAM), and Direct RAM (DR RAM).
In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the processes or functions in accordance with the present application are fully or partially produced. The computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable apparatus. Computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another.
In the description of the present specification, a description referring to terms "one embodiment," "some embodiments," "examples," "specific examples," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the present application. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, the different embodiments or examples described in this specification and the features of the different embodiments or examples may be combined and combined by those skilled in the art without contradiction.
Furthermore, the terms "first," "second," and the like, are used for descriptive purposes only and are not to be construed as indicating or implying a relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include at least one such feature. In the description of the present application, the meaning of "a plurality" is two or more, unless explicitly defined otherwise.
Any process or method described in flow charts or otherwise herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing specific logical functions or steps of the process. And the scope of the preferred embodiments of the present application includes additional implementations in which functions may be performed in a substantially simultaneous manner or in an opposite order from that shown or discussed, including in accordance with the functions that are involved.
Logic and/or steps described in the flowcharts or otherwise described herein, e.g., may be considered a ordered listing of executable instructions for implementing logical functions, can be embodied in any computer-readable medium for use by or in connection with an instruction execution system, apparatus, or device, such as a computer-based system, processor-containing system, or other system that can fetch the instructions from the instruction execution system, apparatus, or device and execute the instructions.
It is to be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above-described embodiments, the various steps or methods may be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system. All or part of the steps of the methods of the embodiments described above may be performed by a program that, when executed, comprises one or a combination of the steps of the method embodiments, instructs the associated hardware to perform the method.
In addition, each functional unit in the embodiments of the present application may be integrated in one processing module, or each unit may exist alone physically, or two or more units may be integrated in one module. The integrated modules may be implemented in hardware or in software functional modules. The integrated modules described above, if implemented in the form of software functional modules and sold or used as a stand-alone product, may also be stored in a computer-readable storage medium. The storage medium may be a read-only memory, a magnetic or optical disk, or the like.
The above description is merely an exemplary embodiment of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily think of various changes or substitutions within the technical scope of the present application, and these should be covered in the scope of the present application. Therefore, the protection scope of the application is subject to the protection scope of the claims.
Claims (12)
1. A method of video display, the method comprising:
displaying at least one window on the page, wherein video is played in the window;
controlling the frame breaking elements to move among the windows to enable videos in the windows to be displayed in a linkage way, and controlling the window size to change in real time along with the specified operation and the video picture size to match the window size in real time for any window in the moving process of the frame breaking elements, wherein the video picture size to match the window size in real time means that the content in the video picture changes along with the change of the window size;
wherein the movement of the broken frame element between windows is displayed in a manner exceeding the boundary line of the windows.
2. The method according to claim 1, wherein the method further comprises:
After the frame breaking element is controlled to move between windows, the frame breaking element is controlled to move out of the window where the frame breaking element is currently located or move out of the page; and/or the number of the groups of groups,
before the frame breaking element is controlled to move between the windows, the frame breaking element is controlled to move into the window where the frame breaking element is currently located from outside the page.
3. The method of claim 1, wherein controlling movement of the frame breaking element between windows causes a video within the windows to be displayed in linkage, comprising:
under the condition that all the sizes of the two windows are displayed on the page, controlling the frame breaking element to move out of one window in a first time period and move into the other window in a second time period, so that videos in the two windows are displayed in a linkage mode;
and the sum of the first time length and the second time length is smaller than or equal to the total time length of any video in the two windows.
4. The method according to claim 1, wherein the method further comprises:
controlling another broken frame element to move out of the second window and move into the first window under the condition that the broken frame element moves out of the first window and moves into the second window; or alternatively, the first and second heat exchangers may be,
and controlling another broken frame element to move out of the first window and move into the second window under the condition that the broken frame element moves out of the second window and moves into the first window.
5. The method according to claim 1, wherein the method further comprises:
and controlling the display of the broken frame element and the response of the user operation to be respectively and independently executed in a parallel mode under the condition that the broken frame element exceeds the boundary line of the window and the user operation exists.
6. The method of claim 1, wherein controlling window size to change in real time following a specified operation and video frame size to match window size in real time comprises:
stretching a window in a second direction in response to a sliding operation in a first direction, controlling a video display area within the window to increase with the stretching; and/or the number of the groups of groups,
in response to a sliding operation in the second direction, contracting the window in the first direction, and controlling the video display area in the window to decrease along with the contraction;
the first direction and the second direction are opposite and are both the sliding directions of the windows in the window list on the page.
7. The method of claim 6, wherein the largest dimension of the window extending in the second direction is the dimension of two windows, and the smallest dimension of the window shrinking in the first direction is the dimension of one window.
8. The method of claim 1, wherein the video is displayed on a layer of video material and the broken box element is displayed on a transparent layer, the transparent layer being located above the layer of video material.
9. The method of claim 1, wherein the window through which the break element moves comprises at least two windows that are adjacent left and right or adjacent up and down within the page.
10. A video display apparatus, the apparatus comprising:
the display module is used for displaying at least one window on the page, and videos are played in the window;
the control module is used for controlling the frame breaking elements to move among the windows to enable videos in the windows to be displayed in a linkage way, controlling the window size to change in real time along with the appointed operation and controlling the video picture size to match the window size in real time for any window in the moving process of the frame breaking elements, wherein the video picture size real-time matching the window size means that the content in the video picture changes along with the change of the window size;
wherein the movement of the broken frame element between windows is displayed in a manner exceeding the boundary line of the windows.
11. An electronic device comprising a memory, a processor and a computer program stored on the memory, the processor implementing the method of any one of claims 1-9 when the computer program is executed.
12. A computer readable storage medium having stored therein a computer program which, when executed by a processor, implements the method of any of claims 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211338756.8A CN115967831B (en) | 2022-10-28 | 2022-10-28 | Video display method, device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211338756.8A CN115967831B (en) | 2022-10-28 | 2022-10-28 | Video display method, device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115967831A CN115967831A (en) | 2023-04-14 |
| CN115967831B true CN115967831B (en) | 2023-08-22 |
Family
ID=87360867
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211338756.8A Active CN115967831B (en) | 2022-10-28 | 2022-10-28 | Video display method, device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115967831B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116389817A (en) * | 2023-04-18 | 2023-07-04 | 北京优酷科技有限公司 | Data display method and device, electronic equipment and computer storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575203A (en) * | 2014-08-12 | 2017-04-19 | 微软技术许可有限责任公司 | Hover-based interaction with rendered content |
| CN106683152A (en) * | 2016-11-16 | 2017-05-17 | 腾讯科技（深圳）有限公司 | Three-dimensional visual sense effect simulation method and apparatus |
| CN106802759A (en) * | 2016-12-21 | 2017-06-06 | 华为技术有限公司 | The method and terminal device of video playback |
| CN112055247A (en) * | 2020-09-11 | 2020-12-08 | 北京爱奇艺科技有限公司 | Video playing method, device, system and storage medium |
| CN114416227A (en) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | Window switching method, electronic device and readable storage medium |
| WO2022111569A1 (en) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | Page switching display method and apparatus, storage medium, and electronic device |
| CN114579223A (en) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | Interface layout method, electronic equipment and computer readable storage medium |
| CN114866860A (en) * | 2021-01-20 | 2022-08-05 | 华为技术有限公司 | Video playing method and electronic equipment |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140279025A1 (en) * | 2013-03-14 | 2014-09-18 | Celtra Inc. | Methods and apparatus for display of mobile advertising content |
| US20150304698A1 (en) * | 2014-04-21 | 2015-10-22 | Eyesee, Lda | Dynamic Interactive Advertisement Insertion |
| US11244103B2 (en) * | 2014-10-25 | 2022-02-08 | Yieldmo, Inc. | System and method for serving interactive advertising content with responsive animations |
| US9852759B2 (en) * | 2014-10-25 | 2017-12-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
-
2022
- 2022-10-28 CN CN202211338756.8A patent/CN115967831B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575203A (en) * | 2014-08-12 | 2017-04-19 | 微软技术许可有限责任公司 | Hover-based interaction with rendered content |
| CN106683152A (en) * | 2016-11-16 | 2017-05-17 | 腾讯科技（深圳）有限公司 | Three-dimensional visual sense effect simulation method and apparatus |
| CN106802759A (en) * | 2016-12-21 | 2017-06-06 | 华为技术有限公司 | The method and terminal device of video playback |
| CN112055247A (en) * | 2020-09-11 | 2020-12-08 | 北京爱奇艺科技有限公司 | Video playing method, device, system and storage medium |
| WO2022111569A1 (en) * | 2020-11-25 | 2022-06-02 | 北京有竹居网络技术有限公司 | Page switching display method and apparatus, storage medium, and electronic device |
| CN114579223A (en) * | 2020-12-02 | 2022-06-03 | 华为技术有限公司 | Interface layout method, electronic equipment and computer readable storage medium |
| CN114866860A (en) * | 2021-01-20 | 2022-08-05 | 华为技术有限公司 | Video playing method and electronic equipment |
| CN114416227A (en) * | 2021-11-16 | 2022-04-29 | 华为技术有限公司 | Window switching method, electronic device and readable storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 《液晶与显示》2009年和2010年刊登的主要论文题名;液晶与显示(第04期) * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115967831A (en) | 2023-04-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11218776B2 (en) | Method for pushing video information, apparatus, device and storage medium | |
| CN106156066B (en) | Page switching method, device and client | |
| US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
| US20150304698A1 (en) | Dynamic Interactive Advertisement Insertion | |
| CN105637464B (en) | Rolling for website and content terminates effect | |
| US10878175B2 (en) | Portlet display on portable computing devices | |
| CN105187939A (en) | Method and device of playing video in webpage game | |
| US11244103B2 (en) | System and method for serving interactive advertising content with responsive animations | |
| US9817831B2 (en) | Monetization of multimedia queries | |
| US20120022926A1 (en) | Process for increasing visibility of animated advertisements | |
| CN115967831B (en) | Video display method, device, electronic equipment and storage medium | |
| US20150019341A1 (en) | System and method for displaying information on mobile devices | |
| WO2015078260A1 (en) | Method and device for playing video content | |
| CN104216885B (en) | Recommendation system and method for automatically combining static and dynamic recommendation reasons | |
| CN111212313A (en) | Advertisement display method, device, storage medium and computer equipment | |
| CN108008894B (en) | Content display method and device and terminal equipment | |
| CN107071574A (en) | Intelligent television method for page jump | |
| US20140215383A1 (en) | Parallax scrolling user interface | |
| TW201935217A (en) | Interface display method and apparatus, device, and storage medium | |
| CN105630893A (en) | Display method and device of photo title | |
| CN112464301A (en) | Image display method and device | |
| CN110971955B (en) | Page processing method and device, electronic equipment and storage medium | |
| KR101687377B1 (en) | Method of preparing an advertisement images on image materials, preparation system using the same, and playing method on prepared image data | |
| CN114222965A (en) | Control method, program, and terminal | |
| CN114245893A (en) | Control method, program, and terminal |
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 |