Method and system for constructing novel display area browsing mode
Technical Field
The present application relates to the field of interface layout display, and more particularly, to a method and system for constructing a novel display area browsing manner.
Background
With the rapid development of internet technology, the way in which people acquire information has changed: from the traditional way of books, newspapers, television, broadcasting, etc., then, it becomes to acquire through the internet. In particular, the internet shares rich comprehensive network video resources such as movie and television programs, news, advertisements, chat videos, game videos, monitoring videos and the like, so that the network video becomes an important way for people to learn, socialize and entertain and replace.
The current website, especially the video website, is responsible for providing rich video resources for users, and users can access the on-demand page of the video website through a browser on a terminal to watch various videos which the users want to watch.
Generally, a large number of video resources on the on-demand page are displayed in a mode that representative video screenshots form video thumbnails, so that a user can intuitively and clearly know the approximate content of the corresponding video resources through the video thumbnails, and the browsing experience of the user is improved.
In the prior art, although the arrangement modes of the video thumbnails in the on-demand page are arranged according to different categories (for example, the video thumbnails are arranged and classified in the manners of movies, dramas, news, sports, and the like), the arrangement attributes are not strong, and the whole arrangement mode is messy.
Moreover, importantly, screen resolutions of terminals used when a user accesses a website are different, and under the condition that a terminal screen is fixed, the higher the resolution is, the higher the display precision is, the higher the resolution is, a screen can display more contents, and a display effect brought about correspondingly is reduction of the size of the displayed contents, so that video thumbnails are intensively displayed in a page, viewing discomfort is caused, and browsing experience of the user is seriously influenced.
Disclosure of Invention
In view of this, a technical problem to be solved by the present application is to provide a method and a system for constructing a novel display area browsing manner, so as to solve the problem that, under the condition that a terminal screen is fixed, the higher the resolution ratio is, the higher the display accuracy is, the higher the resolution ratio is, a screen with the higher resolution ratio can display more contents, and a corresponding display effect is that the size of the displayed contents is reduced, so that video thumbnails are densely displayed in a page, which causes viewing discomfort and seriously affects the browsing experience of a user.
In order to solve the above technical problem, the present application provides a method for constructing a novel display area browsing manner, which is characterized by comprising:
the method comprises the following steps that a display window of a browser is divided into at least three parts by a server, wherein the three parts are respectively a navigation view area, a display area and a video selection list area, and the display area is arranged in an area in the video selection list area;
when the browser receives information display content needing to acquire the video selection list from the server, the server displays the browsing presentation mode of the video selection list in the video selection list area in a display window of the browser according to a perspective card type display mode;
when the server receives indication information sent by the browser for calling a certain video playing file in the video selection list displayed in the column display mode, the display area arranged in the video selection list area is displayed in a display window of the browser, the called video playing file is played in the display area, and other areas except the display area in the video selection list area continue to display the video selection list in a perspective card type display mode.
Preferably, the server divides the display window of the browser into at least three parts, which are a navigation view area, a presentation area and a video selection list area, respectively, the presentation area is arranged in an area in the video selection list area, and further:
the server divides the display window of the browser into at least three parts, namely a navigation view area, a display area and a video selection list area, wherein,
the navigation view area is arranged at the uppermost position of the display window and occupies at least one eighth of the display window;
the display area is arranged in an area in the video selection list area, and when the display area is presented in a display window of the browser, the display area occupies at least one half of the video selection list area and is positioned between the navigation view area and the video selection list area.
Preferably, wherein, further comprising:
when the server receives indication information of closing the display area sent by the browser, the server indicates the browser to close the display area in the display window and play the called video playing file, and all the video selection list areas in the display window are used for displaying in a perspective card type display mode.
Preferably, the navigation view area arranged at the uppermost position of the display window occupies at least one eighth of the display window; further still include:
the navigation view area is arranged at the uppermost or lowermost position of the display window and occupies at least one eighth of the display window.
Preferably, the browser is a browser with a touch operation interface or a remote operation interface mode.
In order to solve the above technical problem, the present application further provides a system for constructing a novel display area browsing manner, the system being disposed in a server and coupled to a browser, and the system comprising: the device comprises a presetting unit, a browsing conversion unit and a layout unit; wherein,
the preset unit is used for dividing a display window of the browser into at least three parts, namely a navigation view area, a display area and a video selection list area, wherein the display area is arranged in an area in the video selection list area;
the browsing conversion unit is used for displaying the browsing presentation mode of the video selection list in a video selection list area in a display window of the browser according to a perspective card type display mode when the browser receives information display content needing to acquire the video selection list from the server;
the layout unit is configured to, when receiving indication information sent from the browser to invoke a certain video playing file in the video selection list displayed in the columnar display manner, present the display area set in the video selection list area in the display window of the browser, play the invoked video playing file in the display area, and continue to display the video selection list in a see-through card type display manner in other areas except the display area in the video selection list area.
Preferably, the preset unit is further configured to divide the display window of the browser into at least three parts, which are a navigation view area, a presentation area and a video selection list area, respectively, wherein,
the navigation view area is arranged at the uppermost position of the display window and occupies at least one eighth of the display window;
the display area is arranged in an area in the video selection list area, and when the display area is presented in a display window of the browser, the display area occupies at least one half of the video selection list area and is positioned between the navigation view area and the video selection list area.
Preferably, the layout unit is further configured to instruct the browser to close the display area in the display window and play the called video playing file therein when receiving instruction information for closing the display area sent from the browser, where all the video selection list areas in the display window are used for displaying in a see-through card type display manner.
Preferably, the navigation view area arranged at the uppermost position of the display window occupies at least one eighth of the display window; further still include:
the navigation view area is arranged at the uppermost or lowermost position of the display window and occupies at least one eighth of the display window.
Preferably, the browser is a browser with a touch operation interface or a remote operation interface mode.
Compared with the prior art, the method and the system have the advantages that:
(1) the method and the device solve the problems that under the condition that the terminal screen is fixed, the higher the resolution ratio is, the higher the display precision is, the higher the resolution ratio is, the screen can display more contents, and the corresponding display effect is that the size of the displayed contents is reduced, so that the video thumbnails are densely displayed in the page, the viewing discomfort is caused, and the browsing experience of a user is seriously influenced.
(2) The invention can also adopt a browsing mode of a perspective card type + a display area: the top of the selected object slides out of the display area, so that the operation of selecting and browsing other objects is not influenced when the user watches dynamic effects in the display area; meanwhile, in order to ensure smooth browsing experience of a user, when the user slides up the browsing area object, the display area is displayed in half, so that the user can conveniently select browsing without influencing the operation of watching dynamic effects in the display area; the effect of selecting other object display areas is replaced and fully displayed.
Of course, it is not necessary for any one product to achieve all of the above-described technical effects simultaneously.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
fig. 1 is a flowchart of a method for constructing a novel display area browsing manner according to an embodiment of the present application;
fig. 2 is a flowchart of a method for constructing a novel display area browsing manner according to a second embodiment of the present application;
fig. 3 and fig. 4 are an exploded view of an effect display image and a display window on a screen of a terminal after an application according to a third embodiment of the present application is implemented;
fig. 5 is a block diagram of a system for constructing a novel display area browsing manner according to a fourth embodiment of the present application.
Detailed Description
As used in the specification and in the claims, certain terms are used to refer to particular components. As one skilled in the art will appreciate, manufacturers may refer to a component by different names. This specification and claims do not intend to distinguish between components that differ in name but not function. In the following description and in the claims, the terms "include" and "comprise" are used in an open-ended fashion, and thus should be interpreted to mean "include, but not limited to. "substantially" means within an acceptable error range, and a person skilled in the art can solve the technical problem within a certain error range to substantially achieve the technical effect. Furthermore, the term "coupled" is intended to encompass any direct or indirect electrical coupling. Thus, if a first device couples to a second device, that connection may be through a direct electrical coupling or through an indirect electrical coupling via other devices and couplings. The description which follows is a preferred embodiment of the present application, but is made for the purpose of illustrating the general principles of the application and not for the purpose of limiting the scope of the application. The protection scope of the present application shall be subject to the definitions of the appended claims.
Implement method
As shown in fig. 1, an embodiment of the present invention discloses a method for constructing a novel display area browsing manner, which is characterized by including:
step 101, a server divides a display window of a browser into at least three parts, namely a navigation view area, a display area and a video selection list area, wherein the display area is arranged in an area in the video selection list area;
102, when the browser receives information display content of the video selection list required to be acquired from the server, the server displays the browsing presentation mode of the video selection list in the video selection list area in a display window of the browser according to a perspective card type display mode;
step 103, when the server receives the indication information sent by the browser to invoke a certain video playing file in the video selection list displayed in the subfield display mode, the display area set in the video selection list area is displayed in the display window of the browser, the invoked video playing file is played in the display area, and other areas except the display area in the video selection list area continue to display the video selection list in a see-through card type display mode.
Specifically, the aforementioned server divides a display window of the browser into at least three parts, which are a navigation view area, a presentation area, and a video selection list area, respectively, where the presentation area is disposed in an area in the video selection list area, and further includes:
the server divides the display window of the browser into at least three parts, namely a navigation view area, a display area and a video selection list area, wherein,
the navigation view area is arranged at the uppermost position of the display window and occupies at least one eighth of the display window;
the display area is arranged in an area in the video selection list area, and when the display area is presented in a display window of the browser, the display area occupies at least one half of the video selection list area and is positioned between the navigation view area and the video selection list area. Of course, the position of the presentation area is not specifically limited here, and may also be set at the lowest position in the video selection list area.
Example two
As shown in fig. 2, a second embodiment of the present invention discloses a method for constructing a novel display area browsing manner, which is characterized by including:
step 201, a server divides a display window of a browser into at least three parts, namely a navigation view area, a display area and a video selection list area, wherein the display area is arranged in an area in the video selection list area;
step 202, when the browser receives information display content of the video selection list which needs to be acquired from the server, the server displays the browsing presentation mode of the video selection list in the video selection list area in the display window of the browser according to a perspective card type display mode;
step 203, when the server receives the indication information of invoking a certain video playing file in the video selection list displayed in the subfield display mode sent from the browser, the display area set in the video selection list area is displayed in the display window of the browser, the invoked video playing file is played in the display area, and other areas except the display area in the video selection list area continue to display the video selection list in a see-through card type display mode;
step 204, when the server receives the indication information of closing the display area sent from the browser, the server indicates the browser to close the display area in the display window and play the called video playing file, and all the video selection list areas in the display window are used for displaying in a see-through card type display mode.
The navigation view area of the first and second embodiments is arranged at the uppermost position of the display window and occupies at least one eighth of the display window; further still include:
the navigation view area is arranged at the uppermost or lowermost position of the display window and occupies at least one eighth of the display window.
The browser in the first and second embodiments is a browser having a touch operation interface or a remote operation interface. The browser is not limited to a web browser, but includes an area for displaying content presented in a display screen. For example, the area of the ipad that displays the content.
EXAMPLE III
As shown in fig. 3 and 4, the third embodiment of the present invention is a combined exploded view of the first and second embodiments, and an effect display image and a display window on a screen of a terminal after specific application. The browser in the third embodiment is a browser with a touch operation interface (or may be directly a screen of the terminal).
Fig. 4 is a framework for horizontally displaying each component of the present invention, wherein 1 represents a video selection list area, 2 represents a display area, 3 represents a navigation view area, and 4 represents a display window of a browser itself, and the new display area browsing mode constructed according to the present invention is composed of 1, 2, 3, and 4.
The 4 small views shown in fig. 3 are shown from left to right, the first view is from step 101 to step 102, and the browsing presentation mode of the video selection list is displayed in the video selection list area in the display window of the browser in a perspective card type display mode. At this time, the display window of the browser mainly consists of two areas, a navigation view area 3 and a video selection list area 1 (as shown in fig. 4), and no display area is displayed in the video selection list area.
The second diagram is that after receiving the touch drag (or the slide-out operation) of the user, according to the specific video content that the user selects and wants to view, the display area is started after the touch drag, and simultaneously the display area (as shown in the figure, object 1) plays the content clip or the specific content play of the video, and at the same time, the video selection list area shrinks the display area.
The third diagram and the fourth diagram are that when the user drags another video (as shown in the figure, object 2), the content of the currently called video (as shown in the figure, object 1) is replaced by dragging, so that the playing of another video content in the display area is realized.
Fig. 3 and 4 are both display result graphs obtained by implementing the technical solution according to the embodiment of the present invention.
Example four
As shown in fig. 5, a fourth embodiment of the present invention discloses a system for constructing a novel display area browsing manner, which is disposed in a server and coupled to a browser, and is characterized in that the system includes: a preset unit 501, a browse conversion unit 502 and a layout unit 503; wherein,
the preset unit 501 is coupled to the browser and the browsing conversion unit 502, and is configured to divide a display window of the browser into at least three parts, which are a navigation view area, a display area, and a video selection list area, respectively, where the display area is arranged in an area in the video selection list area;
the browsing conversion unit 502 is respectively coupled to the browser, the preset unit 501 and the layout unit 503, and is configured to display a browsing presentation manner of the video selection list in a video selection list area in a display window of the browser according to a perspective card type display manner when the browser receives information display content that the video selection list needs to be acquired from the server;
the layout unit 503 is coupled to the browser and the browsing conversion unit 502, respectively, and is configured to, when receiving indication information sent by the browser to invoke a certain video playing file in the video selection list displayed in the columnar display manner, present the display area set in the video selection list area in the display window of the browser, play the invoked video playing file in the display area, and continue to display the video selection list in a see-through card type display manner in the other areas except the display area in the video selection list area.
Specifically, the preset unit 501 is further configured to divide a display window of a browser into at least three parts, which are a navigation view area, a display area, and a video selection list area, respectively, where,
the navigation view area is arranged at the uppermost position of the display window and occupies at least one eighth of the display window;
the display area is arranged in an area in the video selection list area, and when the display area is presented in a display window of the browser, the display area occupies at least one half of the video selection list area and is positioned between the navigation view area and the video selection list area.
The layout unit 503 is further configured to instruct the browser to close the display area in the display window and play the called video playing file when receiving instruction information for closing the display area sent from the browser, where all the video selection list areas in the display window are used for displaying in a see-through card type display manner.
The navigation view area is arranged at the uppermost position of the display window and occupies at least one eighth of the display window; further still include:
the navigation view area is arranged at the uppermost or lowermost position of the display window and occupies at least one eighth of the display window.
In the fourth embodiment of the system of the present invention, the browser is a browser having a touch operation interface or a remote operation interface.
Since the method has already been described in detail in the embodiments of the present application, the expanded description of the corresponding parts of the method and system related in the embodiments is omitted here, and will not be described again. For the description of the specific contents in the system, reference may be made to the contents of the method embodiments, which are not limited in detail here.
Compared with the prior art, the method and the system have the advantages that:
(1) the method and the device solve the problems that under the condition that the terminal screen is fixed, the higher the resolution ratio is, the higher the display precision is, the higher the resolution ratio is, the screen can display more contents, and the corresponding display effect is that the size of the displayed contents is reduced, so that the video thumbnails are densely displayed in the page, the viewing discomfort is caused, and the browsing experience of a user is seriously influenced.
(2) The invention can also adopt a browsing mode of a perspective card type + a display area: the top of the selected object slides out of the display area, so that the operation of selecting and browsing other objects is not influenced when the user watches dynamic effects in the display area; meanwhile, in order to ensure smooth browsing experience of a user, when the user slides up the browsing area object, the display area is displayed in half, so that the user can conveniently select browsing without influencing the operation of watching dynamic effects in the display area; the effect of selecting other object display areas is replaced and fully displayed.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, apparatus, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The foregoing description shows and describes several preferred embodiments of the present application, but as aforementioned, it is to be understood that the application is not limited to the forms disclosed herein, but is not to be construed as excluding other embodiments and is capable of use in various other combinations, modifications, and environments and is capable of changes within the scope of the inventive concept as expressed herein, commensurate with the above teachings, or the skill or knowledge of the relevant art. And that modifications and variations may be effected by those skilled in the art without departing from the spirit and scope of the application, which is to be protected by the claims appended hereto.