Method, device and equipment for page interaction and storage medium

Abstract

The embodiment of the invention provides a page interaction method and device, equipment and a storage medium. The method comprises the following steps that: the terminal equipment presents a content display page, wherein the content display page comprises media content items organized according to a plurality of columns in a multi-column view mode; further, in response to detecting a first content update operation in a page region associated with a first column of the plurality of columns, the terminal device updates the media content item presented in the first column and maintains the media content items presented in other columns of the plurality of columns other than the first column unchanged. In this way, the probability of occurrence of white screens and lags due to untimely loading and rendering of media content items will be reduced. More importantly, compared with whole-page scrolling, updating of the media content item can be limited in a predetermined area by supporting single-row scrolling, so that updating operation is more flexible.

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and particularly to methods, apparatuses, devices, and computer-readable storage media for page interaction. Background Art

[0002] Currently, more and more applications are designed to provide various services to users. For example, users can publish, browse, and view various types of content in an application, including multimedia content such as videos, images, image sets, sounds, etc. Users can also interact with other users in the application, such as liking, favoriting, commenting on the content published by other users, or following other users, visiting the personal home pages of other users, etc. Summary of the Invention

[0003] In a first aspect of the present disclosure, a method for page interaction is provided. The method includes: presenting a content display page, the content display page including media content items organized in multiple columns in a multi-column view mode; in response to detecting a first content update operation in a page area associated with a first column among the multiple columns, updating the media content items presented in the first column while maintaining the media content items presented in other columns except the first column among the multiple columns unchanged; and in response to detecting a second content update operation in a page area associated with a second column among the multiple columns, updating the media content items presented in the second column while maintaining the media content items presented in other columns except the second column among the multiple columns unchanged.

[0004] In a second aspect of the present disclosure, an apparatus for page interaction is provided. The apparatus includes: a content presentation module configured to present a content display page, the content display page including media content items organized in multiple columns in a multi-column view mode; a first column update module configured to, in response to detecting a first content update operation in a page area associated with a first column among the multiple columns, update the media content items presented in the first column while maintaining the media content items presented in other columns except the first column among the multiple columns unchanged; and a second column update module configured to, in response to detecting a second content update operation in a page area associated with a second column among the multiple columns, update the media content items presented in the second column while maintaining the media content items presented in other columns except the second column among the multiple columns unchanged.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. The instructions, when executed by the at least one processing unit, cause the device to perform the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided. A computer program is stored on the computer-readable storage medium and can be executed by a processor to implement the method of the first aspect.

[0007] It should be understood that the content described in this part is not intended to define the key features or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0008] In conjunction with the accompanying drawings and with reference to the following detailed description, the above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent. In the drawings, the same or similar reference numerals denote the same or similar elements, where:

[0009] Figure 1 A schematic diagram showing an example environment in which the embodiments of the present disclosure can be implemented;

[0010] Figures 2A to 2C An example user interface showing some embodiments of the present disclosure;

[0011] Figure 3 An example user interface showing some embodiments of the present disclosure

[0012] Figures 4A to 4B An example user interface showing some embodiments of the present disclosure;

[0013] Figure 5 A flowchart showing a process for page interaction according to some embodiments of the present disclosure;

[0014] Figure 6 A block diagram showing a device for page interaction according to some embodiments of the present disclosure; and

[0015] Figure 7 A block diagram showing a device capable of implementing multiple embodiments of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0016] The embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0017] In the description of the embodiments of the present disclosure, the term "including" and its similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". There may also be other explicit and implicit definitions hereinafter.

[0018] In this article, unless explicitly stated, performing a step "in response to A" does not mean that the step is immediately executed after "A", but may include one or more intermediate steps.

[0019] It can be understood that the data involved in the technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and related provisions.

[0020] It can be understood that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained through appropriate means in accordance with relevant laws and regulations.

[0021] For example, when responding to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested by the user will require obtaining and using the user's personal information, so that the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, an application program, a server, or a storage medium that performs the operations of the technical solution of the present disclosure according to the prompt message.

[0022] As an optional but non-limiting implementation manner, the manner of sending a prompt message to the user in response to receiving an active request from the user may be, for example, in the form of a pop-up window, and the prompt message may be presented in text in the pop-up window. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0023] It can be understood that the above process of notifying and obtaining the user's authorization is only illustrative and does not limit the implementation manner of the present disclosure, and other manners that meet the relevant laws and regulations can also be applied to the implementation manner of the present disclosure.

[0024] As discussed above, currently more and more applications are designed to provide various services to users. For example, users can publish, browse, and view various types of content in the application, including multimedia content such as videos, images, image sets, and sounds.

[0025] Further, the application can provide a content display page to present multiple media content items to the user. In some implementations, to improve the user's browsing efficiency, the application supports displaying multiple media content items in the form of cards within a user interface (e.g., a page). In addition, the card layout of the media content items can be implemented in various ways, such as a grid layout with fixed width and height and a waterfall layout with fixed width and variable height.

[0026] For an application that supports a single media type, the cards of the media content items can be configured with one or more fixed ratios. For example, the aspect ratio of a common video media item card can be configured as 16:9, 4:3, 21:9, etc. In this case, the card layout can be configured as a grid layout with fixed width and height.

[0027] Different from an application that supports a single media type, for a comprehensive application that supports multiple media types, the media content types presented thereon are diverse, including but not limited to videos, pictures, etc. Therefore, in addition to the diversity of media content types, the playback modes of the media content items are also diverse. For example, the media content items can be in landscape mode or portrait mode. In short, for a comprehensive application that supports multiple media types, the aspect ratios of each media content item become more complex and diverse. In this case, the card layout can be a waterfall layout with fixed width and variable height.

[0028] In the traditional solution, whether it is a grid layout or a waterfall layout, the user can scroll the page up and down to view more content. Specifically, when the user scrolls the page to view more content, the multiple media content columns in the content display page scroll up or down simultaneously, thereby realizing the update of the media content items. However, when the number of media content items to be updated is large, the card loading and rendering will be untimely, resulting in the appearance of a white screen and lag. More importantly, when scrolling the entire page, the number of updated media content items is too large, resulting in an excessive amount of information presented to the user in a short time, which is likely to cause the user to experience mental fatigue.

[0029] According to the present disclosure, a solution for page interaction is proposed. In this solution, the terminal device presents a content display page to the user, where the content display page includes media content items organized in multiple columns in a multi-column view mode. Further, in response to detecting a first content update operation in a page area associated with the first column among the multiple columns, the terminal device updates the media content items presented in the first column while maintaining the media content items presented in the other columns except the first column among the multiple columns unchanged. Alternatively or additionally, in response to detecting a second content update operation in a page area associated with the second column among the multiple columns, the terminal device updates the media content items presented in the second column while maintaining the media content items presented in the other columns except the second column among the multiple columns unchanged.

[0030] In this way, in a content display page including the first column and / or the second column, the media content items in the first column and / or the second column can be independently scrolled / updated independently of other columns. In this way, the probability of occurrence of white screens and lags caused by untimely card loading and rendering will be reduced. More importantly, compared with full-page scrolling / updating, single-column scrolling / updating can limit the update of media content items to a predetermined area, enhancing the user's sense of control.

[0031] The term "media content item" in this disclosure refers to any type of media work, including but not limited to, audio files, video files, picture files, text files, etc. Specifically, the work can be, short videos, music, pictures, picture compilations, multimedia clips, audio-visual materials, and so on. This disclosure is not limited in this regard.

[0032] Example environment

[0033] Figure 1 FIG. shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. In this example environment 100, an application 120 is installed in the terminal device 110. The user 140 can interact with the application 120 via the terminal device 110 and / or an attached device of the terminal device 110.

[0034] In some embodiments, the application 120 can be a content sharing application (for example, a video application mainly for video sharing), capable of providing various services related to media content items to the user 140, including content browsing, commenting, forwarding, creation (for example, shooting and / or editing), publishing, and so on. In some embodiments, the application 120 can also be any other suitable application in which media content items can be displayed.

[0035] In some embodiments, the application 120 can be a browser application. In this case, the user can access a specific Internet service by entering a specific website address in the browser application.

[0036] In this article, each "media content item" includes one or more types of content, such as video, image, animated picture, image set, audio, text, and so on.

[0037] Generally, media content items can be presented in a content display page in a multi-column view mode or a single-column view mode, and each media content item can be presented in a card style in the content display page.

[0038] Further, as discussed above, in the multi-column view mode, media content items in the content display page can be laid out in a waterfall flow with a fixed width and variable height, where the page sizes occupied by different media content items can be different. Alternatively, in the multi-column view mode, media content items in the content display page can be laid out in a regular grid, where the page sizes occupied by all media content items are the same. In the single-column view mode, the media content items are arranged in a single column, and the page sizes occupied by different media content items can be the same or different from each other.

[0039] In Figure 1 In the environment 100, if the application 120 is active, the terminal device 110 can present the page 150 of the application 120. The page 150 can include various types of pages that the application 120 can provide, such as content display pages, content creation pages, content publishing pages, message pages, personal home pages, and so on. The application 120 can provide a content viewing function to view various types of content published in the application 120. Via the corresponding page, the application 120 can provide the user 140 with content associated with media content or shopping content. Via an appropriate manner, such as clicking or selecting a page element, the application 120 can also provide the user 140 with a choice and switching of the presentation manner of the associated content. In this document, "media content" includes one or more types of content, such as images, image sets, videos, animated gifs, audio, text, and so on.

[0040] In some embodiments, the terminal device 110 communicates with the server 130 to implement the supply of the services of the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio broadcast receivers, e-book devices, game devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 is also capable of supporting any type of user interface (such as a "wearable" circuit, etc.). The server 130 can be various types of computing systems / servers capable of providing computing capabilities, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and so on.

[0041] It should be understood that the structures and functions of the various elements in the environment 100 are described only for exemplary purposes, without implying any limitation on the scope of the present disclosure.

[0042] Example processes and example interfaces

[0043] For better understanding of the various embodiments of the present disclosure, reference is made in the following exemplary embodiments to Figures 2A to 4B the exemplary user interfaces 200A to 400B shown. It should be understood that Figures 2A to 4B the user interfaces shown are merely examples, and various designs may actually exist. For example, the various graphical elements and / or controls in the user interface may have different arrangements and different visual representations, one or more of the elements and / or controls may be omitted or replaced, and there may also be one or more other elements and / or controls. In addition, any appropriate content may be included in the user interface. The scope of the present disclosure is not limited in this regard.

[0044] Furthermore, the user can switch and jump between user interfaces by activating the controls / entries in each user interface. It should be understood that the logic of switching and jumping can be set arbitrarily. For example, in the exemplary embodiment, the user jumps from the first user interface to the second user interface by activating a control. In other embodiments, the user can jump from the first user interface to the third user interface by activating another control. The present disclosure is not limited in this regard. It should also be understood that although multiple user interfaces are described in a particular embodiment, any user interface described in the present disclosure can be independently implemented and protected as a separate embodiment.

[0045] In the exemplary embodiments of the present disclosure, the exemplary user interfaces 200A to 400B can be implemented at the terminal device 110. For ease of discussion, reference will be made to Figure 1 the environment 100 to describe the exemplary user interfaces 200A to 400B.

[0046] In the environment 100, the terminal device 110 presents a page 150 of the application 120. In some cases, the page 150 presented by the terminal device 110 may be a specific content display page of the application 120, and media content items are presented in the content display page. In some embodiments, the content display page refers to a page for presenting or pushing media content items and other relevant information to the user. A set of media content items that can be presented in the content display page may include various types of media content items. The media content items to be presented in a specific content display page can be determined according to the application design requirements. The specific media content items to be displayed and their numbers will vary in different scenarios.

[0047] In some embodiments, the content display page may include the home page of Application 120, or a recommended home page among a set of home pages of Application 120. The recommended content items presented to the user on the recommended home page are sometimes also referred to as a recommended information stream. In some embodiments, the content display page may include other pages under the home page of Application 120, such as a following page (which presents media content items posted by a set of users followed by the current user), a local page (which presents media content items posted by other users within the same regional scope as the current user), or media content items aggregated or classified in other ways.

[0048] If there is a large amount of miscellaneous information to be presented in the application, the information is often presented in categories to facilitate the user to obtain the information in a more concise manner. Presenting the information in categories often requires setting multiple navigation labels corresponding to different information on the page. The user can switch different navigation labels to obtain the page corresponding to the label. In some embodiments, navigation labels for navigating to different pages may be provided in Application 120. In the embodiments of the present disclosure, a certain page, including the content display page, can be presented at least by selecting a predetermined navigation label. That is to say, the predetermined navigation label in the application can be used to navigate to the content display page.

[0049] According to some embodiments of the present disclosure, the terminal device 110 may present a content display page to the user, where the content display page includes media content items organized in multiple columns in a multi-column view mode. Refer to Figure 2A the example user interface 200A shown. The example user interface 200A is a content display page, which includes multiple columns of media content items, namely media content columns 210-1 to 210-5. In this way, especially when the display device of the terminal device 110 has a relatively large size, more media content items can be presented to the user.

[0050] As discussed below, according to some embodiments of the present disclosure, the media content columns in the multiple columns of media content items can be scrolled independently. Specifically, the terminal device 110 detects a first content update operation in the page area associated with the first column among the multiple columns. If the terminal device 110 detects a first content update operation in the page area associated with the first column among the multiple columns, the media content items presented in the first column are updated and the media content items presented in the other columns except the first column among the multiple columns are maintained unchanged.

[0051] Correspondingly, the terminal device 110 detects a second content update operation in the page area associated with the second column among the multiple columns. If the terminal device 110 detects a second content update operation in the page area associated with the second column among the multiple columns, the media content items presented in the second column are updated and the media content items presented in the other columns except the second column among the multiple columns are maintained unchanged.

[0052] See Figure 2B and 2C the example user interfaces 200B and 200C shown. As Figure 2B shown, when the terminal device 110 detects a first content update operation within the page area 250 associated with the media content column 210-1, the terminal device 110 updates the media content items presented in the media content column 210-1 and maintains the media content items presented in the other columns in the multiple columns except the media content column 210-1 unchanged.

[0053] As Figure 2C shown, when the terminal device 110 detects a second content update operation within the page area 260 associated with the media content column 210-2, the terminal device 110 updates the media content items presented in the media content column 210-2 and maintains the media content items presented in the other columns in the multiple columns except the media content column 210-2 unchanged.

[0054] In some embodiments, each column in the multiple columns in the content display page can be independently updated in response to a content update operation. See the attached Figure 2A , any one of the media content columns 210-1 to 210-5 in the example user interface 200A can be independently updated in response to a content update operation.

[0055] As discussed below, the content update operation can be implemented in a variety of ways. In some embodiments, the content update operation can be a scrolling operation, for example, a scrolling operation within the corresponding page area by a mouse or other input device.

[0056] Alternatively, in some embodiments, the content update operation can be a swiping operation, such as a swiping operation by a finger or a stylus on a touch screen. Alternatively, in some embodiments, the content update operation can be a dragging operation, for example, by pressing and holding the left mouse button and dragging the mouse up or down within the corresponding page area. Alternatively, in some embodiments, the content update operation can be a triggering operation on a refresh control, for example, by right-clicking the mouse on a certain column to trigger the display and triggering of the refresh control. Alternatively, in some embodiments, the content update operation can be a dragging operation on a scroll bar, for example, when the mouse hovers over a certain column, the terminal device 110 presents a scroll bar on the right side of the column, and the user can trigger the content update of the column by operating the scroll bar.

[0057] It should be understood that the above examples of the content update operation are only for the purpose of the specification and should not be construed as a limitation of the present disclosure. In other words, the present disclosure is not limited in terms of the specific implementation manner of the content update operation.

[0058] In this way, the user can switch between multiple columns of media content by moving an input device (such as a mouse) left and right, thereby updating any column of media content.

[0059] In some embodiments, in response to a first content update operation, the terminal device 110 determines a first number of media content items to be loaded based on the first content update operation, and updates the media content items presented in the first column by loading the first number of media content items. Correspondingly, in some embodiments, in response to a second content update operation, the terminal device 110 determines a second number of media content items to be loaded based on the second content update operation, and updates the media content items presented in the second column by loading the second number of media content items.

[0060] As discussed above, the content update operation can be implemented in various ways, such as scrolling, swiping, dragging, and triggering a refresh control, etc. In operation, the terminal device 110 determines the number of media content items to be loaded according to the distance of scrolling, swiping, dragging, and the number of times and duration of activation of the refresh control, etc. In this way, the number of updated content items can be flexibly controlled.

[0061] In some embodiments, the first content update operation may include a scrolling operation, a swiping operation, or a dragging operation in a first direction. Referring to Figure 2B the exemplary user interface 200B shown, the first operation is a vertical upward scrolling operation, a swiping operation, or a dragging operation.

[0062] Correspondingly, in some embodiments, the second content update operation may include a scrolling operation, a swiping operation, or a dragging operation in a second direction. Referring to Figure 2C the exemplary user interface 200C shown, the first operation is a vertical downward scrolling operation, a swiping operation, or a dragging operation.

[0063] Through the above exemplary embodiments, the user can achieve independent control of a single column of media content. Compared with global scrolling (sometimes also referred to as global update), single-column scrolling can give the user a stronger and more precise sense of control. In this case, the user only needs to gently scroll vertically to update the media content items within the specified area, alleviating the mental fatigue caused by information overload. At the same time, since the actual area to be updated is reduced, the number of content items that actually need to be updated is decreased, thereby greatly reducing the pressure of loading and rendering. Therefore, the probability of occurrence of white screens and freezes caused by untimely card loading and rendering will be reduced, and at the same time, the computing consumption of the server and the bandwidth cost between the user and the server are saved.

[0064] Further, when the total number of columns of the media content columns is small, even if multiple columns of media content items are updated simultaneously, the number of actually updated media content items will not be excessive. In other words, when the total number of columns of the media content columns is small, the simultaneous update of multiple columns of media content items will not cause the problem of slow loading speed or the sense of disorientation caused by information bombardment for users.

[0065] In view of this, as discussed below, according to some embodiments of the present disclosure, whether to perform multi-column simultaneous update or single-column independent update can be determined according to the total number of columns of media content columns in the content display page. Specifically, only when the number of multiple columns in the content display page exceeds a predetermined number of columns, the terminal device 110 updates the media content items presented in the first column in response to the first content update operation and / or updates the media content items presented in the second column in response to the second content update operation.

[0066] Correspondingly, when the number of multiple columns in the multi-column view mode does not exceed the predetermined number of columns, in response to detecting the first content update operation or the second content update operation, the terminal device 110 updates the media content items presented in multiple columns, that is, global update. In some embodiments, the predetermined number of columns is 2 columns. In this way, the single-column independent update mode and the global update mode can be flexibly determined according to the total number of media content columns.

[0067] See Figure 2B 、 2C and Figure 3 the example user interfaces 200B, 200C and 300 shown to further understand the above embodiments. In Figure 2B and 2C the user interfaces 200B and 200C shown, since the total number of columns of the media content columns is greater than the predetermined number of columns, each media content column in Figure 2B and 2C can be updated independently. In Figure 3 the user interface 300 shown, since the total number of columns of the media content columns is less than the predetermined number of columns, in the example embodiment of Figure 3 , in response to the content update operation, the media content columns 310-1 and 310-2 are updated synchronously.

[0068] As discussed above, the media content items presented on the content display page can be presented in the form of cards. At this time, the specific information of the media content items presented on the content display page is limited. When the user browses the content display page, there is a need for the user to further understand the dynamic display content of the media content items. In the traditional solution, the user needs to trigger the card of the media content item to switch to the playback page of the media content item. In this case, when the user needs to view multiple media content items, the user needs to frequently jump and switch between the content display page and the playback pages of different media items, which is cumbersome to operate.

[0069] As further discussed below, according to some embodiments of the present disclosure, the user can view the dynamic content of at least one media content item without frequently jumping and switching between multiple pages.

[0070] In operation, the terminal device 110 presents a content display page, where the content display page includes multiple media content items. In some embodiments, if the terminal device 110 detects a first interaction operation on a first media content item in the content display page, the first media content item is played in a muted playback state in the content display page.

[0071] Alternatively or additionally, in some embodiments, if the terminal device 110 detects a second interaction operation on a second media content item in the content display page, the second media content item is played in an audible playback state in the content display page, and the playback of the first media content item is maintained in a muted playback state.

[0072] In some embodiments, detecting on the first media content item includes detecting in a region associated with the media content item. Further, the region associated with the media content item includes, but is not limited to, the card region carrying the first media content item and / or an adjacent region of the card region.

[0073] See Figure 4A The illustrated example user interface 400A. The example user interface 400A includes multiple media content items 410-440. For ease of discussion, the media content items 410-440 will be referred to as the first media content item 410, the second media content item 420, the third media content item 430, and the fourth media content item 440, respectively.

[0074] In Figure 4A the example embodiment, if the terminal device 110 detects a first interaction operation on the first media content item 410 in the content display page, the first media content item 410 is played in a muted playback state in the content display page. Accordingly, in Figure 4AIn [the above], if the terminal device 110 detects a second interaction operation on the second media content item 420 in the content display page, the second media content item 420 is played in an audible playback state in the content display page, and the playback of the first media content item 410 in a muted playback state is maintained.

[0075] See Figure 4B The example user interface 400B shown. The example user interface 400B includes a plurality of media content items 450 - 480. For ease of discussion, the media content items 450 - 480 will be referred to as the first media content item 450, the second media content item 460, the third media content item 470, and the fourth media content item 480, respectively.

[0076] In Figure 4A the example embodiment of [the above], if the terminal device 110 detects a first interaction operation on the first media content item 450 in the content display page, the first media content item 450 is played in a muted playback state in the content display page. Accordingly, in Figure 4B [the above], if the terminal device 110 detects a second interaction operation on the second media content item 460 in the content display page, the second media content item 460 is played in an audible playback state in the content display page, and the playback of the first media content item 450 in a muted playback state is maintained.

[0077] In this way, in the content display page, in the case where the first interaction operation and / or the second interaction operation is detected, the terminal device 110 can present the dynamic content of the corresponding media content item to the user without performing a page jump.

[0078] As further discussed below, after the first and / or second media content item is triggered, the user can further trigger the muted playback of the third media content item. Specifically, in some embodiments, while the first media content item is played in a muted playback state, in response to detecting a third interaction operation on the third media content item in the content display page and the third interaction operation is of the same type as the first interaction operation, the terminal device 110 plays the third media content item in a muted playback state in the content display page.

[0079] See Figure 4A The example user interface 400A shown. In the example user interface 400A, when a third interaction operation is detected on the third media content item 430 in the content display page and the third interaction operation is of the same type as the first interaction operation, the terminal device 110 plays the third media content item 430 in a muted playback state in the content display page.

[0080] See Figure 4BThe example user interface 400B shown. In the example user interface 400B, when a third interaction operation is detected on the third media content item 470 in the content display page and the type of the third interaction operation is the same as that of the first interaction operation, the terminal device 110 plays the third media content item 470 in a muted playback state in the content display page.

[0081] In this way, the user can view the dynamic content of different media content items by triggering different media content items.

[0082] In some embodiments, the terminal device 110 may support the simultaneous muted playback of multiple media content items because when the media content items are played in a muted form, it will not cause too much interference to the user.

[0083] In addition, considering that even muted playback will consume data traffic. Therefore, the number of media content items for simultaneous muted playback can be limited to below a threshold number, such as 2, 3 or other appropriate numbers.

[0084] In some embodiments, the threshold number can be set to 1. In this case, while the first media content item is being played in a muted playback state, in response to a third interaction operation being detected on the third media content item in the content display page and the type of the third interaction operation being the same as that of the first interaction operation, the terminal device 110 plays the third media content item in a muted playback state in the content display page while pausing the playback of the first media content item. In this way, the user can achieve the sequential muted playback of different media content items by hovering the input device over different media content items in sequence.

[0085] As discussed below, since audible playback and muted playback belong to two different playback types, the existing audible playback will not be affected by the subsequent triggering of muted playback.

[0086] In some embodiments, while the second media content item is being played in an audible playback state, in response to a third interaction operation being detected on the third media content item in the content display page and the type of the third interaction operation being the same as that of the first interaction operation, the terminal device 110 may maintain the playback of the second media content item in an audible playback state and play the third media content item in a muted playback state in the content display page.

[0087] See Figure 4AExample user interface 400A. In example user interface 400A, when the second media content item 420 is playing in the audible playback state, if a third interaction operation is detected on the third media content item 430 and the type of the third interaction operation is the same as that of the first interaction operation, the terminal device 110 maintains the audible playback state of the second media content item 420 and plays the third media content item 430 in a muted playback mode.

[0088] See Figure 4B Example user interface 400B. In example user interface 400B, when the second media content item 460 is playing in the audible playback state, if a third interaction operation is detected on the third media content item 470 and the type of the third interaction operation is the same as that of the first interaction operation, the terminal device 110 maintains the audible playback state of the second media content item 460 and plays the third media content item 470 in a muted playback mode.

[0089] As discussed below, considering that interference may occur between multiple audible playbacks. Therefore, the number of media content items in audible playback is limited to one.

[0090] In some embodiments, while the second media content item is playing in the audible playback state, in response to detecting a fifth interaction operation on the fourth media content item in the content display page and the type of the fifth interaction operation is the same as that of the second interaction operation, the terminal device 110 may pause the audible playback state of the second media content item and play the fourth media content item in the content display page in the audible playback state.

[0091] See Figure 4A Example user interface 400A. In example user interface 400A, when the second media content item 420 is playing in the audible playback state, if a fifth interaction operation is detected on the fourth media content item 440 and the type of the fifth interaction operation is the same as that of the second interaction operation, the terminal device 110 suspends the audible playback state of the second media content item 420 and plays the fourth media content item 440 in the audible playback mode.

[0092] See Figure 4B Example user interface 400B. In example user interface 400B, when the second media content item 460 is playing in the audible playback state, if a fifth interaction operation is detected on the fourth media content item 480 and the type of the fifth interaction operation is the same as that of the second interaction operation, the terminal device 110 maintains the audible playback state of the second media content item 460 and plays the fourth media content item 480 in the audible playback mode.

[0093] In the present disclosure, the interaction operation can be triggered by a pointing and clicking device. As an example, the pointing and clicking device is, for example, a mouse, a stylus, and a finger. Interaction events of the mouse and the stylus are, for example, hovering, moving, clicking, scrolling, etc. Interaction events of the mouse can further include left-clicking, right-clicking, etc. It should be understood that the present disclosure is not limited in terms of the specific implementation manner of the interaction operation.

[0094] In some embodiments, the first interaction operation and / or the third interaction operation include a first type of interaction operation based on a pointing and clicking device. Additionally, in some embodiments, the first interaction operation and / or the third interaction operation include a hovering operation.

[0095] In some embodiments, the second interaction operation includes a second type of interaction operation based on a pointing and clicking device. Additionally, in some embodiments, the second type of interaction operation includes a clicking operation.

[0096] As discussed below, the effective area of the interaction operation can be defined within a predetermined area. Specifically, in some embodiments, the detection of the first type of interaction operation and the second type of interaction operation is based on the detection of the active area of the pointing and clicking device on the content display page.

[0097] In some embodiments, when the first media content item is played in a muted state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the first media content item, the terminal device maintains the playback of the first media content item in the muted state.

[0098] See Figure 4A Example user interface 400A. In the example user interface 400A, when the first media content item 410 is played in a muted state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the first media content item, that is, position 445, the terminal device 110 maintains the playback of the first media content item 410 in the muted state.

[0099] See Figure 4B Example user interface 400B. In the example user interface 400B, when the first media content item 450 is played in a muted state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the first media content item, that is, position 485, the terminal device 110 maintains the playback of the first media content item 450 in the muted state.

[0100] Alternatively or additionally, in some embodiments, when the second media content item is played in an audible state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the second media content item, the terminal device maintains the playback of the second media content item in the audible state.

[0101] See Figure 4A Example user interface 400A. In example user interface 400A, when the second media content item 420 is playing in the audible playback state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the first media content item, i.e., position 445, the terminal device 110 maintains the playback of the second media content item 420 in the audible playback state.

[0102] See Figure 4B Example user interface 400B. In example user interface 400B, when the second media content item 460 is playing in the audible playback state, in response to detecting that the active area of the pointing and clicking device is moved to an area outside the second media content item, i.e., position 485, the terminal device 110 maintains the playback of the second media content item 460 in the audible playback state.

[0103] As discussed below, according to some embodiments of the present disclosure, a media item playing in a mute / audible playback state may be paused. Specifically, in some embodiments, in response to detecting a fourth interaction operation on the first media content item or the second media content item, the terminal device 110 may pause the playback of the first media content item or the second media content item on the content display page.

[0104] In some embodiments, the type of the fourth interaction operation may be the same as the type of the second interaction operation, for example, both are click operations.

[0105] In some embodiments, when the first media content item is playing in the mute playback state, in response to detecting a fourth interaction operation on the first media content item, the playback of the first media content item is paused. Accordingly, in response to detecting a first interaction operation on the first media content item that was temporarily muted, the playback of the first media content item is resumed in the mute playback state. Alternatively, in response to detecting a second interaction operation on the first media content item that was paused in the mute playback state, the playback of the first media content item is resumed in the audible playback state.

[0106] In some embodiments, when the second media content item is playing in the audible playback state, in response to detecting a fourth interaction operation on the second media content item, the second media content item is played in the mute playback state. Further, in response to detecting a fourth interaction operation on the second media content item again, the playback of the second media content item is paused. Accordingly, in response to detecting a first interaction operation on the second media content item that was temporarily muted, the playback of the second media content item is resumed in the mute playback state. Alternatively, in response to detecting a second interaction operation on the second media content item that was paused in the mute playback state, the playback of the second media content item is resumed in the audible playback state.

[0107] In some embodiments, the total number of columns of the media content column is configured to be two columns. In this case, the user can place the input device at the middle position between the two columns. At this time, the user can easily operate between the two columns by slightly adjusting the position of the input device left and right. Further, when the user hovers the input device over a specific media content item / clicks on a specific media content item, the mute / audible playback of the media content item can be triggered. In this way, the frequent horizontal movement of the mouse caused by too many columns of the media content column is avoided.

[0108] As discussed below, according to some embodiments of the present disclosure, the user can trigger the viewing of the details of the media content item through the details viewing entry control. Specifically, the terminal device 110 presents the details viewing entry control in each of the multiple media content items on the content display page, and through the details viewing entry control, it is possible to adjust from the content display page to the details page of the corresponding media content item.

[0109] See Figure 4A Example user interface 400A. In the example user interface 400A, a details viewing entry control 415 corresponding to the first media content is presented. Further see Figure 4B Example user interface 400B. In the example user interface 400B, a details viewing entry control 455 corresponding to the fourth media content is presented.

[0110] As discussed below, according to some embodiments of the present disclosure, the user can interact with the media content item on the content display page. Specifically, the terminal device 110 presents at least one interaction control in each of the multiple media content items on the content display page, and through at least one interaction control, at least one interaction event corresponding to the corresponding media content item can be triggered. Interaction events include but are not limited to liking, favoriting, forwarding, etc.

[0111] See Figure 4A Example user interface 400A. In the example user interface 400A, an interaction control 425 corresponding to the first media content is presented. Further see Figure 4B Example user interface 400B. In the example user interface 400B, an interaction control 465 corresponding to the fourth media content is presented.

[0112] In this way, the user can perform interaction operations on the media content item without performing any page jumps, enriching the interaction methods.

[0113] As discussed below, when media content is presented in a multi-column view mode (i.e., the content display page includes media content items organized in multiple columns in the multi-column view mode), the user can update the content of a specific media content column without affecting the muted / audible playback state of the existing media content items.

[0114] In some embodiments, while a first media content item is being played in a muted state, in response to detecting a content update operation in a page area associated with a first column among the multiple columns, the terminal device 110 updates the media content item presented in the first column and maintains the playback of the first media content item in the muted state.

[0115] See Figure 4B the example user interface 400B shown. The example user interface 400B includes multi-column media content items, namely media content columns 455-1 to 455-5. In Figure 4B it, while a first media content item 450 is being played in a muted state, in response to detecting a content update operation in a page area associated with a first column 455-1 among the multiple columns, the terminal device 110 updates the media content item presented in the first column and maintains the playback of the first media content item 450 in the muted state.

[0116] Alternatively or additionally, in some embodiments, while a second media content item is being played in an audible state, in response to detecting a content update operation in a page area associated with a first column among the multiple columns, the terminal device 110 updates the media content item presented in the second column and maintains the playback of the second media content item in the audible state.

[0117] See Figure 4B the example user interface 400B shown. The example user interface 400B includes multi-column media content items, namely media content columns 455-1 to 455-5. In Figure 4B it, while a second media content item 460 is being played in an audible state, in response to detecting a content update operation in a page area associated with a first column 455-1 among the multiple columns, the terminal device 110 updates the media content item presented in the first column and maintains the playback of the second media content item 460 in the audible state.

[0118] In this way, the user can view the dynamic content of media content items, view the details of media content items, and interact with media content items within the content display page without performing any page jumps and switches.

[0119] Example method

[0120] Figure 5FIG. 500 is a flowchart of a process for page interaction according to some embodiments of the present disclosure. The process 500 may be implemented at the terminal device 110. Refer to the following Figure 1 to describe the process 500.

[0121] At block 510, the terminal device 110 presents a content display page at block 510. The content display page includes media content items organized in multiple columns in a multi-column view mode.

[0122] At block 520, in response to detecting a first content update operation in a page area associated with the first column among the multiple columns, the terminal device 110 updates the media content items presented in the first column while keeping the media content items presented in the other columns except the first column among the multiple columns unchanged.

[0123] At block 530, in response to detecting a second content update operation in a page area associated with the second column among the multiple columns, the terminal device 110 updates the media content items presented in the second column while keeping the media content items presented in the other columns except the second column among the multiple columns unchanged.

[0124] In some embodiments, the terminal device 110 determines a first number of media content items to be loaded based on the first content update operation; and updates the media content items presented in the first column by loading the first number of media content items.

[0125] In some embodiments, the terminal device 110 determines a second number of media content items to be loaded based on the second content update operation; and updates the media content items presented in the second column by loading the second number of media content items.

[0126] In some embodiments, the first content update operation includes a scrolling operation, a swiping operation, or a dragging operation in a first direction, and the second content update operation includes a scrolling operation, a swiping operation, or a dragging operation in a second direction.

[0127] In some embodiments, updating the media content items presented in the first column in response to the first content update operation, or updating the media content items presented in the second column in response to the second content update operation, is based on the number of columns in the content display page exceeding a predetermined number of columns.

[0128] In some embodiments, if the number of columns in the multi-column view mode does not exceed the predetermined number of columns, in response to detecting the first content update operation or the second content update operation, the terminal device 110 updates the media content items presented in the multiple columns.

[0129] In some embodiments, each of the multiple columns in the content display page can be independently updated in response to a content update operation.

[0130] Example devices and equipment

[0131] Embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 6 A schematic structural block diagram of a device 600 for page interaction according to some embodiments of the present disclosure is shown. The device 600 may be implemented as or included in a terminal device 110. Each module / component in the device 600 may be implemented by hardware, software, firmware, or any combination thereof.

[0132] As Figure 6 shown, the device 600 includes a content presentation module 610 configured to: present a content display page, the content display page including media content items organized in multiple columns in a multi-column view mode; a first column update module 620 configured to: in response to detecting a first content update operation in a page area associated with the first column among the multiple columns, update the media content items presented in the first column while maintaining the media content items presented in the other columns except the first column among the multiple columns unchanged; and a second column update module 630 configured to: in response to detecting a second content update operation in a page area associated with the second column among the multiple columns, update the media content items presented in the second column while maintaining the media content items presented in the other columns except the second column among the multiple columns unchanged.

[0133] In some embodiments, the first column update module 620 is further configured to: determine a first number of media content items to be loaded based on the first content update operation; and update the media content items presented in the first column by loading the first number of media content items.

[0134] In some embodiments, the second column update module 630 is further configured to: determine a second number of media content items to be loaded based on the second content update operation; and update the media content items presented in the second column by loading the second number of media content items.

[0135] In some embodiments, the first content update operation includes a scroll operation, a slide operation, or a drag operation in a first direction, and wherein the second content update operation includes a scroll operation, a slide operation, or a drag operation in a second direction.

[0136] In some embodiments, updating the media content items presented in the first column in response to the first content update operation, or updating the media content items presented in the second column in response to the second content update operation, is based on the number of columns in the content display page exceeding a predetermined number of columns.

[0137] In some embodiments, a third update module is configured to update media content items presented in multiple columns in response to detecting a first content update operation or a second content update operation if the number of multiple columns in a multi-column view mode does not exceed a predetermined number of columns.

[0138] In some embodiments, each column among multiple columns in a content display page can be independently updated in response to a content update operation.

[0139] The units and / or modules included in apparatus 600 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units and / or modules can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to the machine-executable instructions, some or all of the units and / or modules in apparatus 400 can be implemented at least partially by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can be used include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), system on a chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0140] It should be understood that one or more steps in the above methods can be performed by a suitable electronic device or a combination of electronic devices. Such an electronic device or a combination of electronic devices can include, for example, Figure 1 the terminal device 110 in

[0141] Figure 7 A block diagram of an electronic device 700 in which one or more embodiments of the present disclosure can be implemented is shown. It should be understood that Figure 7 the electronic device 700 shown is merely exemplary and should not constitute any limitation to the functions and scopes of the embodiments described herein. Figure 7 The electronic device 700 shown can be used to implement Figure 1 the terminal device 110.

[0142] As Figure 7 shown, the electronic device 700 is in the form of a general-purpose electronic device. The components of the electronic device 700 can include, but are not limited to, one or more processors or processing units 710, a memory 720, a storage device 730, one or more communication units 740, one or more input devices 750, and one or more output devices 760. The processing unit 710 can be an actual or virtual processor and can perform various processes according to programs stored in the memory 720. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing ability of the electronic device 700.

[0143] An electronic device 700 generally includes multiple computer storage media. Such media can be any available media accessible to the electronic device 700, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 720 can be volatile memory (such as registers, caches, random access memory (RAM)), non-volatile memory (such as read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 730 can be removable or non-removable media and can include machine-readable media, such as flash drives, magnetic disks, or any other media that can be capable of storing information and / or data and can be accessed within the electronic device 700.

[0144] The electronic device 700 can further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in Figure 7 it, a disk drive for reading from or writing to a removable, non-volatile magnetic disk (such as a "floppy disk") and an optical disk drive for reading from or writing to a removable, non-volatile optical disk can be provided. In these cases, each drive can be connected to a bus (not shown) by one or more data media interfaces. The memory 720 can include a computer program product 725 having one or more program modules that are configured to execute the various methods or actions of the various embodiments of the present disclosure.

[0145] The communication unit 740 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 700 can be implemented in a single computing cluster or multiple computer machines that can communicate via a communication connection. Thus, the electronic device 700 can operate in a networked environment using a logical connection with one or more other servers, network personal computers (PCs), or another network node.

[0146] The input device 770 can be one or more input devices, such as a mouse, keyboard, trackball, etc. The output device 760 can be one or more output devices, such as a display, speaker, printer, etc. The electronic device 700 can also communicate with one or more external devices (not shown) as needed via the communication unit 740, such as storage devices, display devices, etc., communicate with one or more devices that enable a user to interact with the electronic device 700, or communicate with any device that enables the electronic device 700 to communicate with one or more other electronic devices (such as a network card, modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).

[0147] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, and the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is further provided, the computer program product being tangibly stored on a non-transitory computer-readable medium and including computer-executable instructions, and the computer-executable instructions being executed by a processor to implement the method described above.

[0148] Aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to the present disclosure. It should be understood that each block of the flowcharts and / or block diagrams, and combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0149] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is produced that implements the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause a computer, a programmable data processing device, and / or other devices to work in a specific manner. Thus, the computer-readable medium storing the instructions includes a manufactured article that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0150] The computer-readable program instructions can be loaded onto a computer, other programmable data processing device, or other device, such that a series of operation steps are executed on the computer, other programmable data processing device, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing device, or other device to implement the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

[0151] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various implementations of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the blocks may occur in a different order than noted in the accompanying drawings. For example, two consecutive blocks may in fact be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or actions, or by a combination of dedicated hardware and computer instructions.

[0152] The various implementations of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The choice of terms used herein is intended to best explain the principles of the implementations, the practical application, or the improvement of the technology in the market, or to enable other ordinary skilled in the art to understand the various implementation manners disclosed herein.

Claims

1. A page interaction method, comprising: presenting a content display page, the content display page including media content items organized in a plurality of columns in a multi-column view mode; In response to detecting a first content update operation in a page area associated with a first column of the plurality of columns, updating the media content items presented in the first column while maintaining the media content items presented in other columns of the plurality of columns except the first column unchanged; as well as In response to detecting a second content update operation in a page area associated with a second column of the plurality of columns, the media content items presented in the second column are updated, while media content items presented in other columns of the plurality of columns except the second column are maintained unchanged.

2. The method of claim 1 , wherein updating the media content items presented in the first column comprises: determining a first number of media content items to load based on the first content update operation; And updating the media content items presented in the first column by loading the first number of media content items.

3. The method of claim 1 , wherein updating the media content items presented in the second column comprises: determining a second number of media content items to load based on the second content update operation; as well as The media content items presented in the second column are updated by loading the second number of media content items.

4. The method according to claim 1, wherein the first content update operation comprises a scrolling operation, a sliding operation or a dragging operation along a first direction, and The second content update operation includes a scrolling operation, a sliding operation or a dragging operation along a second direction.

5. The method of claim 1, wherein updating the media content items presented in the first column in response to the first content update operation, or updating the media content items presented in the second column in response to the second content update operation, is based on the number of the multiple columns in the content display page exceeding a predetermined number of columns.

6. The method according to claim 5, further comprising: If the number of the plurality of columns in the multi-column view mode does not exceed the predetermined number of columns, In response to detecting the first content update operation or the second content update operation, the media content items presented in the plurality of columns are updated. 7 . The method according to claim 1 , wherein each of the plurality of columns in the content presentation page can be independently updated in response to a content update operation.

8. A device for page interaction, comprising: A content presentation module configured to: present a content presentation page, the content presentation page including media content items organized in a plurality of columns in a multi-column view mode; A first column update module, configured to: in response to detecting a first content update operation in a page area associated with a first column among the plurality of columns, update the media content items presented in the first column, while maintaining the media content items presented in other columns among the plurality of columns except the first column unchanged; as well as The second column update module is configured to: in response to detecting a second content update operation in a page area associated with a second column among the multiple columns, update the media content items presented in the second column, while maintaining the media content items presented in other columns among the multiple columns except the second column unchanged.

9. An electronic device, comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 7 when executed by the at least one processing unit.

10. A computer-readable storage medium having a computer program stored thereon, wherein the computer program can be executed by a processor to implement the method according to any one of claims 1 to 7.

Images