CN115967831A - Video display method and device, electronic equipment and storage medium - Google Patents
Video display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN115967831A CN115967831A CN202211338756.8A CN202211338756A CN115967831A CN 115967831 A CN115967831 A CN 115967831A CN 202211338756 A CN202211338756 A CN 202211338756A CN 115967831 A CN115967831 A CN 115967831A
- Authority
- CN
- China
- Prior art keywords
- window
- windows
- video
- frame
- size
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
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 a video is played in the window; controlling the frame-breaking element to move between the windows to enable the video in the windows to be displayed in a linkage manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time; wherein the movement of the frame-breaking element between the windows is displayed in a manner of exceeding the borderline of the windows. According to this application embodiment, make the video linkage display in the window based on broken frame element, improve the visual experience of video broadcast, bring bore hole 3D's visual experience, perhaps attract user's attention based on window size dynamic change, promote the interest of video broadcast.
Description
Technical Field
The present application relates to the field of video technologies, and in particular, to a video display method and apparatus, an electronic device, and a storage medium.
Background
At present, the information flow advertisement generally adopts a static picture or video mode, and the advertisement is put on target people at an advertisement position of a gold position. However, the user has developed immunity to this common advertisement form, which causes fatigue, and the advertisement is easily overlooked, thereby affecting the click rate of the advertisement.
Disclosure of Invention
The embodiment of the application provides a video display method and 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 a page, wherein a video is played in the window;
controlling the frame-breaking element to move between the windows to enable the video in the windows to be displayed in a linkage manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time;
wherein the movement of the frame-breaking element between the windows is displayed in a manner of exceeding the borderline 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 a 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 the video in the windows to be displayed in a linkage manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time;
wherein the movement of the frame-breaking element between the windows is displayed in a manner of exceeding the borderline 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, where the processor implements the method of any one of the above when executing the computer program.
In a fourth aspect, the present application provides a computer-readable storage medium, in which a computer program is stored, and the computer program, when executed by a processor, implements the method of any one of the above.
Compared with the prior art, the method has the following advantages:
at least one window is displayed on a page, and the frame-breaking elements are controlled to move among the windows to enable videos in the windows to be displayed in a linkage mode, so that the effect of frame-breaking display is achieved, the visual perception of video playing is improved, and the naked eye 3D visual experience is brought; the size of the window is controlled to change in real time along with the specified operation, and the size of the video picture is matched with the size of the window in real time, so that the dynamic change of the size can attract the attention of a user, and the interestingness of video playing is improved.
The foregoing description is only an overview of the technical solutions of the present application, and the following detailed description of the present application is given to enable the technical means of the present application to be more clearly understood and to enable the above and other objects, features, and advantages of the present application to be more clearly understood.
Drawings
In the drawings, like reference characters designate like or similar parts or elements throughout the several views unless otherwise specified. The figures are not necessarily to scale. It is appreciated that these drawings depict only some embodiments in accordance with the application and are not to be considered limiting of its scope.
FIG. 1 is a flowchart illustrating a video display method according to an embodiment of the present application;
FIG. 2 is a flowchart illustrating a video display method according to another embodiment of the present application;
FIG. 3 is a schematic diagram of a single-row window video linkage according to 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 dual-broken-box 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 dual-viewport 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 schematic view of a telescopic window according to another embodiment of the present application;
FIG. 10 is a schematic diagram of multiple layers according to another embodiment of the present application;
fig. 11 is a block diagram of a video display device according to an embodiment of the present application; and
FIG. 12 is a block diagram of an electronic device used to implement embodiments of the present application.
Detailed Description
In the following, only certain exemplary embodiments are briefly described. As those skilled in the art will recognize, the described embodiments may be modified in various 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 description is made of related art of the embodiments of the present application. The following related arts as alternatives can be arbitrarily combined with the technical solutions of the embodiments of the present application, and all of them belong to the scope of the embodiments of the present application.
The terms referred to in the present application will be explained first.
Information flow: refers to a published information set, which may include a plurality of pieces of information, and is usually displayed on a page, and a user may browse or select desired information to view. The information in the information stream includes, but is not limited to, still pictures, moving pictures, or videos.
Single/double column information flow: the information flow is typeset on a page in a single-column or double-column mode, wherein single column means that one row only comprises one piece of information, and double columns means that one row comprises two pieces of information.
A window: also referred to as cards, refer to windows that display information, typically one window displaying a piece of information, the size of the window depending on the size of the page.
Frame breaking elements: refers to elements that are displayed beyond the border line of the window. Generally, a certain related 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: a computer, a mobile terminal, a tablet computer, a notebook computer or a server, etc. On the screen of the electronic equipment, the video display method can be realized through a window on a page. The specific application scenario may be various, including but not limited to an application page display or a website page display. For example, the video display method is executed on an application page of a mobile phone or a website page browsed in a browser of a computer, and is not limited specifically. The video content involved in embodiments of the present application may be of various types including, but not limited to, news, finance, sports, entertainment, movies, episodes, or advertisements.
An embodiment of the present application provides a video display method, and as shown in fig. 1, the video display method according to an embodiment of the present application includes the following steps S101 to S102.
In step S101, at least one window is displayed on a page, and a video is played in the window.
Wherein, the number of windows on the page can be one or more. In one embodiment, at least two views, including a first view and a second view, are displayed on a page. For example, the first window and the second window may be two windows adjacent to each other left and right or up and down in the page, and this embodiment is not limited in particular. In addition, the first window and the second window may be the same size or different sizes. In one embodiment, the first window and the second window may be of the same size, so that the movement of the frame-breaking element between the two windows can be smoothly linked, 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 the page has a plurality of windows displayed thereon and is displayed in a double-row typesetting manner, that is, a plurality of rows are provided on the page, and each row includes two windows and is arranged in a left-right manner. The user can browse each window through the up-and-down sliding operation, so that the user can find the video to be viewed and execute the clicking viewing and other operations.
In step S102, the frame-broken elements are controlled to move between the windows to display the video in the windows in a linkage manner, or the window size is controlled to change in real time following the specified operation and the video frame size is controlled to match the window size in real time.
The video in each window on the page may be a content-related video or a content-unrelated video. In order to create better visual effect, at least two videos with certain relevance of contents can be selected to be respectively displayed in the window through which the frame-breaking element moves.
The above-mentioned designated operation may be a user operation, and includes various types, such as a sliding operation, a clicking operation, an input operation, a zooming operation, and the like, and is not limited in particular.
The above-mentioned real-time matching of the video frame size to the window size means that the video frame covers all the area of the window. In the process of real-time dynamic matching, the content in the video pictures shows more pictures as the window size becomes larger, and shows less pictures as the window size becomes smaller. The more pictures can be understood as the parts of the original pictures of the video which are not shown due to the limitation of the window size, the more pictures are gradually shown along with the dynamic adjustment, the picture which is shown to be the largest when the window size is the largest, and the areas which are visually shaded by the window are gradually shown in the video pictures. The less-visible pictures can be understood as that the video pictures gradually disappear from the peripheral area as the size of the window becomes smaller, the video pictures cannot be displayed in the window, and the video pictures only remain pictures with the area consistent with that of the window. It is worth mentioning that, in the above process, the video picture is not scaled in the process of dynamically matching the size, but the central area of the video picture is always displayed in the central area of the window, the edge area of the video picture is displayed more or less along with the dynamic matching, and the playing scale of the picture is not changed in the whole playing process, so that the feeling of the user watching the video due to the real-time dynamic matching is not affected.
Illustratively, the description will be given taking a video linkage display in two windows as an example. The first video in the first window is a publicity video short 1 of a certain advertisement, and the second video in the second window is a publicity video short 2 of the advertisement, and the two videos have certain correlation and are not identical. In the process of synchronously playing the two videos, because the contents have certain correlation and the same advertisement is advertised, a better advertising effect can be achieved, and rich visual perception is brought to users.
Wherein movement of the framing elements between windows (including movement of framing elements out of and in) is displayed beyond the window border. The frame-broken element may be an object related to the video content, such as a subject object in the video. The object can be displayed independently, and the effect of playing the three-dimensional video is created by matching the playing of the video in the window. Illustratively, the video content is a video displayed by mobile phone related information, the frame-breaking element may be a mobile phone of a specific model, and the frame-breaking element is moved out from and moved into the two windows to be displayed in a mode of exceeding the border 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 the windows to display the video linkage in the windows 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 manner; 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 manner; wherein, 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 the frame-breaking elements are controlled to move between the windows, the frame-breaking elements are controlled to move out of the current window or out of the page; and/or, before the control frame element moves between the windows, the control frame element moves from the outside of the page to the current window.
In one embodiment, controlling the movement of the frame-breaking element between the windows to cause the video in the windows to be displayed in a linked manner may include: and under the condition that the whole sizes of the two windows are displayed on the page, the frame-breaking element is controlled to move out of one window in the first time length and move into the other window in the second time length, so that the videos in the two windows are displayed in a linkage manner. And the sum of the first duration and the second duration is less than or equal to the total duration of any video in the two windows.
In one embodiment, the method may further include:
under the condition that the frame-breaking element is moved out of the first window and moved into the second window, controlling another frame-breaking element to be moved out of the second window and moved into the first window; or, under the condition that the frame-breaking element is moved out of the second window and moved into the first window, another frame-breaking element is controlled 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 box element exceeds the window borderline and there is a user operation, controlling the display of the box element and the response of the user operation are each independently performed in a parallel manner.
In one embodiment, the method may further include:
and for any window in the moving process of the frame-breaking element, controlling the size of the window to change in real time along with the specified operation and controlling the size of the video picture to be matched with the size of the window in real time.
According to the method provided by the embodiment, at least one window is displayed on the page, and the frame-broken elements are controlled to move between the windows to enable the video in the windows to be displayed in a linkage manner, so that the frame-broken display effect is achieved, the visual experience of video playing is improved, and the naked eye 3D visual experience is brought. On the one hand, the removal and the immigration of broken frame element show the animation broadcast effect of a broken frame form, what bring for the user in the vision promptly is broken frame element by a window departure and fly into the impression of another window, can reach bore hole 3D's effect, amazing sense organ, the strong eye-catching, the prominent intention, have bigger intention performance space, attract user's attention, make user's high immersion experience, all bring the three-dimensional perception that more has the impact force at vision and psychological aspect, greatly strengthen the completion rate and the click rate of video broadcast, improve the broadcast effect of video. Under the advertisement application scene, the frame breaking element can reduce the interference on the user, uninteresting video users can browse through sliding operation, the advertisement waiting time is not needed, or the action of closing the advertisement is not needed, and the user experience is more friendly. The video linkage based on the broken frame element breaks through the form of the broken frame advertisement, the broken frame element is linked with the left and right or up and down adjacent windows, the broken frame is more vivid, the originality of the broken frame advertisement is further improved, higher-quality attention is brought to the exposure of the advertisement brand, and the conflict of a user on marketing is reduced. On the other hand, the size of the window is controlled to change in real time along with the designated operation, and the size of the video picture is matched with the size of the window in real time, so that the dynamic change of the size can attract the attention of a user, the interestingness of video playing is improved, and the interaction of the user is caused.
Another embodiment of the present application provides a video display method, and as shown in fig. 2, a flowchart of the video display method according to another embodiment of the present application 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 the first window and a second video is played in the second window.
In step S203, the control box element is moved from outside the page into the first window.
In step S204, the frame-broken 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 linked manner.
In step S205, the frame-broken element is controlled to continue moving in the second window until the second window is moved out or the page is moved out.
In the method, the frame-breaking element is moved out and moved in a mode of exceeding the borderline of the window.
In one embodiment, the above steps S203-S205 may be replaced by the following steps: and controlling the frame breaking element to move into the second window from the outside of the page, then 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 manner, and then controlling the frame breaking element to continuously move in the first window until the frame breaking element moves out of the first window or the page.
FIG. 3 is a diagram illustrating video linking with a single window according to an embodiment of the present application. As shown in fig. 3, a first window and a second window are displayed on a page in a single-column layout manner. Fig. 3a illustrates the effect of moving a frame-breaking element from outside the page into the first window, fig. 3b illustrates the effect of moving the frame-breaking element out of the first window, and fig. 3c illustrates the effect of moving the frame-breaking element out of the first window and into the second window. The linkage effect that the frame-broken elements are moved into the first window from the outside of the page, then moved out of the first window and then moved into the second window is displayed when the three pictures are connected. 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 changes from large to small to show the moving effect of the frame-breaking element from near to far, and the size of the frame-breaking element changes from small to large 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, and as shown in fig. 4, a flowchart of the video display method according to another embodiment of the present application 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-broken element is controlled to move out of the first window and move into the second window, and the second frame-broken 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 linked manner.
And the moving-out and moving-in of the first broken frame element and the second broken frame element are displayed in a mode of exceeding the boundary line of the window. In addition, the first broken element and the second broken element may be the same element or different elements. In the case where the two are different elements, they may be related elements. Specifically, the first frame element may be an element related to the first video, the second frame element may be an element related to the second video, or both the first frame element and the second frame element are elements related to both the first video and the second video, which is not specifically limited in this embodiment.
Fig. 5 is a schematic diagram of a dual-frame 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 two-row typesetting manner, and each row includes two adjacent windows on the left and right. Wherein, the upper part of the left column is a first window, and the lower part of the left column is a second window. The diagram includes two broken box elements: a first broken frame element and a second broken frame element. And in the process of displaying the first video in the first window and displaying the second video in the second window, 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 element and the second frame element may be the same element or different elements. The two broken frame elements show the process of moving in and out simultaneously, the effect of common linkage of the two broken frame elements of the double windows is formed, the naked eye 3D visual experience is created by the mode of breaking through the window boundary, and the stereoscopic perception with more impact force is brought to users in both visual and psychological aspects.
Another embodiment of the present application provides a video display method, as shown in fig. 6, which is a flowchart of the video display method according to another embodiment of the present application, and the method may include the following steps S601 to S603.
In step S601, at least two windows are displayed on a page.
In step S602, a corresponding video is played in each window.
In step S603, in the case that all the sizes of the two windows are displayed on the page, the frame-broken element is controlled to move out of one window in the first time period and move into the other window in the second time period, so that the videos in the two windows are displayed in a linked manner.
The two windows are gradually exposed on the page along with the designated operation, and the process is gradually transited from the partial display of the window to the full display of the window, namely the whole size is displayed on the page. Illustratively, the first window and the second window are taken as an example for explanation. The first window and the second window are two adjacent windows up and down, and the upward sliding operation can trigger the windows on the page to be displayed in an upward rolling manner, so that each window in the window list is gradually exposed. Because the frame-breaking element is displayed based on the linkage of the two windows, in order to achieve a better display effect, after the whole sizes of the first window and the second window are displayed on the page, the frame-breaking element is controlled to appear, so that the animation effect of the frame-breaking element is prevented from being influenced due to incomplete display of the windows.
The move-out and move-in of the frame-breaking element in this embodiment are displayed in a manner exceeding the window border line. Specifically, when the frame-breaking element moves out of a window, the frame-breaking element is positioned outside the borderline of the window from a part of the area until the whole area is positioned outside the borderline of the window, so that the movement is completed. When the frame-broken element is moved into a window, the frame-broken element is positioned in the window from partial area until all the area is positioned in the window, thereby completing the movement.
In an embodiment, the first duration and the second duration may be set to specific values as needed, and the following conditions are satisfied: the sum of the first duration and the second duration is less than or equal to the total duration of any video in the two windows. For example, the first window plays a first video and the second window plays a second video. The total time length of the first video and the second video is the same, and the first time length and the second time length can be divided by selecting a previous time period in the total time length, so that the attention of a user can be attracted as soon as possible, the operation that the user closes the video too early or switches to other videos is avoided, and the video playing completion rate is improved. For example, the total duration of the first video and the second video is 15s, 0-3 s are selected as the first duration, and 4-6 s are selected as the second duration, so that the animation display of the frame-breaking element is completed in 6 s.
FIG. 7 is a schematic diagram of dual-viewport 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 manner, and each row includes 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 a frame-broken element moving from outside the page into the first window, and FIG. 7b illustrates the effect of a frame-broken element continuing to move from the first window out and into the second window. The frame-breaking element is moved into the first window and is moved out of the first window from the outside of the page at the time of 0-t 1, and the frame-breaking element is moved into the second window from the time of t1 to be completely moved into the second window at the time of t 2. The time interval from 0 to t1 corresponds to a first time interval, the time interval from t1 to t2 corresponds to a second time interval, and the whole process that the frame-breaking element moves into the first window from the outside of the page and then moves into the second window is completed after the first time interval and the second time interval. The process forms the effect of double-window common linkage, the mode of breaking through the window boundary creates the visual experience of naked eye 3D, and the user is provided with more impact three-dimensional perception in the visual and psychological aspects.
In this application, the method provided in any of the above embodiments may further include: in the case where the box element exceeds the window borderline and there is a user operation, the control of the display of the box element and the response of the user operation are each independently performed in a parallel manner.
The parallel execution mode respectively and independently means that the display of the frame breaking elements and the response of the user operation are not influenced mutually, and the frame breaking elements and the user operation are synchronously performed without mutual interference. The user operations may be various, including but not limited to: sliding operation, clicking operation, zooming operation, character input operation, picture or expression adding operation and the like. The clicking operation may include a single-click or double-click operation, and the direction of the sliding operation may also include upward, downward, leftward or rightward, and the like.
In one embodiment, the response to the user action may be performed on a layer of video material on which the video is located, and the display of the framing elements may be performed on a transparent layer that is positioned above the layer of video material, such that the area other than the framing elements does not obscure the playing of the underlying video. For users, the video material layer and the transparent layer cannot be perceived by the users, and the frame-breaking element and the video are visually integrated playing pictures. In the playing process, no matter where the user operation falls on the page, the video material layer responds, and therefore mutual noninterference is guaranteed.
For example, the user performs a sliding operation on the page to trigger the scrolling display of the window list while playing the movement of the frame-broken element on the page, and at this time, the movement of the frame-broken element does not block the sliding operation of the user and the scrolling display of the window list. For another example, the two windows on the page display videos based on the frame-breaking element in a linkage manner, the user performs a praise operation or inputs a text comment in the text box, the user operation is not influenced by the moving display of the frame-breaking element between the two windows, and the two windows execute in parallel and are independent of each other and are not interfered.
The display of the control frame-breaking element and the response of the user operation are independently executed in a parallel mode, even if the frame-breaking display of the frame-breaking element and the user operation occur at the same moment, the frame-breaking display cannot block the behavior of the user, and the response of the user operation cannot be influenced, so that the user interference is reduced to the minimum degree, and the user experience is greatly improved.
In the embodiment of the present application, changing the size of the window includes increasing the size of the window or decreasing the size of the window, and may be specifically realized by extending 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, and as shown in fig. 8, a flowchart of the video display method according to another embodiment of the present application is shown, and the method may include the following steps S801 to S802.
In step S801, for a current window displayed on a page, in response to a sliding operation in a first direction, the current window is extended in a second direction, and a video display area in the current window is controlled to increase with the extension.
In one embodiment, the maximum size 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 shrunk in the first direction, and the video display area in the current window is controlled to decrease with the shrinking.
The current window may be any window on the page, including a window in which the broken element is located or a window in which the non-broken element is located. The first direction and the second direction are opposite and are sliding directions of windows in a window list on the page. Illustratively, the first direction may be upward and the second direction may be downward, or vice versa, without limitation.
In one embodiment, the minimum size of the current window that is shrunk in the first direction may be the size of one window, i.e., if the current window shrinks to the size of one window, the shrinking is stopped.
Fig. 9 is a schematic view illustrating a telescopic window according to an embodiment of the present application. As shown in FIG. 9, a page is displayed with multiple rows of windows in a two-row layout manner, where each row includes two adjacent windows on the left and right. Wherein, the left side of the third row is the window E, the right side is the window F, i.e. the current window, and the window G is adjacent below the window F. Fig. 9a shows the original size of the current window F. FIG. 9b illustrates the effect of extending the window, extending the window F in a downward direction in response to an upward sliding motion, increasing the area of the window until the two windows are sized. It can be seen from the figure that the width of the current window is unchanged after the current window is extended, and the height is the sum of the heights of the two windows and the gap between the two windows, at this time, the area of the current window F is the largest. FIG. 9c is a schematic view showing the effect of the contraction of the current window F, wherein the window F is contracted in the upward direction to reduce the area of the window in response to the downward sliding operation, and the position of the window G adjacent to the lower side is correspondingly 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 windows is ensured, the layout style is uniform, and the optimal display effect is achieved.
The flexible mode to the area change of trigger window in this application embodiment, along with the sliding operation window that the user browsed the information flow expand gradually, can bear more information content behind the area grow, readability uprises, and the dynamic flexible attention that more can attract the user to can promote the interest of video, initiate user interaction. For the application scene of the video advertisement, the creative idea and interaction combination mode promotes the interest of the advertisement when bearing more advertisement information amount, brings higher-quality exposure for the brand, promotes the good sensitivity of the user to the advertisement, and induces the interaction intention of the user, thereby bringing higher advertisement click rate, and bringing more premium space and industry influence for the information flow advertisement of the platform.
In this application, the first video and the second video referred to in any of the above embodiments may be displayed on a layer of video material, the frame elements referred to may be displayed on a transparent layer, and the transparent layer may be located above the layer of video material.
Fig. 10 is a schematic diagram of multiple layers according to an embodiment of the present application. As shown in fig. 10, the page including the window and the video is located on the video material layer, the frame-breaking element is located on the transparent layer, and the transparent layer is located above the video material layer, so that the effect of superimposing the two layers can be obtained. The frame breaking element is displayed based on the transparent layer, the effect that the frame breaking element moves and shuttles between different windows can be fully displayed, the effect of video linkage between the windows is visually realized, and the visual perception of a user is improved.
Corresponding to the application scenario and the method of the method provided by the embodiment of the application, the embodiment of the application further provides a video display device. Fig. 11 is a block diagram of a video display device according to an embodiment of the present application, where the video display device may include:
the display module 1101 is 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 manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time;
wherein the movement of the frame-breaking element between the windows is displayed in a manner exceeding the border line of the windows.
Under one embodiment, the control module 1102 is further configured to: after the frame-breaking elements are controlled to move between the windows, the frame-breaking elements are controlled to move out of the current window or out of the page; and/or moving the control frame element into the current window from the outside of the page before moving the control frame element between the windows.
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 the first time length and move into the other window in the second time length so as to display the videos in the two windows in a linkage manner; and the sum of the first duration and the second duration is less than or equal to the total duration of any video in the two windows.
Under one embodiment, the control module 1102 is further configured to: under the condition that the frame-breaking element is moved out of the first window and moved into the second window, controlling another frame-breaking element to be moved out of the second window and moved into the first window; or, under the condition that the frame breaking element is moved out of the second window and moved into the first window, controlling another frame breaking 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 frame-breaking element and the response of the user operation to be performed independently in a parallel manner if the frame-breaking element exceeds the border line of the window and the user operation exists.
In one embodiment, the extension module 1102 is further configured to control the window size to change in real time following the specified operation and match the window size in real time with the video frame size for any window in the frame-broken element moving process.
In one embodiment, the control module 1102 is configured to: in response to the sliding operation in the first direction, the window is extended along the second direction, and the video display area in the window is controlled to increase along with the extension; and/or, in response to the sliding operation in the second direction, the window is contracted along the first direction, and the video display area in the window is controlled to be reduced along with the contraction; the first direction and the second direction are opposite and are the sliding directions of the windows in the window list on the page.
In one embodiment, the maximum dimension of the window extending in the second direction is the dimension of two windows, and the minimum dimension of the window contracting in the first direction is the dimension of one window.
In one embodiment, the video is displayed on a layer of video material and the framing elements are displayed on a transparent layer that is positioned over the layer of video material.
In one embodiment, the windows through which the frame-breaking element moves include at least two windows that are adjacent left and right or top and bottom within the page.
The functions of the modules in the apparatuses in the embodiment of the present application may refer to the corresponding descriptions in the above method, and have corresponding beneficial effects, which are not described herein again.
The above-mentioned device that this embodiment provided shows at least one window on the page, and the broken frame element of control moves between the window and makes the video linkage in the window show, reaches the effect that the broken frame shows, improves the visual perception of video broadcast, brings bore hole 3D's visual experience. The moving-out and moving-in of the broken frame element display the animation playing effect of a broken frame form, namely, what is brought to a user visually is that the broken frame element flies out from one window and flies into the experience of another window, the effect of naked eye 3D can be achieved, the sense organ is stimulated, the user is strong in attraction, the creative idea is highlighted, the creative idea is larger in playing space, the attention of the user is attracted, the user is enabled to experience with high immersion degree, the stereoscopic perception with impact force is brought to the visual and psychological aspects, the finishing rate and the click rate of video playing are greatly enhanced, and the video playing effect is improved. The size of the window is controlled to change in real time along with the designated operation, and the size of the video picture is matched with the size of the window in real time, so that the dynamic size change can attract the attention of a user, and the interestingness of video playing is improved.
FIG. 12 is a block diagram of an electronic device used to implement embodiments of the present application. As shown in fig. 12, the electronic apparatus includes: a memory 1210 and a processor 1220, the memory 1210 having stored therein computer programs operable on the processor 1220. The processor 1220, when executing the computer program, implements the method in the above-described embodiments. The number of the memory 1210 and the processor 1220 may be one or more.
The electronic device further includes:
the communication interface 1230 is configured to communicate with an external device for data interactive transmission.
If the memory 1210, the processor 1220, and the communication interface 1230 are implemented independently, the memory 1210, the processor 1220, and the communication interface 1230 may be connected to each other by a bus and perform communication with each other. The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 12, but this is not intended to represent only one bus or type of bus.
Optionally, in an implementation, if the memory 1210, the processor 1220, and the communication interface 1230 are integrated into a chip, the memory 1210, the processor 1220, and the communication interface 1230 may communicate with each other through an internal interface.
Embodiments of the present application provide a computer-readable storage medium, which stores a computer program, and when the program is executed by a processor, the computer program implements the method provided in the embodiments of the present application.
The embodiment of the present application further provides a chip, where the chip includes a processor, and is configured to call and run an instruction stored in a memory from the memory, so that a communication device in which the chip is installed executes the method provided in the embodiment of the present application.
An embodiment of the present application further provides a chip, including: the system comprises an input interface, an output interface, a processor and a memory, wherein 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 embodiment of the application.
It should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic device, discrete hardware component, etc. 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 (ARM) architecture.
Further, optionally, the memory may include a read-only memory and a random access memory. The memory may be either volatile memory or nonvolatile memory, or may include both volatile and nonvolatile memory. The non-volatile Memory may include a Read-Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable PROM (EEPROM), or a flash Memory. Volatile Memory can include Random Access Memory (RAM), which acts as external cache Memory. By way of example, and not limitation, many forms of RAM may be used. For example, static Random Access Memory (Static RAM, SRAM), dynamic Random Access Memory (DRAM), synchronous Dynamic Random Access Memory (SDRAM), double Data Rate Synchronous Dynamic Random Access Memory (DDR SDRAM), enhanced Synchronous SDRAM (ESDRAM), synclink DRAM (SLDRAM), and Direct bus RAM (DR RAM).
In the above embodiments, the implementation may be wholly or partially realized 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. The procedures or functions according to the present application are generated in whole or in part when the computer program instructions are loaded and executed on a computer. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium.
In the description herein, references to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., mean 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 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, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.
Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present application, "a plurality" means two or more unless specifically limited otherwise.
Any process or method described in a flow diagram or otherwise herein may be understood as representing a module, segment, or portion of code, which includes 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 other implementations in which functions may be performed out of the order shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved.
The logic and/or steps described in the flowcharts or otherwise described herein, such as an ordered listing of executable instructions that can be considered to implement 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 should be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. All or part of the steps of the method of the above embodiments may be implemented by hardware that is configured to be instructed to perform the relevant steps by a program, which may be stored in a computer-readable storage medium, and which, when executed, includes one or a combination of the steps of the method embodiments.
In addition, functional units in the embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. The above-described integrated module, if implemented in the form of a software functional module and sold or used as a separate 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 only 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 conceive various changes or substitutions within the technical scope described in the present application, and these should be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (13)
1. A method for video display, the method comprising:
displaying at least one window on a page, wherein a video is played in the window;
controlling the frame-breaking element to move between the windows to enable the video in the windows to be displayed in a linkage manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time;
wherein the movement of the frame-breaking element between the windows is displayed in a manner of exceeding the borderline of the windows.
2. The method of claim 1, further comprising:
after the frame-breaking element is controlled to move between the windows, the frame-breaking element is controlled to move out of the current window or out of the page; and/or the presence of a gas in the gas,
and controlling the frame-broken element to move from the outside of the page into the current window before controlling the frame-broken element to move between the windows.
3. The method of claim 1, wherein controlling movement of the frame-breaking element between the windows causes display of a video linkage within the windows, comprising:
under the condition that all sizes of the two windows are displayed on the page, controlling the frame-breaking elements to move out of one window in a first time length and move into the other window in a second time length so as to display the videos in the two windows in a linkage manner;
and the sum of the first duration and the second duration is less than or equal to the total duration of any video in the two windows.
4. The method of claim 1, further comprising:
under the condition that the frame-breaking element is moved out of the first window and moved into the second window, controlling another frame-breaking element to be moved out of the second window and moved into the first window; or the like, or a combination thereof,
and under the condition that the frame-breaking element is moved out of the second window and moved into the first window, controlling the other frame-breaking element to be moved out of the first window and moved into the second window.
5. The method of claim 1, further comprising:
and under the condition that the frame-broken element exceeds the window borderline and the user operation exists, controlling the display of the frame-broken element and the response of the user operation to be independently executed in a parallel mode.
6. The method of claim 1, further comprising:
and for any window in the moving process of the frame-breaking elements, controlling the size of the window to change in real time along with the specified operation and matching the size of the video picture in real time.
7. The method of claim 1 or 6, 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:
in response to the sliding operation in the first direction, stretching the window in the second direction, and controlling the video display area in the window to increase along with the stretching; and/or the presence of a gas in the atmosphere,
in response to the sliding operation in the second direction, the window is contracted along the first direction, and the video display area in the window is controlled to be reduced along with the contraction;
and the first direction and the second direction are opposite and are the sliding directions of the windows in the window list on the page.
8. The method of claim 7, wherein the maximum dimension of the window extending in the second direction is the dimension of two windows and the minimum dimension of the window contracting in the first direction is the dimension of one window.
9. The method of claim 1, wherein the video is displayed on a layer of video material and the frame-broken elements are displayed on a transparent layer, the transparent layer being positioned over the layer of video material.
10. The method of claim 1, wherein the windows through which the frame-breaking element moves comprise at least two windows that are adjacent left and right or adjacent top and bottom within the page.
11. A video display apparatus, characterized in that the apparatus comprises:
the display module is used for displaying at least one window on a 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 the video in the windows to be displayed in a linkage manner, or controlling the size of the windows to change in real time along with the specified operation and the size of the video picture to be matched with the size of the windows in real time;
and the frame-breaking elements move among the windows in a mode of exceeding the borderlines of the windows.
12. 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-10 when executing the computer program.
13. A computer-readable storage medium, having stored therein a computer program which, when executed by a processor, implements the method of any one of claims 1-10.
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 true CN115967831A (en) | 2023-04-14 |
| CN115967831B 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) |
Cited By (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 (12)
| 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 |
| US20170024098A1 (en) * | 2014-10-25 | 2017-01-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
| 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 |
| US20210312118A1 (en) * | 2014-10-25 | 2021-10-07 | Yieldmo, Inc. | System and method for serving interactive advertising content with responsive animations |
| 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 |
-
2022
- 2022-10-28 CN CN202211338756.8A patent/CN115967831B/en active Active
Patent Citations (12)
| 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 |
| CN106575203A (en) * | 2014-08-12 | 2017-04-19 | 微软技术许可有限责任公司 | Hover-based interaction with rendered content |
| US20170024098A1 (en) * | 2014-10-25 | 2017-01-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
| US20210312118A1 (en) * | 2014-10-25 | 2021-10-07 | Yieldmo, Inc. | System and method for serving interactive advertising content with responsive animations |
| 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 (3)
| Title |
|---|
| "《液晶与显示》2009年和2010年刊登的主要论文题名", 液晶与显示, no. 04 * |
| 卓颖户外: "户外广告联动起来，竟然这么好玩可爱！", Retrieved from the Internet <URL:https://baijiahao.baidu.com/s?id=1722625428761970424&wfr=spider&for=pc> * |
| 啦啦啦啦: "信息流案例分析4-农夫山泉-微信朋友圈广告 - 知乎", pages 1, Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/550574773> * |
Cited By (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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115967831B (en) | 2023-08-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
| CN105637464B (en) | Rolling for website and content terminates effect | |
| US8316300B2 (en) | Persistent visual media player | |
| Baudisch et al. | Fishnet, a fisheye web browser with search term popouts: a comparative evaluation with overview and linear view | |
| US8443277B2 (en) | Digital content enhancement platform | |
| US10878175B2 (en) | Portlet display on portable computing devices | |
| US20110035263A1 (en) | Process for increasing user-interaction rates for document elements | |
| US20200221185A1 (en) | Method for pushing video information, apparatus, device and storage medium | |
| US11244103B2 (en) | System and method for serving interactive advertising content with responsive animations | |
| CN107239528B (en) | Search result display method and device | |
| AU736343B2 (en) | Internet based advertising system | |
| US20120022926A1 (en) | Process for increasing visibility of animated advertisements | |
| WO2018126899A1 (en) | Method and device for displaying video interface | |
| CN106973329A (en) | A kind of barrage player and its method based on HTML5 | |
| US20130124974A1 (en) | System for Assembling Webpage's Region of Other Website into a Webpage of a Website and Method for the Same | |
| CN115967831A (en) | Video display method and device, electronic equipment and storage medium | |
| WO2015078260A1 (en) | Method and device for playing video content | |
| CN109543098A (en) | A kind of update method and device of web advertisement | |
| CN114092370A (en) | Image display method and device, computer equipment and storage medium | |
| CN109522497A (en) | A kind of the adaptation display methods and device of the news web page page | |
| JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
| CN112214972A (en) | Article processing method, article processing device, article processing equipment and computer readable storage medium | |
| CN106445274A (en) | Method and device for processing multi-window page display | |
| KR20000036318A (en) | Advertisement method of bidirectional media | |
| US20160092941A1 (en) | Method for displaying clickable advertisement on web browsers |
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 |