CN116628374A - Display method and device of browser interface, electronic equipment and storage medium - Google Patents
Display method and device of browser interface, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN116628374A CN116628374A CN202310889194.4A CN202310889194A CN116628374A CN 116628374 A CN116628374 A CN 116628374A CN 202310889194 A CN202310889194 A CN 202310889194A CN 116628374 A CN116628374 A CN 116628374A
- Authority
- CN
- China
- Prior art keywords
- browser interface
- user
- video
- carousel
- multimedia content
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 82
- 230000000694 effects Effects 0.000 claims abstract description 28
- 230000006870 function Effects 0.000 claims description 36
- 230000008569 process Effects 0.000 claims description 26
- 238000004891 communication Methods 0.000 claims description 4
- 230000003993 interaction Effects 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 18
- 230000007704 transition Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The specification discloses a display method, a display device, electronic equipment and a storage medium of a browser interface. First, a browser interface is output to a user, the browser interface including multimedia content presented for a user carousel. Next, it is determined whether a slider in a page scroll bar of the browser interface is slid to a specified position. Finally, if the slider slides to the designated position, whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not is further determined; if so, the video is displayed full screen. The method can combine the carousel mode with the video playing mode, and increase the display effect of the display content on the basis of ensuring functional interaction.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and apparatus for displaying a browser interface, an electronic device, and a storage medium.
Background
Currently, there are two methods for displaying content in the top page of the mainstream site. The first method is to rotate a plurality of still pictures in a set space to display a plurality of contents in a short time, and provide more information to the user. The second method is to play video, which contains richer content, such as sound, animation, etc., and is easier to attract the attention of the user.
However, in the carousel method, the display effect is relatively single, and the contents cannot be displayed in multiple dimensions. In the video playing mode, the video cannot perform functional interaction.
Therefore, how to increase the display effect of the display content on the basis of ensuring the function interaction is a problem to be solved urgently.
Disclosure of Invention
The specification provides a display method, a device, electronic equipment and a machine-readable storage medium of a browser interface, so as to increase the display effect of display content on the basis of ensuring functional interaction.
The technical scheme adopted in the specification is as follows:
the specification provides a display method of a browser interface, which comprises the following steps:
outputting a browser interface to a user, wherein the browser interface comprises multimedia content which is presented for user carousel;
determining whether a slider in a page scroll bar of the browser interface slides to a specified position;
if the sliding block slides to the appointed position, further determining whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not; if so, the video is displayed full screen.
Optionally, the method further comprises:
and if not, displaying the multimedia content in a carousel way for the user through the browser interface according to a default display mode.
Optionally, the designated position is an initial position of the slider on the page scroll bar after outputting the browser interface to the user.
Optionally, the initial position is a starting position of the page scroll bar.
Optionally, the method further comprises:
in the process of displaying the video in a full screen mode, responding to the triggering operation of the user on the roller of the mouse, and converting the video displayed in the full screen mode into the video in the default display mode according to a preset transitional animation effect.
Optionally, the browser interface further includes: a function portal, the method further comprising:
outputting the function entry on a layer corresponding to the video displayed in full screen.
Optionally, the method further comprises:
and if the sliding block does not slide to the designated position, displaying the multimedia content in a carousel mode facing the user through the browser interface according to a default display mode.
Optionally, the browser interface further includes: the carousel indicator corresponding to the multimedia contents one by one, the method further comprises:
and responding to the triggering operation of the user on any carousel indicator in the browser interface, and displaying the multimedia content corresponding to the carousel indicator to the user.
Optionally, the carousel indicator includes: a progress bar for representing a remaining display duration of the displayed multimedia content, the method further comprising:
and in the process of displaying the video in a full screen mode, if the progress of the progress bar corresponding to the video reaches the end, replaying the video.
Optionally, the multimedia content includes: an image, the browser interface further comprising: functional entries corresponding to the images one by one, the method further comprising:
and responding to the triggering operation of the user for the function entry corresponding to the image, and displaying a jump page corresponding to the function entry to the user.
The present specification provides a display device of a browser interface, including:
the output module is used for outputting a browser interface to a user, wherein the browser interface comprises multimedia content which is displayed for the carousel of the user;
the determining module is used for determining whether a sliding block in a page scroll bar of the browser interface slides to a designated position or not;
the display module is used for further determining whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not if the sliding block slides to the designated position; if so, the video is displayed full screen.
The specification provides an electronic device, which comprises a communication interface, a processor, a memory and a bus, wherein the communication interface, the processor and the memory are connected with each other through the bus;
and the processor executes the display method of the browser interface by calling the machine-readable instructions.
The present specification provides a machine-readable storage medium storing machine-readable instructions that, when invoked and executed by a processor, implement the method of presenting a browser interface described above.
The above-mentioned at least one technical scheme that this specification adopted can reach following beneficial effect:
in the display method of the browser interface provided by the specification, whether the sliding block in the page scroll bar of the browser interface slides to the designated position can be determined, if the sliding block slides to the designated position, whether the multimedia content currently displayed in turn by the browser interface facing the user is video or not is further determined, and if the multimedia content is video, the video is displayed in full screen. Therefore, the carousel mode is combined with the video playing mode, and the display effect of the display content is improved on the basis of ensuring functional interaction.
Drawings
The accompanying drawings, which are included to provide a further understanding of the specification, illustrate and explain the exemplary embodiments of the present specification and their description, are not intended to limit the specification unduly. In the drawings:
FIG. 1 is a flow chart of a method of presentation of a browser interface, shown in an exemplary embodiment;
FIG. 2 is a schematic diagram of a browser interface shown in an exemplary embodiment;
FIG. 3 is a schematic diagram of another browser interface shown in an exemplary embodiment;
FIG. 4 is a schematic diagram of a full screen presentation video shown in an exemplary embodiment;
FIG. 5 is a schematic diagram of another full screen presentation video shown in an exemplary embodiment;
FIG. 6 is a schematic diagram of a hint icon shown in an exemplary embodiment;
FIG. 7 is a schematic diagram of a default presentation mode shown in an exemplary embodiment;
FIG. 8 is a schematic diagram illustrating a determination of whether to fully display video in accordance with an exemplary embodiment;
FIG. 9 is a block diagram of an electronic device in which a display device of a browser interface is located, as shown in an exemplary embodiment;
FIG. 10 is a block diagram of a presentation device of a browser interface, shown in an exemplary embodiment.
Detailed Description
In order to make the technical solutions in the present specification better understood by those skilled in the art, the technical solutions in the embodiments of the present specification will be clearly and completely described below with reference to the drawings in the embodiments of the present specification, and it is obvious that the described embodiments are only some embodiments of the present specification, not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are intended to be within the scope of the present disclosure.
It should be noted that: in other embodiments, the steps of the corresponding method are not necessarily performed in the order shown and described in this specification. In some other embodiments, the method may include more or fewer steps than described in this specification. Furthermore, individual steps described in this specification, in other embodiments, may be described as being split into multiple steps; while various steps described in this specification may be combined into a single step in other embodiments.
At present, in two methods for displaying contents in a top page of a main stream site, the display effect of a carousel mode is single, and contents cannot be displayed in multiple dimensions. And the video playing mode cannot perform functional interaction.
Based on this, the present specification proposes a technical solution that combines a carousel mode with a mode of playing video. Therefore, on the basis of ensuring functional interaction, the display effect of the display content is improved.
The following describes in detail the technical solutions provided by the embodiments of the present specification with reference to the accompanying drawings.
FIG. 1 is a flowchart of a method for displaying a browser interface according to an exemplary embodiment, which specifically includes the following steps:
s100: and outputting a browser interface to a user, wherein the browser interface comprises multimedia content which is displayed for user carousel.
In the embodiment of the present disclosure, the execution subject of the method for displaying a browser interface may be a client. The physical carrier of the client may be a server or a cluster of servers. For convenience of description, a method for displaying a browser interface provided in the present specification will be described below with only a client as an execution subject.
In the present description embodiment, the client may output a browser interface to the user. The browser interface includes multimedia content presented for a user carousel. The multimedia content may include: video, images, text, etc.
Wherein the browser interface further comprises: and the carousel indicators are in one-to-one correspondence with the plurality of multimedia contents. As particularly shown in fig. 2.
FIG. 2 is a schematic diagram of a browser interface, shown in an exemplary embodiment.
In fig. 2, the web page title is located in the upper left corner of the browser interface, the navigation menu is located on the right side of the web page title, and the navigation menu provides links to the main pages, enabling the user to quickly access the desired content. By clicking on a link in the navigation menu, the user can browse pages of the home page, bulletin, product, help, etc.
The multimedia content presented for the user carousel is located in the upper half of the browser interface and may be referred to as a carousel component. The carousel component can automatically play or manually play in the horizontal direction, and cyclically display a plurality of multimedia contents.
The carousel assembly further comprises: and the carousel indicators are in one-to-one correspondence with the plurality of multimedia contents. And responding to the triggering operation of the user on any carousel indicator in the browser interface, and displaying the multimedia content corresponding to the carousel indicator to the user.
There are various shapes of the carousel indicator, for example, a dot shape, a rectangle shape, a horizontal line, etc. The skilled person can choose according to the service requirements. In fig. 2, the carousel indicator has a rectangular shape, one for each multimedia content. The length of the rectangle corresponding to the currently displayed multimedia content is larger than that of the rectangle corresponding to the non-displayed multimedia content.
Further, in order to enhance the interactive experience of the user, the carousel indicator may be a progress bar. The progress bar mentioned here is used to represent the remaining presentation duration of the presented multimedia content.
In the embodiment of the present disclosure, if it is determined that the multimedia content package is an image, the browser interface further includes: and function entries corresponding to the images one by one. As particularly shown in fig. 3.
FIG. 3 is a schematic diagram of another browser interface shown in an exemplary embodiment.
In fig. 3, a function entry corresponding to each image may be provided on each image. In response to a triggering operation of the user for a function entry corresponding to the image, the client may present a jump page corresponding to the function entry to the user.
S102: and determining whether a slider in a page scroll bar of the browser interface slides to a specified position.
S104: if the sliding block slides to the appointed position, further determining whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not; if so, the video is displayed full screen.
In the present description embodiment, the client may determine whether a slider in a page scroll bar of the browser interface slides to a specified position. The designated location referred to herein may be determined by a skilled artisan based on business needs.
Specifically, the client may determine a position of the slider in the page scrollbar, and determine a distance between the slider and a specified position in the page scrollbar in real time.
Since there are various representations of the page scrollbar, for example, the page scrollbar may be located on the right side of the browser interface and the page scrollbar may be located at the bottom of the browser interface. Thus, when the page scrollbar is located on the right side of the browser interface, the specified position may be a top position in the page scrollbar. For another example, the specified location may be a middle location in the page scrollbar when the page scrollbar is at the bottom of the browser interface. The specification does not limit the representation of the page scroll bar and the designated position.
If the slider slides to the designated position, it is further determined whether the multimedia content currently presented in the browser interface for the user carousel is video. If so, the video is displayed full screen. As shown in particular in fig. 4.
FIG. 4 is a schematic diagram of a full screen presentation video shown in an exemplary embodiment.
In fig. 4, in the process of displaying the video in full screen, the web title and the navigation menu are above the layer corresponding to the video displayed in full screen, so as to improve the interactive experience of the user.
In the process of displaying the video in a full screen mode, the video is automatically played, a user can click a play button in the middle of the video, the video is played through the player, and after the player is exited, the full screen display of the video is continued.
Further, if the slider slides to the designated position, it is further determined whether the multimedia content currently presented by the browser interface for the user carousel is video. If not, according to the default display mode, the multimedia content is displayed in turn by facing the user through the browser interface. The default display mode mentioned here may refer to a carousel mode determined by a technician according to a service requirement. For example, the default presentation mode may be a loop carousel, and when the carousel reaches the last multimedia content, the first multimedia content is immediately jumped back, resulting in a seamless loop effect. For another example, the default presentation mode may be a manual carousel, with the user manually switching carousel items by clicking a carousel indicator or a swipe gesture. The present description does not limit the representation of the default presentation mode.
In practical application, in order to show a better display effect, a full screen display of video is required when a user enters a home page. Therefore, the client needs to set the first multimedia content for user carousel display as video and set the designated position as the initial position of the slider on the page scroll bar, so as to achieve the display effect of full-screen display video when the user enters the first page.
In the present embodiment, the specified position is the initial position of the slider on the page scroll bar after outputting the browser interface to the user. The initial position referred to herein is the start position of the page scrollbar. For example, the initial position is a position where the distance between the slider in the page scroll bar and the top of the scroll bar is zero. For another example, the initial position is a position where a distance between a slider in the page scrollbar and a top of the scrollbar is less than a set distance threshold. The present specification does not limit the initial position.
In practical application, in the process of displaying the video in a full screen manner, after the video is played, if the multimedia content located behind the video is an image, the situation of displaying the image in the full screen manner may occur, which may reduce the display effect. Therefore, the client can replay the video after the video is replayed in the process of displaying the video in a full screen manner, so that the situation of displaying the image in a full screen manner is avoided.
In the embodiment of the present disclosure, the carousel indicator may be a progress bar, and in the process of displaying the video in full screen, if the progress of the progress bar corresponding to the video reaches the end, the video is replayed.
And in the process of displaying the multimedia content in turn by facing the user through the browser interface according to the default display mode, if the progress of the progress bar corresponding to the multimedia content reaches the end, switching to the next multimedia content.
In the embodiment of the specification, the client can increase the transitional animation effect in the process of converting the full-screen display video into the default display mode, so that the display effect is improved.
Specifically, in the process of displaying the video in a full screen mode, responding to the triggering operation of a user on a roller of a mouse, and converting the video displayed in the full screen mode into the video in a default display mode according to a preset transitional animation effect.
There are various transitional animation effects, for example, by gradually shrinking the size of the video, converting the full-screen presented video into the video in the default presentation model, thereby smoothly transitioning from a large size to a small size. For another example, a full-screen displayed video may be faded out by gradually changing the opacity of the video. And then the video in the default display model is gradually clear. The transition animation effect can be determined by a technician according to the service requirement, and the specification does not limit the transition animation effect.
In this embodiment of the present disclosure, the browser interface further includes: function entry. The client may output a functional portal over a layer corresponding to the full-screen presented video. As shown in particular in fig. 5.
FIG. 5 is a schematic diagram of another full screen presentation video shown in an exemplary embodiment.
In fig. 5, in the process of displaying the video in a full screen, each function entry is above a layer corresponding to the video displayed in a full screen, so that the user can click on the function entry in the process of displaying the video in a full screen, thereby improving the interactive experience of the user.
The original position of each function entry in the browser interface may cover most of the video, thereby reducing the display effect. Or after the original position of each function entry in the browser interface is relatively back, each function entry cannot be output in the process of displaying the video in a full screen mode. Therefore, the client can preset the display position of each function entry in the browser interface in the process of displaying the video in a full screen mode.
Further, the browser interface further includes: and prompting the icon. The prompt icon mentioned here may be used to prompt the user to slide the mouse wheel to exit full screen play. As shown in particular in fig. 6.
FIG. 6 is a schematic diagram of a hint icon shown in an exemplary embodiment.
In fig. 6, the prompt icon may be a mouse pattern to prompt the user to slide the wheel of the mouse. Further, the prompt icon can be made to move up and down so as to more vividly express the meaning of the roller of the sliding mouse. Of course, the prompt icon may also be directly illustrated by text, for example, the text may be "slide down mouse wheel".
In the embodiment of the specification, if the slider does not slide to the designated position, the multimedia content is presented to the user carousel through the browser interface according to the default presentation mode. As particularly shown in fig. 7.
FIG. 7 is a schematic diagram of a default presentation mode shown in an exemplary embodiment.
In fig. 7, the slider is not slid to the specified position, and the video is played facing the user according to the default display mode. And outputting the function entries according to the original positions of the function entries in the browser interface.
The client can increase the transitional animation effect of the function entry in the process of converting the function entry in the full-screen video display mode into the function entry in the default display mode, so that the display effect is improved.
Specifically, in the process of displaying the video in a full screen mode, responding to the triggering operation of a user on a roller of a mouse, and converting a function entry in the full screen display video into a function entry in a default display mode according to a preset transitional animation effect.
The transitional animation effect may be varied, for example, by gradually shifting up the function entry in the full-screen display video until the position of the function entry in the full-screen display video is the same as the position of the function entry in the default display model. The transition animation effect can be determined by a technician according to the service requirement, and the specification does not limit the transition animation effect.
In this embodiment of the present disclosure, the client needs to determine whether the slider in the page scroll bar of the browser interface slides to the designated position, and also needs to determine whether the multimedia content currently displayed by the browser interface for the carousel of the user is video, so as to determine whether the video needs to be displayed in full screen, as shown in fig. 8.
FIG. 8 is a schematic diagram illustrating a determination of whether to display video in full screen in accordance with an exemplary embodiment.
In fig. 8, the client outputs the home page by default when outputting the browser interface to the user. In the home page, the client sets the first multimedia content which is displayed in turn for the user as a video, and sets the designated position as the initial position of the slider on the page scroll bar, so that the video is displayed in full screen when the user enters the home page.
After the user triggers the mouse wheel, determining whether the slider in the page scroll bar of the browser interface slides to the designated position.
And if the sliding block does not slide to the designated position, displaying the multimedia content in a carousel mode facing the user through the browser interface according to a default display mode.
If the slider slides to the designated position, it is further determined whether the multimedia content currently presented in the browser interface for the user carousel is video.
If so, the video is displayed full screen.
If not, according to the default display mode, the multimedia content is displayed in turn by facing the user through the browser interface.
According to the method, whether the sliding block in the page scroll bar of the browser interface slides to the designated position is determined, if the sliding block slides to the designated position, whether the multimedia content currently displayed by the browser interface in turn for the user is video is further determined, and if so, the video is displayed in a full screen mode. Therefore, the carousel mode is combined with the video playing mode, and the display effect of the display content is improved on the basis of ensuring functional interaction.
Corresponding to the embodiment of the display method of the browser interface, the present disclosure further provides an embodiment of a display device of the browser interface.
Referring to fig. 9, fig. 9 is a block diagram of an electronic device where a display device of a browser interface is shown in an exemplary embodiment. At the hardware level, the device includes a processor 902, an internal bus 904, a network interface 906, memory 908, and non-volatile storage 910, although other hardware requirements are possible. One or more embodiments of the present description may be implemented in a software-based manner, such as by the processor 902 reading a corresponding computer program from the non-volatile memory 910 into the memory 908 and then running. Of course, in addition to software implementation, one or more embodiments of the present disclosure do not exclude other implementation manners, such as a logic device or a combination of software and hardware, etc., that is, the execution subject of the following processing flow is not limited to each logic unit, but may also be hardware or a logic device.
Referring to fig. 10, fig. 10 is a block diagram of a browser interface presentation device according to an exemplary embodiment. The display device of the browser interface can be applied to the electronic equipment shown in fig. 9 to realize the technical scheme of the specification. The display device of the browser interface may include:
the output module 1000 is configured to output a browser interface to a user, where the browser interface includes multimedia content that is presented for a carousel of users;
a determining module 1002, configured to determine whether a slider in a page scroll bar of the browser interface slides to a specified position;
the display module 1004 is configured to further determine whether the multimedia content currently displayed by the browser interface for the user carousel is video if the slider slides to the specified position; if so, the video is displayed full screen.
Optionally, the display module 1004 is specifically further configured to display the multimedia content in a carousel manner towards the user through the browser interface according to a default display mode if not.
Optionally, the designated position is an initial position of the slider on the page scroll bar after the browser interface is output to the user.
Optionally, the initial position is a starting position of the page scroll bar.
Optionally, the display module 1004 is specifically further configured to, in a process of displaying the video in a full screen manner, respond to a trigger operation of the user on a mouse roller, and convert the video displayed in the full screen manner into the video in the default display mode according to a preset transitional animation effect.
Optionally, the browser interface further includes: the display module 1004 is specifically further configured to output the function entry on a layer corresponding to the video displayed in full screen.
Optionally, the display module 1004 is specifically further configured to display the multimedia content in a carousel manner towards the user through the browser interface according to a default display mode if the slider is not slid to the specified position.
Optionally, the browser interface further includes: the display module 1004 is further specifically configured to respond to a triggering operation of the user on any one of the carousel indicators in the browser interface, and display the multimedia content corresponding to the carousel indicator to the user.
Optionally, the carousel indicator includes: the progress bar is used for representing the remaining display duration of the displayed multimedia content, and the display module 1004 is specifically further used for replaying the video if the progress of the progress bar corresponding to the video reaches the end in the process of displaying the video in a full screen manner.
Optionally, the multimedia content includes: an image, the browser interface further comprising: the display module 1004 is further specifically configured to display, to the user, a skip page corresponding to the function entry corresponding to the image in response to a trigger operation of the user on the function entry corresponding to the image.
The implementation process of the functions and roles of each unit in the above device is specifically shown in the implementation process of the corresponding steps in the above method, and will not be described herein again.
For the device embodiments, reference is made to the description of the method embodiments for the relevant points, since they essentially correspond to the method embodiments. The apparatus embodiments described above are illustrative only, in that the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purposes of the present description. Those of ordinary skill in the art will understand and implement the present application without undue burden.
The system, apparatus, module or unit set forth in the above embodiments may be implemented in particular by a computer chip or entity, or by a product having a certain function. A typical implementation device is a computer, which may be in the form of a personal computer, laptop computer, cellular telephone, camera phone, smart phone, personal digital assistant, media player, navigation device, email device, game console, tablet computer, wearable device, or a combination of any of these devices.
In a typical configuration, a computer includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include volatile memory in a computer-readable medium, random Access Memory (RAM) and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, read only compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic disk storage, quantum memory, graphene-based storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by the computing device. Computer-readable media, as defined herein, does not include transitory computer-readable media (transmission media), such as modulated data signals and carrier waves.
The user information (including but not limited to user equipment information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, presented data, etc.) related to the present application are information and data authorized by the user or fully authorized by each party, and the collection, use and processing of related data is required to comply with the relevant laws and regulations and standards of the relevant country and region, and is provided with corresponding operation entries for the user to select authorization or rejection.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
The foregoing describes specific embodiments of the present disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims can be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.
The terminology used in the one or more embodiments of the specification is for the purpose of describing particular embodiments only and is not intended to be limiting of the one or more embodiments of the specification. As used in this specification, one or more embodiments and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any or all possible combinations of one or more of the associated listed items.
It should be understood that although the terms first, second, third, etc. may be used in one or more embodiments of the present description to describe various information, these information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of one or more embodiments of the present description. The word "if" as used herein may be interpreted as "at … …" or "at … …" or "responsive to a determination", depending on the context.
The foregoing description of the preferred embodiment(s) is (are) merely intended to illustrate the embodiment(s) of the present application, and it is not intended to limit the embodiment(s) of the present application to the particular embodiment(s) described.
Claims (13)
1. The display method of the browser interface is characterized by comprising the following steps of:
outputting a browser interface to a user, wherein the browser interface comprises multimedia content which is presented for user carousel;
determining whether a slider in a page scroll bar of the browser interface slides to a specified position;
if the sliding block slides to the appointed position, further determining whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not; if so, the video is displayed full screen.
2. The method of claim 1, wherein the method further comprises:
and if not, displaying the multimedia content in a carousel way for the user through the browser interface according to a default display mode.
3. The method of claim 1, wherein the specified position is an initial position of a slider on the page scroll bar after outputting the browser interface to a user.
4. A method as claimed in claim 3, wherein the initial position is the start position of the page scrollbar.
5. The method of claim 1, wherein the method further comprises:
in the process of displaying the video in a full screen mode, responding to the triggering operation of the user on the roller of the mouse, and converting the video displayed in the full screen mode into the video in a default display mode according to a preset transitional animation effect.
6. The method of claim 1, wherein the browser interface further comprises: a function portal, the method further comprising:
outputting the function entry on a layer corresponding to the video displayed in full screen.
7. The method of claim 1, wherein the method further comprises:
and if the sliding block does not slide to the designated position, displaying the multimedia content in a carousel mode facing the user through the browser interface according to a default display mode.
8. The method of claim 1, wherein the browser interface further comprises: the carousel indicator corresponding to a plurality of multimedia contents one by one, the method further comprises:
and responding to the triggering operation of the user on any carousel indicator in the browser interface, and displaying the multimedia content corresponding to the carousel indicator to the user.
9. The method of claim 8, wherein the carousel indicator comprises: a progress bar for representing a remaining display duration of the displayed multimedia content, the method further comprising:
and in the process of displaying the video in a full screen mode, if the progress of the progress bar corresponding to the video reaches the end, replaying the video.
10. The method of claim 1, wherein the multimedia content comprises: an image, the browser interface further comprising: a function entry in one-to-one correspondence with a number of images, the method further comprising:
and responding to the triggering operation of the user for the function entry corresponding to the image, and displaying a jump page corresponding to the function entry to the user.
11. A browser interface display device, comprising:
the output module is used for outputting a browser interface to a user, wherein the browser interface comprises multimedia content which is displayed for the carousel of the user;
the determining module is used for determining whether a sliding block in a page scroll bar of the browser interface slides to a designated position or not;
the display module is used for further determining whether the multimedia content currently displayed by the browser interface for the carousel of the user is video or not if the sliding block slides to the designated position; if so, the video is displayed full screen.
12. An electronic device, comprising a communication interface, a processor, a memory and a bus, wherein the communication interface, the processor and the memory are connected with each other through the bus;
the memory stores machine readable instructions, the processor executing the method of any of claims 1 to 10 by invoking the machine readable instructions.
13. A machine-readable storage medium storing machine-readable instructions which, when invoked and executed by a processor, implement the method of any one of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310889194.4A CN116628374A (en) | 2023-07-19 | 2023-07-19 | Display method and device of browser interface, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310889194.4A CN116628374A (en) | 2023-07-19 | 2023-07-19 | Display method and device of browser interface, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116628374A true CN116628374A (en) | 2023-08-22 |
Family
ID=87642155
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310889194.4A Pending CN116628374A (en) | 2023-07-19 | 2023-07-19 | Display method and device of browser interface, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116628374A (en) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160212487A1 (en) * | 2015-01-19 | 2016-07-21 | Srinivas Rao | Method and system for creating seamless narrated videos using real time streaming media |
| CN108235086A (en) * | 2017-12-18 | 2018-06-29 | 广州华多网络科技有限公司 | Video playing control method, device and corresponding terminal |
| CN108563712A (en) * | 2018-03-28 | 2018-09-21 | 腾讯科技（深圳）有限公司 | Web page picture inspection method, device and storage device |
| CN111143739A (en) * | 2019-12-11 | 2020-05-12 | 掌阅科技股份有限公司 | Page jump method, computing device and computer storage medium |
| CN112835499A (en) * | 2021-01-27 | 2021-05-25 | 小马国炬(玉溪)科技有限公司 | Carousel graph display method, device, equipment and medium |
| CN113050871A (en) * | 2021-04-16 | 2021-06-29 | 上海东方报业有限公司 | Data processing method and mobile terminal |
| CN113238706A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | View display method, device, equipment and medium |
| CN113271489A (en) * | 2021-06-15 | 2021-08-17 | 青岛聚看云科技有限公司 | Method for automatically and alternately broadcasting materials and display equipment |
-
2023
- 2023-07-19 CN CN202310889194.4A patent/CN116628374A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160212487A1 (en) * | 2015-01-19 | 2016-07-21 | Srinivas Rao | Method and system for creating seamless narrated videos using real time streaming media |
| CN108235086A (en) * | 2017-12-18 | 2018-06-29 | 广州华多网络科技有限公司 | Video playing control method, device and corresponding terminal |
| CN108563712A (en) * | 2018-03-28 | 2018-09-21 | 腾讯科技（深圳）有限公司 | Web page picture inspection method, device and storage device |
| CN111143739A (en) * | 2019-12-11 | 2020-05-12 | 掌阅科技股份有限公司 | Page jump method, computing device and computer storage medium |
| CN112835499A (en) * | 2021-01-27 | 2021-05-25 | 小马国炬(玉溪)科技有限公司 | Carousel graph display method, device, equipment and medium |
| CN113050871A (en) * | 2021-04-16 | 2021-06-29 | 上海东方报业有限公司 | Data processing method and mobile terminal |
| CN113238706A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | View display method, device, equipment and medium |
| CN113271489A (en) * | 2021-06-15 | 2021-08-17 | 青岛聚看云科技有限公司 | Method for automatically and alternately broadcasting materials and display equipment |
Non-Patent Citations (1)
| Title |
|---|
| 张枝军: "《网店视觉营销》", 北京理工大学出版社, pages: 44 - 46 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107341018B (en) | Method and device for continuously displaying view after page switching | |
| US20230022781A1 (en) | User interfaces for viewing and accessing content on an electronic device | |
| US9361284B2 (en) | Causing display of comments associated with an object | |
| JP5777023B2 (en) | Eye tracking type user interface | |
| KR101985291B1 (en) | User interface for a computing device | |
| JP7195426B2 (en) | Display page interaction control method and apparatus | |
| CN106303740B (en) | Desktop navigation system of smart television and implementation method of system | |
| US9372701B2 (en) | Management of digital information via a buoyant interface moving in three-dimensional space | |
| US20140223381A1 (en) | Invisible control | |
| US20130268826A1 (en) | Synchronizing progress in audio and text versions of electronic books | |
| CN111062778A (en) | Product browsing method, device, equipment and storage medium | |
| CN109375861A (en) | The asynchronous process of user interface manipulation | |
| JP2012234550A (en) | Ui/ux available to various platforms, and human interaction paradigm | |
| JP2013008369A (en) | User interface and content integration | |
| US20150248722A1 (en) | Web based interactive multimedia system | |
| US11392287B2 (en) | Method, device, and storage mediumfor switching among multimedia resources | |
| US20240012554A1 (en) | Method for displaying trending event in application and electronic device | |
| US20240086056A1 (en) | Method and apparatus for interacting with application program, and electronic device | |
| CN112667118A (en) | Method, apparatus and computer readable medium for displaying historical chat messages | |
| CN111432264A (en) | Content display method, device and equipment based on media information stream and storage medium | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| US20230033230A1 (en) | Methods, systems, and media for navigating a user interface with a toolbar | |
| CN110990006A (en) | Form management system and form generation device | |
| CN116628374A (en) | Display method and device of browser interface, electronic equipment and storage medium | |
| CN112835502A (en) | Page display method, electronic equipment and storage medium |
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 |