Application page display method and device

Abstract

The present disclosure relates to an application page display method and device, which includes the steps of: accepting a first operation performed by a user on a first page of a first application, the first operation being used to enter a second page of the first application; displaying a first tag, a second tag, and a first region corresponding to the first tag on the second page in response to accepting the first operation, and playing an information stream corresponding to a first option in the first region, the first tag being used to identify the function of each option in the first region; and displaying the first tag, a second tag, and a second region corresponding to the second tag on the second page after a preset time has elapsed or after accepting a second operation performed by a user on a second tag, and playing an information stream corresponding to a second option in the second region, the second tag being used to identify the function of each option in the second region, thereby making full use of the space of one page to display both multiple function sets and the information stream of one function set.

Description

[Technical field]

[0001] [CROSS REFERENCE TO RELATED APPLICATIONS] This application claims priority from a Chinese patent application bearing application number 202110227882.5 and entitled "Method and device for displaying application page" filed with the State Intellectual Property Office on March 1, 2021, the entire contents of which are incorporated herein by reference. [Technical field] The present disclosure relates to the field of computer technology, and more particularly to an application page display method and apparatus. [Background technology]

[0002] In an application (APP) page, a page corresponding to an entry can display the contents of multiple function sets, and a function set is composed of one or more functions of the APP. However, the display space of a page corresponding to an entry is limited, and the contents of multiple function sets cannot always be fully displayed, which is unattractive to users. Summary of the Invention [Problem to be solved by the invention]

[0003] Therefore, how to adequately display more contents of multiple function sets on a page corresponding to one entry is currently an issue that needs to be urgently resolved. [Means for solving the problem]

[0004] To solve or at least partially solve the above-mentioned problems, the present disclosure provides an application page display method and apparatus.

[0005] In a first aspect, the present disclosure provides an application page display method, comprising: accepting a first operation performed by a user on a first page of a first application, the first operation being used to enter a second page of the first application, the first page being different from the second page; in response to receiving a first operation, displaying a first tag, a second tag, and a first area corresponding to the first tag on a second page, and playing an information stream corresponding to a first option in the first area, the first tag and the second tag having different identifying functions; If the preset condition is met, switching to display a second area corresponding to a second tag on the second page and playing an information stream corresponding to a second option in the second area.

[0006] According to the method provided by the first aspect, in response to receiving a first operation performed by a user on a first page of a first application, the electronic device can display a plurality of tags and a first region corresponding to the first tag on a second page, and play an information stream in a functional set corresponding to the first region. In addition, when a preset condition is met (for example, when a preset time length has elapsed or when a second operation performed by a user on a second tag is received), the electronic device can display a plurality of tags and a second region corresponding to the second tag on a second page, and play an information stream in a functional set corresponding to the second region. This allows the user to clarify as many functions of each functional set as possible by fully utilizing the space of one page to display multiple functional sets and an information stream of one functional set, and further allows the user to automatically or manually obtain video content such as user interests and current facts from each functional set, which contributes to the application program being able to display the functional set in a rich and three-dimensional manner, and improves the user experience of using the application program.

[0007] In a possible design, the preset condition includes the lapse of a preset amount of time or the receipt of a second operation performed by the user on the second tag.

[0008] In a possible design, the first and second regions are in the same position on the second page.

[0009] In a possible design, when the first area further includes a third option different from the first option, the step of playing an information stream corresponding to the first option in the first area includes a step of playing an information stream corresponding to the first option in the first area and displaying one picture screen of the information stream corresponding to the third option in the first area.

[0010] In a possible design, the method further includes a step of accepting a third operation performed by the user on the second page, and in response to accepting the third operation, switching from playing an information stream corresponding to the first option in the first area and displaying one picture screen of the information stream corresponding to the third option in the first area to displaying one picture screen of the information stream corresponding to the first option in the first area and playing an information stream corresponding to the third option in the first area.

[0011] In a possible design, the third operation is an operation of increasing the display area of ​​the third option in the first area above a preset value, or the third operation is an operation of moving the third option to a preset position in the first area.

[0012] In a possible design, the preset position is the position of the information stream corresponding to the first option in the first area when playing the information stream corresponding to the first option and displaying one picture screen of the information stream corresponding to the third option.

[0013] In a possible design, the step of playing an information stream corresponding to one option includes a step of playing a video screen and a video audio of the information stream corresponding to one option, or a step of playing a video screen of the information stream corresponding to one option.

[0014] In a possible design, the method further includes a step of accepting a fourth operation performed by the user on one of the options in the first area or the second area, and in response to accepting the fourth operation, lowering, raising or muting the video audio of the information stream corresponding to the one of the options in the first area or the second area.

[0015] In a possible design, the first tag is the first tag on the second page, the first option is the first option in the first region, and the second option is the first option in the second region.

[0016] In a possible design, the tags or options are displayed in preset positions on the second page.

[0017] In a possible design, the first tag and the second tag are displayed in one or more lines on the second page.

[0018] In a possible design, the first tag and the second tag options are associated with a browsing history record of the user in a first application, and the first tag and the second tag are associated with a browsing history record of the user in the first application.

[0019] In a second aspect, the present disclosure provides an electronic device, comprising a memory and a processor, the memory being used to store program instructions, and the processor being used to call the program instructions in the memory to cause the electronic device to execute the application page display method in the first aspect and any possible design of the first aspect.

[0020] In a third aspect, the present disclosure provides a computer storage medium comprising computer instructions which, when executed on an electronic device, cause the electronic device to perform the application page display method of the first aspect and any possible design of the first aspect.

[0021] In a fourth aspect, the present disclosure provides a computer program which, when executed on a computer, causes the computer to perform the application page display method of the first aspect and any possible design of the first aspect.

[0022] In a fifth aspect, the present disclosure provides a chip system, the chip system including a processor, and when the processor executes computer instructions stored in a memory, an electronic device performs the application page display method of the first aspect and any possible design of the first aspect. [Brief description of the drawings]

[0023] The drawings herein are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure, and together with the specification, serve to explain the principles of the present disclosure. In order to more clearly describe the embodiments of the present disclosure or the technical solutions in the prior art, the following briefly introduces drawings necessary for the description of the embodiments or the prior art, and obviously, those skilled in the art can obtain other drawings based on these drawings without creative work. [Figure 1A] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1B] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1C] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1D] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1E]FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1F] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1G] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1H] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1I] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1J] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1K] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1L] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1M] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Figure 1N] FIG. 2 is a schematic diagram of a human interface provided by an embodiment of the present disclosure. [Diagram 2] 1 is a schematic flowchart of an application page display method provided by an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0024] In order to make the above objectives, features and advantages of the present disclosure more clearly comprehensible, the present disclosure will be further described below. It should be noted that, unless inconsistent, the embodiments of the present disclosure and the features in the embodiments can be combined with each other.

[0025] In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present disclosure; however, the present disclosure may also be embodied in other ways different from those described herein, and it is apparent that the embodiments in the specification are merely some of the embodiments of the present disclosure, rather than all of the embodiments.

[0026] Exemplarily, the present disclosure provides an application page display method, apparatus, device, computer storage medium, and computer program, which displays tags of multiple function sets on a page corresponding to one entry of an application program, plays an information stream corresponding to one or more options corresponding to one of the tags, and makes full use of the space of the page to display multiple function sets, allowing a user to quickly and clearly understand the functions of each function set, and further allowing a user to accurately obtain content such as the user's interests and current facts from each function set, thereby improving the user experience of using the application program.

[0027] The application page display method of the present disclosure is performed by an electronic device. The electronic device may be a tablet PC, a mobile phone (e.g., a foldable screen phone, a large screen mobile phone, etc.), a wearable device, an in-vehicle device, an augmented reality (AR) / virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a smart TV, a smart screen, a high-definition TV, a 4K TV, a smart speaker, a smart projector, or other internet of things (IOT) device, and the present disclosure does not have any limitation on the specific type of the electronic device.

[0028] The present disclosure does not limit the type of operating system of the electronic device, such as Android system, Linux system, Windows system, iOS system, etc.

[0029] Based on the above description, the present disclosure will take an electronic device as an example in the embodiment to describe in detail the application page display method provided by the present disclosure in combination with the accompanying drawings and application scenes.

[0030] 1A to 1N, a specific implementation process of the application page display method of the present disclosure will be described. For convenience of explanation, in FIG. 1A to FIG. 1N, the electronic device is a mobile phone, and a short video social APP 1 (abbreviated as APP 1) is installed on the mobile phone as an example.

[0031] Please refer to FIGS. 1A to 1N, which are schematic diagrams of a human interface provided according to an embodiment of the present disclosure.

[0032] App 1 can display a user interface 11 on a mobile phone as illustrated in Fig. 1A, where the user interface 11 is used to display a home page of App 1, and App 1 executes a set of functions on the home page of App 1, for example, playing multimedia information (e.g., short videos). The user interface 11 can include a control 101, where the control 101 is used to enter a discovery page of App 1, and the discovery page is used to display three sets of functions of App 1, namely, a live room, a favorite food recommendation, and a music recommendation.

[0033] After app 1 accepts a user operation, such as clicking a control 101 in user interface 11 shown in FIG. 1A, app 1 can display window 102, illustrated in FIG. 1B, in user interface 11, which is used to display a discovery page of app 1.

[0034] The window 102 adopts a sidebar style, and the window 102 covers a part of the area of ​​the user interface 11. Note that the covered area of ​​the window 102 and the user interface 11 may be one area of ​​the user interface 11, and the present disclosure does not limit parameters such as the size, position, shape, and background color of the area.

[0035] In FIG. 1B, window 102 may include tag 1031 , tag 1032 , tag 1033 , and display area 104 .

[0036] The present disclosure does not limit the parameters of each tag, such as shape, size, color, etc. Each tag can adopt the display form of an icon, text, picture, video, etc. For example, the tag can be displayed with a default icon, or the tag can be displayed with a personalized icon based on the content, such as the user's browsing history content or facts in the app 1, such as a cover of a live room or a video screen.

[0037] The tag 1031 is used to identify one function set in the app 1, and the function set is used to provide an entry of a live room. The tag 1031 corresponds to the display area 104, and the app 1 selects the tag 1031. The display area 104 is used to enter each live room in the function set. The display area 104 can display the entry of each live room in the form of an icon, text, picture, video, etc.

[0038] The display area 104 may include an option 1041 and an option 1042. Each of the options 1041 and 1042 corresponds to an information stream (feed) of one live room and is used to enter the corresponding live room. In Fig. 1B, the mobile phone plays a current video screen of the live broadcasting live room 1 in the form of a window (i.e., a card) in the option 1041. The mobile phone displays a picture screen (e.g., a cover) of the live broadcasting live room 2 in the form of a window in the option 1042.

[0039] In addition, the display area 104 may further include other options. In addition to corresponding to the information stream of the live room during live distribution, the other options may also correspond to the information stream of the live room not performing live distribution. The number of options, area, and other parameters in the display area 104 can be set according to the situation such as the screen size of the mobile phone.

[0040] 1. Adjust the video and audio in the information stream corresponding to the tag In addition to playing the current video screen of the live room 1 in the option 1041, the mobile phone can play the current video audio of the live room 1 in the option 1041. The option 1041 can further include a control 1051 displayed thereon, which is used to adjust the volume of the live room 1 corresponding to the option 1041.

[0041] After the app 1 accepts a user's operation, such as clicking on the control 1051 in the option 1041 shown in Fig. 1B, the app 1 can display the control 1052 illustrated in Fig. 1C on the mobile phone, muting the current video audio of the live room 1. After the app 1 accepts a user's operation, such as clicking on the control 1052 in the option 1041 shown in Fig. 1C, the app 1 can display the control 1051 illustrated in Fig. 1B on the mobile phone, unmuting the current video audio of the live room 1.

[0042] Alternatively, after the app 1 accepts a user's operation, such as clicking on the control 1051 in the option 1041 shown in Fig. 1B, the mobile phone can display the control 1053 illustrated in Fig. 1D on the mobile phone. After the app 1 accepts a user's operation, such as clicking on the control 1053 in the option 1041 shown in Fig. 1D, the mobile phone can turn up or down the current video audio of the live room 1.

[0043] 2. Change the information stream corresponding to the tag After app 1 receives a user operation such as sliding up in display area 104 shown in FIG. 1B, app 1 can change the display area of ​​options 1041 and 1042 in display area 104 so that the display area of ​​option 1041 becomes smaller and the display area of ​​option 1042 becomes larger.

[0044] When the display area of ​​option 1042 is equal to or larger than the preset value, or when option 1042 slides a preset distance, the mobile phone displays one picture screen (e.g., cover) of live streaming live room 1 in option 1041 in the form of a window, and the mobile phone plays a current video screen of live streaming live room 2 in option 1042 in the form of a window, in which app 1 can display the display area 104 illustrated in Fig. 1E on the mobile phone. Note that control 1051 will no longer continue to display in option 1041 and will be displayed in option 1042.

[0045] When option 1042 slides to a preset position (e.g., a position corresponding to option 1041 in FIG. 1B, i.e., the initial position of option 1041), the mobile phone will not continue to display option 1041, and the mobile phone will play the current video screen of live streaming live room 2 in option 1042 in the form of a window, and the mobile phone will display one picture screen (e.g., cover) of live streaming live room 3 in option 1043 in the form of a window, in which app 1 can display display area 104 illustrated in FIG. 1F on the mobile phone. Note that control 1051 will not continue to display in option 1041, and will be displayed in option 1042.

[0046] In addition, the mobile phone can play the current video screen of the live room 2 in the option 1042, and can also play the current video audio of the live room 2 in the option 1042. In addition, for the control 1051 adjusting the video audio of the live room 2 in the option 1042, please refer to the description of the control 1051 adjusting the video audio of the live room 1 in the option 1041 in Figs. 1C to 1D, and will not be described in detail here.

[0047] Note that the user can continue to perform a slide-up operation on the display area 104 so that the mobile phone displays a live room that is not displayed in the display area 104. Additionally, the user can continue to perform a slide-down operation on the display area 104 so that the mobile phone redisplays a live room that is displayed in the display area 104.

[0048] 3. Enter the page that corresponds to the option After the app 1 accepts a user operation such as clicking option 1041 in window 102 shown in FIG. 1B, the app 1 can display a user interface 12 illustrated in FIG. 1G on the mobile phone, which is used to play the current video screen and video audio of the live room 1 in full screen.

[0049] For pages corresponding to other options in the display area 104, it is possible to refer to the manner in which the user interface 12 displays the live room 1 in full screen in the option 1041 in FIG. 1G. For example, the app 1 can display an introductory video of one favorite food in full screen on the mobile phone, or the app 1 can display a music video of one song in full screen on the mobile phone.

[0050] Tag 1032 is used to identify a feature set in app 1, which is used to provide an entry for a favorite food recommendation. Tag 1033 is used to identify a feature set in app 1, which is used to populate an entry for a music recommendation. Each tag corresponds to an area, which is used to populate each entry in the feature set corresponding to the tag.

[0051] 4. Change tags After a preset amount of time has elapsed or after App 1 receives a user action, such as clicking on tag 1032 in window 102 shown in FIG. 1B, App 1 selects tag 1032, and then App 1 can change display area 104 to display area 106 as illustrated in FIG. 1H.

[0052] The display area 106 is used to enter each food recommendation entry in the feature set corresponding to the tag 1032. The display area 106 can display each food recommendation entry in the form of an icon, text, picture, video, etc.

[0053] The display area 106 may include an option 1061 and an option 1062. The option 1061 and the option 1062 each correspond to an information stream (feed) of one favorite recommendation and are used to enter a recommendation page corresponding to the favorite. In Fig. 1H, the mobile phone plays a video screen of favorite 1 in a live room during live broadcast in the option 1061 in the form of a window (i.e., a card). The mobile phone displays a picture screen (e.g., a cover) of one of the favorites in the option 1062 in the form of a window.

[0054] In addition, the display area 106 may further include other options. In addition to the above, the other options may correspond to information streams such as shopping links for favorite products, introduction videos, etc. The number, area, and other parameters of the options in the display area 106 may be set according to the circumstances such as the screen size of the mobile phone.

[0055] Regarding the specific implementation methods of content such as adjusting the video and audio of the information stream in the display area 106, the display method of options, and entering a favorite / music recommendation page, please refer to the descriptions of adjusting the video and audio of the information stream, displaying options, and entering a live room in the display area 104, respectively, and we will not go into detail here.

[0056] Furthermore, after a preset amount of time has elapsed or after app 1 receives a user action such as clicking on tag 1033 in window 102 shown in FIG. 1B, app 1 may change display area 106 to a display area corresponding to tag 1033.

[0057] This allows the mobile phone to automatically rotate the information streams among the multiple tags in window 102 based on a default scheme or a scheme set by the user, or the mobile phone can manually switch between the information streams among the multiple tags in window 102.

[0058] The display area corresponding to tag 1033 may include one or more options, each of which corresponds to an information stream such as a music playback screen, a cover, or a music video (MV), or a recording.

[0059] 5. Edit tags 1B, the window 102 may further include a control 1071, which is used to display all tags. The present disclosure does not limit the parameters of the control 1071, such as the shape, size, color, etc.

[0060] 51. Show all tags After app 1 accepts a user operation such as clicking on control 1071 in window 102 shown in FIG. 1B, in addition to tag 1031, tag 1032, tag 1033, and display area 104, app 1 can display tag 1034 and control 1072 illustrated in FIG. 1I in window 102.

[0061] Tag 1034 is used to identify a feature set in app 1 that is used to provide the widget recommendation entries. Tag 1034 corresponds to an area that is used to populate each recommendation entry in the widget.

[0062] Regarding the control 1072, the control 1072 is used to display some tags. The present disclosure does not limit parameters such as the shape, size, and color of the control 1072. In a general situation, the control 1071 and the control 1072 have the same display position.

[0063] 52, show some tags After the application 1 receives an operation by a user, such as clicking on a control 1072 in the window 102 shown in FIG. 1I, the application 1 can display the window 102 illustrated in FIG. 1B on the mobile phone.

[0064] In addition, after the app 1 accepts a user operation, such as clicking on a control 101 in the user interface 11 shown in FIG. 1A, in addition to displaying the window 102 illustrated in FIG. 1B in the user interface 11, the app 1 can display the window 102 illustrated in FIG. 1I in the user interface 11.

[0065] This allows the application 1 to display multiple tags in one line, or multiple tags in multiple lines, providing a variety of tag display methods.

[0066] 53. Add a new tag 1I may further include a tag 1035, which is used to add new tags. The present disclosure does not limit the parameters of the tag 1035, such as the shape, size, color, etc.

[0067] After app 1 accepts a user operation such as clicking tag 1035 in window 102 shown in FIG. 1I, the mobile phone can select one or more new tags, for example, tag 1036, on an options page, and then, in addition to tag 1031, tag 1032, tag 1033, display area 104, tag 1034, and tag 1035, app 1 can display tag 1036 illustrated in FIG. 1J in window 102.

[0068] Tag 1036 is used to identify a feature set in app 1 that is used to provide an entry for the check-in. Tag 1036 corresponds to an area that is used to enter a recommendation entry for the check-in.

[0069] After the app 1 accepts a user's operation such as long pressing the tag 1036 in the window 102 shown in Fig. 1J, the window 102 enters the tag edit mode, i.e., exits the tag non-edit mode, and then the app 1 can display the window 102 in the tag edit mode on the mobile phone, as illustrated in Fig. 1K. A control 1073 is added to the lower right corner of each tag, which is used to delete the corresponding tag. And the tag 1035 will not continue to display.

[0070] 54. Change the position of tags After app 1 accepts a user operation to move tag 1034 to the position of tag 1036 in window 102 shown in FIG. 1K, app 1 can display window 102 illustrated in FIG. 1L on the mobile phone such that the positions of tags 1034 and 1036 in window 102 are swapped.

[0071] 55. Delete tags After app 1 accepts a user action such as clicking control 1073 in the lower right corner of tag 1034 in window 102 shown in FIG. 1K, app 1 can display window 102 illustrated in FIG. 1M on the mobile phone such that tag 1034 is removed from window 102.

[0072] 56. Exit tag editing mode After the app 1 accepts the user's operation such as clicking on the window 102 shown in Fig. 1K, the window 102 will exit the tag edit mode, i.e., enter the tag non-edit mode, and then the app 1 can display the window 102 in the tag non-edit mode on the mobile phone, as illustrated in Fig. 1N. A control 1073 is added at the bottom right corner of each tag to stop displaying, and the tag 1035 will continue to display.

[0073] Note that in the tag non-edit mode, the tag 1035 may not be displayed in the window 102 shown in Figure 1I, whereas in the tag edit mode, the tag 1035 may be displayed in the window 102 shown in Figure 1K.

[0074] As described above, the application 1 can display tags of multiple function sets to the user through a page (adopting a sidebar style) corresponding to one entry, so that the user can quickly determine the functions of multiple function sets, and an information stream of the function set corresponding to one tag is played back to the user, so that the user can obtain a richer and more three-dimensional function set, which makes full use of the page space corresponding to the entry and improves the convenience of the user when using the application 1. Furthermore, while the application 1 displays the page, it can still continue the function corresponding to the previous page (playing multimedia information).

[0075] In addition, the app 1 can manually switch or automatically rotate to the information stream corresponding to the next tag among the multiple tags, allowing the user to accurately obtain content such as the user's interests and current facts.

[0076] In addition, the application 1 can display multiple tags in one or multiple rows, which increases the variety of tags displayed. In addition, each tag can be related to the content of the user's browsing history in the application 1, current popular facts, the user's region, etc., and the application 1 can display tags for each function set in a unique way.

[0077] Furthermore, the application 1 can edit the positions and the number of multiple tags, for example, by adding tags, deleting tags, changing the positions of tags, and the like.

[0078] Based on the description of the embodiment of FIG. 1A to FIG. 1N, in combination with FIG. 2, a specific implementation process of the application page display method provided by the present disclosure will be described in detail.

[0079] Please refer to Fig. 2, which is a schematic flowchart of an application page display method provided by an embodiment of the present disclosure. As shown in Fig. 2, the application page display method of the present disclosure may include S101 to S103. S101: A first operation performed by a user on a first page of a first application is accepted.

[0080] An entry based on the second page corresponding to the first operation is arranged on the first page of the first application, so that the electronic device can accept the first operation performed on the first page.

[0081] The first page may be a page of the first application. For example, the first page may be a home page of the first application, or a page other than the home page of the first application.

[0082] The first operation is used to enter the second page of the first application, and the first operation can include, but is not limited to, types of operations such as clicking, double clicking, long pressing, sliding, etc. For example, the first operation can be an operation acting on a control in the first page, or an operation fulfilling a preset gesture, such as a right-slide / left-slide / pull-up / pull-down operation that a user performs on the screen of a mobile phone.

[0083] The second page is a page other than the first page of the first application, and the first page is different from the second page. However, the contents of the first page and the second page may be the same or different, and the present disclosure does not limit this. For example, the second page may adopt a sidebar style and cover a part of the area of ​​the first page, so that tags of multiple function sets and an optional information stream in one function set can be regionalized and displayed through the second page. The present disclosure does not limit parameters such as the size, position, and area of ​​the area that the second page covers on the first page.

[0084] In some embodiments, when the first application is app 1 in Figures 1A to 1N, the specific implementation method of the first page can be referred to the description of user interface 11 in the embodiment of Figure 1A, the specific implementation method of the first operation can be referred to the description of a user clicking control 101 in the embodiment of Figure 1A, and the specific implementation method of the second page can be referred to the description of window 102 in the embodiment of Figure 1B or Figure 1, and no further details will be given here.

[0085] S102, in response to receiving the first operation, displaying the first tag, the second tag, and a first area corresponding to the first tag on a second page, and playing an information stream corresponding to a first option in the first area.

[0086] After receiving the first operation, the electronic device displays the first tag, the second tag, and a first area corresponding to the first tag on a second page, and plays an information stream corresponding to the first option in the first area.

[0087] A first tag (tag) is used to identify a function of each option in the first area, and the first tag is different from the second tag. In some embodiments, the first tag, or the options in the first tag, are displayed in a preset position on the second page, i.e., the position of the first tag on the second page is fixed, and the position of the first option on the second page is also fixed.

[0088] The first tag and the second tag have different identifying functions, and one or more options are provided in a first area corresponding to the first tag, and each option is used to display one information stream in the function set corresponding to the first tag. The information stream here can be understood as one video segment, such as a video of a live room, or a commentary video of a favorite food, or a music video of a song.

[0089] The present disclosure does not limit parameters such as the position, size, color, etc. of the first region on the second page. For example, the first tag is the first tag on the second page, and the first option is the first option in the first region.

[0090] In addition, the display content and display style of the first tag or options in the first tag may be related based on content such as the user's browsing history record, currently popular facts, the user's region, etc. in the first application, so that the first application can display the first tag in a personalized manner and display an information stream in the first option that is closer to the user's behavioral habits.

[0091] In some embodiments, for a specific implementation method of the first tag, reference may be made to the description of tag 1031 in Figures 1B to 1F and Figures 1I to 1N, and correspondingly, for a specific implementation method of the second tag, reference may be made to the description of one of tags 1032, 1033, 1034, and 1036 in Figures 1B to 1F and Figures 1I to 1N, and for a specific implementation method of the first area corresponding to the first tag, reference may be made to the description of display area 104 in Figures 1B to 1F and Figures 1I to 1N, and further details will not be given here.

[0092] Correspondingly, for the first option in the first area, reference can be made to the description of option 1041 in display area 104 in Figures 1B to 1D and Figures 1I to 1N, and for the specific implementation method of the information stream corresponding to the first option in the first area, reference can be made to the description of the information stream corresponding to option 1041 in Figures 1B to 1D and Figures 1I to 1N, and no further details will be given here.

[0093] Correspondingly, for the first option in the first area, reference can be made to the description of option 1042 in display area 104 in Figures 1E to 1F, and for the specific implementation method of the information stream corresponding to the first option in the first area, reference can be made to the description of the information stream corresponding to option 1042 in display area 104 in Figures 1E to 1F, and no further details will be given here.

[0094] In some other embodiments, for a specific implementation method of the first tag, reference may be made to the description of tag 1032 in Figure 1H; correspondingly, for a specific implementation method of the second tag, reference may be made to the description of one of tags 1031, 1033, 1034, and 1036 in Figure 1H; for a specific implementation method of the first region corresponding to the first tag, reference may be made to the description of display area 106 in Figure 1H; for the first option in the first region, reference may be made to the description of option 1061 of display area 106 in Figure 1H; and for a specific implementation method of the information stream corresponding to the first option in the first region, reference may be made to the description of the information stream corresponding to option 1061 in Figure 1H, and no further details will be given here.

[0095] In some examples, if a preset condition is met, a second area corresponding to the second tag can be switched to be displayed on the second page, and the preset condition can be that a preset time has elapsed or that a second operation performed by a user on the second tag has been accepted.

[0096] S103, after a preset time length has elapsed or after accepting a second operation performed by the user on the second tag, displaying the first tag, the second tag, and a second area corresponding to the second tag on a second page, and playing an information stream corresponding to a second option in the second area.

[0097] The electronic device can automatically replace the first region on the second page corresponding to the first tag with a second region corresponding to the second tag, such that after a preset length of time has elapsed, the electronic device can display the first tag, the second tag, and a second region corresponding to the second tag on the second page, and play an information stream corresponding to a second option in the second region.

[0098] This disclosure does not limit the preset time length to a specific numerical value.

[0099] Alternatively, the electronic device can manually replace the first area corresponding to the first tag on the second page with the second area corresponding to the second tag, such that after accepting the second operation, the electronic device can display the first tag, the second tag, and the second area corresponding to the second tag on the second page, and play an information stream corresponding to the second option in the second area.

[0100] The second operation is used to swap tags, and the second operation may include, but is not limited to, types of operations such as clicking, double clicking, long pressing, sliding, etc. For example, the second operation may be an operation that acts on a tag or may be an operation that fulfills a preset gesture.

[0101] The second tag is used to identify the function of each option in the second region. In some embodiments, the second tag, or the options in the second tag, are displayed in a preset position on the second page, i.e., the position of the second tag on the second page is fixed, and the position of the second option on the second page is also fixed. For example, the second option is the first option in the second region.

[0102] In addition, the present disclosure does not limit the display manner of the first tag and the second tag. In some embodiments, the first tag and the second tag are displayed in one or more lines on the second page, which enriches the manner of displaying multiple tags on the second page.

[0103] The second area corresponding to the second tag is provided with one or more options, and each option is used to display one information stream of the function set corresponding to the second tag. The information stream here can be understood as one video segment, such as a video of a live room, or a commentary video of a favorite food, or a music video of a song.

[0104] This disclosure does not limit parameters such as the position, size, color, etc. of the second region on the second page. In some embodiments, the positions of the first and second regions on the second page may remain the same.

[0105] In addition, the display content and display style of the second tag or the options in the second tag may be related based on content such as the user's browsing history record, currently popular facts, the user's region in the first application, etc., and the first application may display the second tag in a personalized manner and display an information stream in the second option that is closer to the user's behavioral habits.

[0106] In some embodiments, for a specific implementation method of the second operation, reference may be made to the description of a user clicking tag 1032 in the embodiment of Figure 1B; for a specific implementation method of the second tag, reference may be made to the description of tag 1032 in Figure 1H; for a specific implementation method of the second area corresponding to the second tag, reference may be made to the description of display area 106 in Figure 1H; for the second option in the second area, reference may be made to the description of option 1061 in display area 106 in Figure 1H; and for a specific implementation method of the information stream corresponding to the second option in the second area, reference may be made to the description of the information stream corresponding to option 1061 in Figure 1H, and no further details will be given here.

[0107] The application page display method provided by the present disclosure can display a plurality of tags and a first region corresponding to the first tag on a second page in response to receiving a first operation performed by a user on a first page of a first application by an electronic device, and can play an information stream of a functional set corresponding to the first region. In addition, after a preset time has elapsed or after receiving a second operation performed by a user on a second tag, the electronic device can display a plurality of tags and a second region corresponding to the second tag on a second page, and can play an information stream of a functional set corresponding to the second region. This allows the user to clarify as many functions of each functional set as possible by fully utilizing the space of one page to display multiple functional sets and an information stream of one functional set, and further allows the user to automatically or manually obtain video content such as user interests and current facts from each functional set, which contributes to the application program being able to display the functional sets in a rich and three-dimensional manner, and improves the user experience of using the application program.

[0108] Additionally, if the first page corresponds to multimedia information of a first application, the electronic device can continue to play the multimedia information on the first page while simultaneously displaying the second page, so as to maintain the playback state of the multimedia information.

[0109] Based on the above description, if the first area further includes a third option, the electronic device can play an information stream corresponding to the first option and display one picture screen of the information stream corresponding to the third option.

[0110] The third option may be one option of the first area corresponding to the first tag, the first option being different from the third option, and the third option being used to display one information stream of the feature set corresponding to the first tag.

[0111] In some embodiments, for the first option in the first area, reference may be made to the description of option 1041 in display area 104 in Figures 1B to 1D and 1I to 1N, and correspondingly, for the third option, reference may be made to the description of option 1042 in display area 104 in Figures 1B to 1D and 1I to 1N, and for a specific implementation method of the information stream corresponding to the second option in the first area, reference may be made to the description of the information stream corresponding to option 1042 in Figures 1B to 1D and 1I to 1N, which will not be described further here.

[0112] In some other embodiments, for the first option in the first region, reference can be made to the description of option 1042 in display area 104 in Figures 1E to 1F, and correspondingly, for the third option in the first region, reference can be made to the description of option 1041 or option 1043 in display area 104 in Figures 1E to 1F, and for a specific implementation method of the information stream corresponding to the second option in the first region, reference can be made to the description of the information stream corresponding to option 1041 or option 1043 in display area 104 in Figures 1E to 1F, which will not be described in detail here.

[0113] In some other embodiments, for the first option in the first area, reference may be made to the description of option 1061 in display area 106 in Figure 1H, for the second option in the first area, reference may be made to the description of option 1062 in display area 106 in Figure 1H, for a specific implementation method of the information stream corresponding to the first option in the first area, reference may be made to the description of the information stream corresponding to option 1061 in Figure 1H, and for a specific implementation method of the information stream corresponding to the second option in the first area, reference may be made to the description of the information stream corresponding to option 1062 in Figure 1H, and further details will not be given here.

[0114] Based on the above description, when the first area includes the first option and the third option, the electronic device can also exchange information streams in the function set corresponding to the first tag.

[0115] In some embodiments, the electronic device can accept a third action performed by the user on the second page. The third action is used to replace an information stream corresponding to one option for playing with an information stream corresponding to another option, and the third action can include, but is not limited to, a type of action such as clicking, double clicking, long pressing, sliding, etc. For example, the third action can be an action that acts on a control in the option or can be an action that fulfills a preset gesture.

[0116] In some embodiments, the specific implementation manner of the third operation may refer to the description of the slide-up operation performed by the user in the embodiment of FIG. 1B, and is not limited thereto.

[0117] The third operation may be an operation for increasing the display area of ​​the third option in the first region to more than a preset value. The present disclosure does not limit the size of the preset value. For example, the preset value is the entire area of ​​the third option.

[0118] Alternatively, the third operation may be an operation in which the moving distance of the third option is equal to or greater than the preset distance. The present disclosure does not limit the size of the preset distance. For example, the preset distance is half the length of the third option.

[0119] Alternatively, the third operation may be an operation of moving the third option to a preset position in the first area. The preset position is a position of the information stream corresponding to the first option in the first area when playing the information stream corresponding to the first option and displaying one picture screen of the information stream corresponding to the third option. In some examples, the preset position may be an initial position of the information stream corresponding to the first option in the first area.

[0120] Thereby, after receiving the third operation, the electronic device can be updated from playing the information stream corresponding to the first option and displaying one picture screen of the information stream corresponding to the third option to displaying one picture screen of the information stream corresponding to the first option and playing the information stream corresponding to the third option.

[0121] In addition, during the sliding process of the third option, the first application can set up a sticking effect and play an information stream corresponding to the first option in the first area by default, so that after the electronic device accepts the third operation, the third option can be stuck and displayed at the position of the first option, the third option can be completely displayed on the second page, and the information stream corresponding to the third option can be automatically played.

[0122] In some examples, the information stream can include a video screen and a video sound. In some other examples, the information stream can include a video screen. In step S102, when playing an information stream corresponding to one of the options of playing an information stream corresponding to a first option in a first region or playing an information stream corresponding to a second option in a second region in step S103, the electronic device can play the video screen and the video sound of the information stream corresponding to the option, or play and mute the video screen of the information stream corresponding to the one option.

[0123] Based on the above description, the electronic device can also adjust the video audio of the information stream corresponding to the option. In some embodiments, the electronic device can accept a fourth operation performed by a user on a display area of ​​one of the options. After accepting the fourth operation, the electronic device can lower, raise, or mute the video audio of the information stream corresponding to one of the options. For example, the electronic device accepts a fourth operation performed by a user on one of the options in the first area or the second area to lower, raise, or mute the video audio of the information stream corresponding to one of the options in the first area or the second area.

[0124] The fourth operation is used to adjust the video and audio of the information stream corresponding to one option, and the fourth operation may include, but is not limited to, types of operations such as clicking, double clicking, long pressing, sliding, etc. For example, the fourth operation may be an operation that acts on a control of the option, or an operation that fulfills a preset gesture.

[0125] In some embodiments, for a specific implementation method of the fourth operation, reference may be made to the description of a user clicking control 1051 in the embodiment of Figure 1B, or for a specific implementation method of the fourth operation, reference may be made to the description of a user clicking control 1052 in the embodiment of Figure 1C, and for a specific implementation method of the fourth operation, reference may be made to the description of a user clicking control 1053 in the embodiment of Figure 1D, and the above is not limited thereto.

[0126] Based on the above description, when multiple tags are displayed on the second page, the present disclosure allows editing of the position, size, number, etc. of the multiple tags.

[0127] The electronic device can delete the already displayed tag on the second page. In some embodiments, a first control can be further displayed on the second page, and the first control is used to delete the tag. The present disclosure does not limit parameters such as the shape, size, position, and color of the first control. The electronic device can accept a fifth operation performed by a user on the first control. The fifth operation is used to delete the tag, and the fifth operation can include, but is not limited to, types of operations such as clicking, double-clicking, long pressing, and sliding. For example, the fifth operation may be an operation that acts on the first control or an operation that fulfills a preset gesture. Thereby, the electronic device can delete the first tag from the second page after accepting the fifth operation.

[0128] In some embodiments, for a specific implementation manner of the first control, reference may be made to the description of control 1073 in the embodiment of Figure 1K; for a specific implementation manner of the fifth operation, reference may be made to the description of a user clicking control 1073 in the embodiment of Figure 1K; for a specific implementation manner of deleting the first tag, reference may be made to the description of a user clicking delete tag 1034 in the embodiment of Figure 1M, and the above is not limited thereto.

[0129] The electronic device can add a tag that is not displayed to the second page. In some embodiments, a second control can be further displayed on the second page, and the second control is used to add a new tag. The present disclosure does not limit parameters such as the shape, size, position, and color of the second control. The electronic device can accept a sixth operation performed by the user on the second control. The sixth operation is used to add a new tag, and the sixth operation can include, but is not limited to, types of operations such as clicking, double-clicking, long pressing, and sliding. For example, the sixth operation may be an operation that acts on the second control, or an operation that fulfills a preset gesture. Thereby, the electronic device can display a third tag on the second page after accepting the sixth operation, and the third tag is different from the first tag and the second tag.

[0130] In some embodiments, for a specific implementation method of the second control, reference may be made to the description of tag 1035 in the embodiment of Figure 1I; for a specific implementation method of the sixth operation, reference may be made to the description of a user clicking tag 1035 in the embodiment of Figure 1I; for a specific implementation method of the third tag, reference may be made to the description of a user clicking tag 1036 in the embodiment of Figure 1J; and the above is not limited thereto.

[0131] The electronic device can move the position of the tag already displayed on the second page. In some embodiments, the electronic device can accept a seventh operation performed by the user on the first tag. The seventh operation is used to move the position of the tag, and the seventh operation can include, but is not limited to, types of operations such as clicking, double clicking, long pressing, sliding, etc. For example, the seventh operation can be an operation that satisfies a preset gesture. Thereby, the electronic device can exchange the positions of the first tag and the second tag with each other on the second page after accepting the seventh operation.

[0132] In some embodiments, for a specific implementation manner of the seventh operation, reference may be made to the description of the operation in which a user moves tag 1034 to the position of tag 1036 in the embodiment of Figure 1K, and for a specific implementation manner of swapping the positions of the first tag and the second tag, reference may be made to the description of the swapping of the positions of tag 1034 and tag 1036 in window 102 in the embodiment of Figure 1L, which are not limited here.

[0133] The electronic device can display all tags on the second page. In some embodiments, a third control can be further displayed on the second page, and the third control is used to display all tags. The present disclosure does not limit parameters such as the shape, size, position, and color of the third control. The electronic device can accept an eighth operation performed by a user on the third control. The eighth operation is used to display all tags, and the eighth operation can include, but is not limited to, types of operations such as clicking, double clicking, long pressing, and sliding. For example, the eighth operation may be an operation that acts on the third control, or an operation that fulfills a preset gesture. Thereby, after accepting the eighth operation, the electronic device can update from displaying the first tag and the second tag on the second page to displaying the first tag, the second tag, and the fourth tag on the second page, and the fourth tag is different from the first tag and the second tag.

[0134] In some embodiments, for a specific implementation method of the third control, reference may be made to the description of the operation of control 1071 in the embodiment of Figure 1B; for a specific implementation method of the eighth operation, reference may be made to the description of the operation of a user clicking on control 1071 in the embodiment of Figure 1B; for a specific implementation method of displaying the first tag, the second tag, and the fourth tag, reference may be made to the description of tags 1031, 1032, 1033, and 1034 in the embodiment of Figure 1I, which are not limited here.

[0135] The electronic device may display some tags on the second page. In some embodiments, a fourth control may further be displayed on the second page, and the fourth control is used to display some tags and hide some tags. The present disclosure does not limit parameters such as the shape, size, position, and color of the fourth control. The electronic device may accept a ninth operation performed by a user on the fourth control. The ninth operation is used to display some tags, and the ninth operation may include, but is not limited to, types of operations such as clicking, double-clicking, long pressing, and sliding. For example, the ninth operation may be an operation that acts on the fourth control or an operation that fulfills a preset gesture. Thereby, the electronic device may update from displaying the first tag and the second tag on the second page to displaying the first tag on the second page after accepting the ninth operation.

[0136] In some embodiments, for a specific implementation method of the fourth control, reference may be made to the description of the operation of control 1072 in the embodiment of Figure 1I; for a specific implementation method of the ninth operation, reference may be made to the description of the operation of a user clicking on control 1072 in the embodiment of Figure 1I; for a specific implementation method of displaying the first tag, reference may be made to the descriptions of tags 1031, 1032, and 1033 in the embodiment of Figure 1B, which are not limited here.

[0137] The electronic device can also enter a page corresponding to each option in the first area and each option in the second area. After the electronic device accepts an operation performed by a user on one option, the electronic device can enter a page corresponding to another option. In some embodiments, the specific implementation process described above can be referred to the description of one live room displayed on the user interface 12 in FIG. 1G, and will not be described here.

[0138] By way of example, the present disclosure provides an electronic device, including one or more processors, a memory, and one or more computer programs, the one or more computer programs being stored in the memory, and the one or more processors, when executing the one or more computer programs, causing the electronic device to realize the application page display method of the above embodiment.

[0139] Exemplarily, the present disclosure provides a chip system, which is applied to an electronic device including a memory and a sensor, and the chip system includes a processor, which executes the application page display method of the above embodiment.

[0140] Illustratively, the present disclosure provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, causes an electronic device to realize the application page display method of the above embodiment.

[0141] Illustratively, the present disclosure provides a computer program, which, when executed on a computer, causes the computer to perform the application page display method of the above embodiment.

[0142] In the above embodiments, all or part of the functions can be realized by software, hardware, or a combination of software and hardware. When realized by software, all or part can be realized in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded into a computer and executed, the processes or functions described according to the embodiments of the present disclosure are generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium. The computer-readable storage medium is any available medium that can be accessed by a computer, or a data storage device such as a server, a data center, etc. that includes one or more available media collections. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a magnetic tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid state disk (SSD)), etc.

[0143] It should be noted that, in this specification, relational terms such as "first" and "second" are merely intended to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprise", "include", or any other variant thereof are intended to cover a non-exclusive inclusion, whereby a process, method, article, or device that includes a set of elements includes not only those elements, but also other elements not expressly listed, or elements inherent in such process, method, article, or device. In the absence of further limitations, an element defined by the phrase "comprises" does not exclude the presence of other identical elements in the process, method, article, or device that includes the element.

[0144] The above description is merely specific embodiments of the present disclosure, so that those skilled in the art can understand or realize the present disclosure. Various modifications to these examples will be obvious to those skilled in the art, and the general principles defined herein can be realized in other embodiments without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure is not limited to these examples described herein, but is accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. 1. A method for displaying an application page executed by an electronic device, comprising: accepting a first operation performed by a user on a first page of a first application, the first operation being used to enter a second page of the first application, the first page being different from the second page; in response to receiving the first operation, displaying a first tag, a second tag, and a first area corresponding to the first tag on the second page, and playing an information stream corresponding to a first option in the first area, wherein the first tag and the second tag have different identifying functions; and if a preset condition is met, switching on the second page to display a second area corresponding to the second tag and playing an information stream corresponding to a second option in the second area, the preset condition including that a preset time length has elapsed. A method comprising:

2. the first region and the second region are located at the same position on the second page; 2. The method of claim 1 .

3. If the first area further includes a third option different from the first option, the step of playing the information stream corresponding to the first option in the first area includes: playing an information stream corresponding to a first option in the first area, and displaying a picture frame in the information stream corresponding to a third option in the first area; 3. The method according to claim 1 or 2.

4. accepting a third operation performed by a user on the second page; 4. The method of claim 3, further comprising: in response to receiving the third operation, switching from playing an information stream corresponding to a first option in the first area and displaying one picture frame in the information stream corresponding to a third option in the first area to displaying one picture frame in the information stream corresponding to the first option in the first area and playing an information stream corresponding to the third option in the first area.

5. the third operation is an operation of increasing a display area of ​​the third option in the first area to a preset value or more; or 5. The method of claim 4, wherein the third operation is an operation of moving the third option to a preset position in the first area.

6. The preset position is a position of the information stream corresponding to the first option in the first area when playing the information stream corresponding to the first option and displaying one picture frame in the information stream corresponding to the third option.

6. The method of claim 5 .

7. The step of playing an information stream corresponding to an option comprises: playing a video screen and a video audio of an information stream corresponding to said one option; or playing a video screen of an information stream corresponding to said one of the options; The method according to any one of claims 1 to 6.

8. accepting a fourth operation performed by a user on one of the options in the first area or the second area; and in response to receiving the fourth operation, lowering, raising, or muting a video sound of an information stream corresponding to an option in the first area or the second area.

2. The method of claim 1 .

9. the first tag is the first tag of the second page, the first option is the first option of the first region, and the second option is the first option of the second region; The method according to any one of claims 1 to 8.

10. the tag or option is displayed in a preset position on the second page; The method according to any one of claims 1 to 9.

11. the first tag and the second tag are displayed in one or more lines on the second page; The method according to any one of claims 1 to 10.

12. options in the first tag and the second tag relate to a browsing history record of the user in the first application; the first tag and the second tag are associated with a browsing history record of the user in the first application; The method according to any one of claims 1 to 11.

13. An electronic device comprising one or more processors, a memory and one or more computer programs, the one or more computer programs being stored in the memory, the one or more processors causing the electronic device to implement a method according to any one of claims 1 to 12 when executing the one or more computer programs.

1. An electronic device comprising:

14. A computer storage medium comprising computer instructions, which when executed by an electronic device cause the electronic device to perform the method of any one of claims 1 to 12. A computer storage medium comprising:

15. A computer program, which when executed by a computer causes the computer to carry out the method according to any one of claims 1 to 12. A computer program comprising:

Images