Interaction method and device, equipment and storage medium

Abstract

The embodiment of the invention provides an interaction method and device, equipment and a storage medium. The method comprises the following steps: presenting a playing interface of media content, wherein the playing interface corresponds to a first navigation tag; and in response to the display width for presenting the playing interface being greater than a threshold value, presenting a group of navigation tags and at least one playing control in a navigation area of the playing interface, the group of navigation tags including a first navigation tag, and the at least one playing control being used for controlling playing of the media content. According to the embodiment of the invention, the navigation label and the playing control can be simultaneously presented in the navigation area by utilizing the advantage that the display equipment is greater than the threshold value, so that a user can complete navigation and playing control in the same area, the interaction efficiency is effectively improved, and the coherence of an interface and the accessibility of functions are enhanced.

Description

Technical Field

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

[0002] With the development of computer technology, various forms of electronic devices can greatly enrich people's daily life. For example, people can use electronic devices to interact in various ways. How to interact is the focus of attention. Summary of the invention

[0003] In a first aspect of the present disclosure, an interaction method is provided. The method includes: presenting a playback interface of media content, the playback interface corresponding to a first navigation label; and in response to a display width of the presented playback interface being greater than a threshold, presenting a group of navigation labels and at least one playback control in a navigation area of ​​the playback interface, the group of navigation labels including the first navigation label, and the at least one playback control for controlling playback of the media content.

[0004] In a second aspect of the present disclosure, a device for interaction is provided. The device includes: a first presentation module configured to present a playback interface of media content, the playback interface corresponding to a first navigation label; and a second presentation module configured to present a group of navigation labels and at least one playback control in a navigation area of ​​the playback interface in response to a display width of the presented playback interface being greater than a threshold value, the group of navigation labels including the first navigation label, and the at least one playback control for controlling playback of the media content.

[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, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device executes the method of the first aspect.

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

[0007] In a fifth aspect of the present disclosure, a computer program product is provided, which includes computer executable instructions, and when the instructions are executed by a processor, the method according to the first aspect of the present disclosure is implemented.

[0008] It should be understood that the contents described in this content section are not intended to limit the key features or important features of the embodiments of the present disclosure, nor are they intended 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

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

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

[0011] Figure 2A-2I An interface diagram according to some embodiments of the present disclosure is shown;

[0012] Figure 3 A flowchart showing an interaction process according to some embodiments of the present disclosure is shown;

[0013] Figure 4 A schematic structural block diagram of an apparatus for interaction according to some embodiments of the present disclosure is shown;

[0014] Figure 5 A block diagram of an electronic device capable of implementing various embodiments of the present disclosure is shown. DETAILED DESCRIPTION

[0015] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0016] It should be noted that the titles of any sections / subsections provided herein are not restrictive. Various embodiments are described throughout this article, and any type of embodiment may be included under any section / subsection. In addition, the embodiments described in any section / subsection may be combined in any manner with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0017] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part 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". Other explicit and implicit definitions may be included below. The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may be included below.

[0018] The embodiments of the present disclosure may involve user data, data acquisition and / or use, etc. These aspects are subject to the corresponding laws, regulations and relevant provisions. In the embodiments of the present disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user knows and confirms. Accordingly, when implementing each embodiment of the present disclosure, the type, scope of use, usage scenario, etc. of the data or information that may be involved should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with the relevant laws and regulations. The specific notification and / or authorization method can vary according to the actual situation and application scenario, and the scope of the present disclosure is not limited in this respect.

[0019] In this specification and the embodiments, if personal information processing is involved, it will be processed on the premise of having a legal basis (such as obtaining the consent of the subject of personal information, or it is necessary to perform a contract, etc.), and will only be processed within the scope of regulations or agreements. If a user refuses to process personal information other than the necessary information for basic functions, it will not affect the user's use of basic functions.

[0020] The embodiment of the present disclosure proposes an interactive solution. According to the solution, a playback interface of media content is presented, the playback interface corresponds to a first navigation label; and in response to a display width of the presented playback interface being greater than a threshold, a group of navigation labels and at least one playback control are presented in a navigation area of ​​the playback interface, the group of navigation labels including the first navigation label, and the at least one playback control is used to control the playback of the media content.

[0021] Based on this approach, the embodiments of the present disclosure can take advantage of the display device being larger than the threshold and simultaneously present navigation labels and playback controls in the navigation area to ensure that users can complete navigation and playback control in the same area, effectively improving interaction efficiency and enhancing interface coherence and functional accessibility.

[0022] Example Environment

[0023] Figure 1 1 is a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. Figure 1 As shown, example environment 100 may include a display device 110 .

[0024] In this example environment 100, the display device 110 may run an application 120 that supports interface interaction. The application 120 may be any suitable type of application for interface interaction, examples of which may include, but are not limited to, media applications, news applications, social applications, or other suitable applications. The user 140 may interact with the application 120 via the display device 110 and / or its attached devices.

[0025] exist Figure 1 In the environment 100 , if the application 120 is in an active state, the display device 110 may present an interface 150 for supporting interface interaction through the application 120 .

[0026] In some embodiments, the display device 110 communicates with the server 130 to provide services for the application 120. The display device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a handheld computer, a portable game terminal, a VR / AR device, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio receiver, an e-book device, a game device or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the display device 110 can also support any type of interface for the user (such as a "wearable" circuit, etc.).

[0027] The server 130 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. The server 130 may include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, etc. The server 130 may provide background services for the application 120 that supports virtual scenes in the display device 110.

[0028] A communication connection may be established between the server 130 and the display device 110. The communication connection may be established in a wired manner or a wireless manner. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the display device 110 may implement signaling interaction through the communication connection between the two.

[0029] It should be understood that the structure and function of the various elements in the environment 100 are described for exemplary purposes only and do not imply any limitation on the scope of the present disclosure.

[0030] Some example embodiments of the present disclosure will be described below with continued reference to the accompanying drawings.

[0031] Example Interaction

[0032] The following will refer to Figure 2A-2I To describe an example interaction process according to an embodiment of the present disclosure. FIG. 2A to FIG. 2I Example interfaces 200A to 200I according to some embodiments of the present disclosure are shown. Interfaces 200A to 200I may be composed of, for example, Figure 1 The display device 110 is provided as shown.

[0033] In some embodiments, the display device 110 may present Figure 2A The interface 200A shown in the figure may be a playback interface for presenting media content, so that a user can watch or listen to the media content through the interface 200A. The media content may be any playable content such as an image, a video, or an audio. For example, the media content currently played by the interface 200A is the media content 210, and the media content 210 may be presented at any appropriate position in the interface 200A, such as the central area of ​​the interface 200A.

[0034] In some embodiments, the interface 200A may include a navigation area 220. The navigation area may be presented at any appropriate position in the interface 200A, such as at a bottom bar position or a top bar position. The navigation area may also be composed of a plurality of sub-areas, and different sub-areas may be used to present navigation labels or navigation controls of different functions. The plurality of sub-areas in the navigation area may be presented at different positions in the interface 200A, and the display positions of the sub-areas are not limited here.

[0035] by Figure 2A As an example, the navigation area 220 may be composed of a sub-area 220-1 and a sub-area 220-2, and the sub-area 220-1 may be located above the display area corresponding to the media content, and the sub-area 220-2 may be located below the display area corresponding to the media content. Of course, for each of the sub-areas 220-1 and the sub-area 220-2, the sub-area may also be divided into a plurality of sub-areas with smaller areas, for example, for the sub-area 220-2, the sub-area 220-2 may also include a sub-area 201, a sub-area 202, a sub-area 203, and the like.

[0036] In some embodiments, the navigation area is an area in the interface for presenting navigation labels, which is used to provide a clear path for users, assist or guide users to quickly switch between different functional modules or content areas. Navigation labels are used to represent different functional modules or content areas, and users can quickly switch to the corresponding parts by clicking on these labels.

[0037] by Figure 2A As an example, the interface 200A currently presented by the display device 110 may correspond to a navigation label "Recommendation 230", wherein the navigation label "Recommendation 230" is used to indicate that the corresponding media content under the navigation label is a popular media content recommended to the user or a media content that the user is interested in. Specifically, the user can click the selection control corresponding to the navigation label "Recommendation 230" to enable the display device 110 to present the interface 200A.

[0038] In some embodiments, in addition to presenting the navigation label "Recommendation 230" in the interface 200A, the display device 110 may also present multiple navigation labels such as "Home 231", "Message 232", "Friends 233", "My 234", and "Hotspot 235".

[0039] For another example, the user can click on the navigation label corresponding to "message 232" in interface 200A to present a chat interface, wherein the chat interface can present chat session windows corresponding to the user and other users. The user can view the chat messages between the user and other users by clicking on the chat session window.

[0040] In order to improve the user's interaction efficiency, in some embodiments, the display device 110 can present at least one playback control in the navigation area in addition to presenting a set of navigation labels in the navigation area in response to the display width of the interface 200A being greater than the threshold, wherein the at least one playback control is used to control the playback of the media content. The threshold can be set as required, for example, it can be set to 600, etc. It should be noted that the threshold is also referred to as the first threshold in subsequent embodiments.

[0041] In some embodiments, the display width represents the number of horizontal pixels or physical size on the device screen that can be used to display content. The larger the display width, the more content or visual elements that can be displayed on the device.

[0042] In some embodiments, the display widths corresponding to different display devices may be different, for example, the display width corresponding to a general handheld computer is higher than the display width corresponding to a mobile phone. In some embodiments, if the interface of the display device is rotated, the corresponding display width may also change, for example, the display width corresponding to the horizontal screen state of a general display device is higher than the display width corresponding to the vertical screen state.

[0043] by Figure 2A As an example, the display device 110 may present controls 241 corresponding to the serial broadcast, controls 242 corresponding to the bullet screen, controls 243 corresponding to the double-speed playback, and controls 244 corresponding to the clear screen in the sub-area 220-2. In some embodiments, controls 241 and controls 242 may be used to control the playback of a group of media content in the information stream. Controls 241 and controls 242 may be presented in the sub-area 201 of the navigation area 220, which may be located to the left of multiple navigation labels such as "Home 231", "Message 232", "Friends 233", and "My 234".

[0044] In some embodiments, this set of media content can be displayed in an information stream, which can include multiple media content published by multiple users of the current application. The user can switch between multiple media content in the information stream based on content switching operations, such as sliding up and down. Figure 2A As an example, the user can slide up interface 200A so that the display device 110 can present the next media content of media content 210 in interface 200A. The user can also slide down interface 200A so that the display device 110 can present the previous media content of media content 210 in interface 200A, and so on.

[0045] In some embodiments, the control 241 can be used to set whether to automatically switch to the next media content in the playback information stream, that is, after the current media content 210 is played, even if the display device 110 does not receive the media content switching operation input by the user (for example, the user does not receive the operation of sliding up the interface 200A), the next media content can be automatically played in the interface 200A. In some embodiments, the user can also interact with other users based on the media content, for example, the user can like, comment or share the interactive media content through a group of interactive components 201 in the interface 200A.

[0046] In some embodiments, the control 242 is used to set whether to present the bullet screen message in the playback interface. The bullet screen message can be presented in any appropriate position in the interface 200A, for example, it can be displayed overlapping with the current media content 210. The bullet screen message can be evaluation information of each user for multiple media contents in the information stream, etc. Generally, whichever media content is played in the interface 200A, the display device 110 can present the bullet screen message of the currently played media content in the interface 200A.

[0047] It should be noted that in addition to the control 242 for displaying barrage messages, other controls can also be presented in the interface 200A to present any appropriate type of interactive content in the interface 200A, which will not be elaborated here.

[0048] In some embodiments, the control 243 corresponding to the speed play and the control 244 corresponding to the clear screen are used to control the play of the current media content in the play interface. The control 243 and the control 244 may be presented in the sub-area 202 in the navigation area 220, which may be located to the right of the multiple navigation labels "Home 231", "Message 232", "Friends 233", and "My 234".

[0049] In some embodiments, the control 243 corresponding to the multiple-speed playback is used to set the playback rate of the current media content. Figure 2B As an example, the display device 110 may present a rate selection list 250 in the interface 200B in response to the control 243 being selected. As an example, the user may select the control 243 by clicking the control 243 or in other ways. In some embodiments, the display device 110 may present a selection control corresponding to a plurality of candidate rates in the rate selection list 250. Figure 2B As an example, the display device 110 can present selection controls corresponding to multiple rates such as 3x rate, 2x rate, 1.5x rate, 1x rate and 0.75x rate in the rate selection list 250, where the xx rate represents multiplying the initial set rate corresponding to the media content by x to serve as the new playback rate corresponding to the current media content.

[0050] In some embodiments, the control 244 corresponding to the clear screen is used to trigger hiding a group of interface elements in the interface 200A, that is, to clear (cancel display) a group of interface elements in the interface 200A from the interface 200A. This group of interface elements can be any appropriate elements, such as at least part of the navigation labels and at least part of the playback controls in the navigation area, etc. This group of interface elements can also include introduction content of the media content displayed in the display area corresponding to the media content, interactive components for the media content, etc.

[0051] by Figure 2A and Figure 2C As an example, display device 110 may present, in response to control 244 in interface 200A being selected, a Figure 2CSpecifically, the display device 110 may hide (i.e. not display) the navigation labels “Home 231”, “Message 232”, “Friends 233”, and “My 234” in the interface 200A and all the navigation labels included in the sub-area 220-1 in the interface 200C. The display device 110 may also hide some of the playback controls in the interface 200A. Figure 2C As an example, display device 110 may hide control 241 , control 242 , and control 244 .

[0052] In some embodiments, in order to enable a group of interface elements that are triggered to be hidden to be re-presented, the display device 110 may present a control 251 (a control for canceling the hiding) for canceling the screen clearing in the interface 200C. In response to the control 251 being selected, the display device 110 may present a control 251 for canceling the screen clearing. Figure 2A The interface 200A shown is used to realize that a group of interface elements that are triggered to be hidden are re-presented in the interface.

[0053] Since the interface 200C also presents the media content 210 for playing the media content 210, in order to improve the user's playback experience, the display device 110 can present (retain) the control 243 corresponding to the speed playback in the interface 200C, so that the user can select the speed for playing the media content 210 based on the interface 200C.

[0054] by Figure 2C and Figure 2D As an example, display device 110 may present, in response to control 243 in interface 200C being selected, Figure 2D The display device 110 may present a control 243 corresponding to the multiple-speed playback in the interface 200D. As an example, the user may select the control 243 by clicking the control 243. Further, in response to the control 243 being selected, the display device 110 may present a rate selection list 250, wherein the rate selection list may present selection controls corresponding to multiple candidate rates. Figure 2D As an example, the rate selection list 250 may present selection controls corresponding to multiple rates, including 3x rate, 2x rate, 1.5x rate, 1x rate, and 0.75x rate, where the xx rate represents multiplying the initial set rate corresponding to the media content by x to serve as the new playback rate corresponding to the media content.

[0055] In some embodiments, when the display width corresponding to the playback interface is greater than the second threshold, where the first threshold is less than the second threshold, the display device 110 may present an indication element of a predetermined type on at least one playback control. The second threshold may be any appropriate threshold, for example, taking the first threshold as 600, the second threshold may be 704. The indication element may be any appropriate image or text that may indicate the function and content corresponding to the playback control.

[0056] by Figure 2A As an example, if the display width corresponding to the interface 200A is greater than 704, the display device 110 may present a text display of "Continuous Play On" in the control 241 to indicate that the continuous play function has been turned on. The display device 110 may also present a text display of "1.0 times speed" in the control 243 to indicate that the current playback rate corresponding to the currently played media content is the predetermined initial playback rate.

[0057] In some embodiments, the display width of the playback interface may change. To ensure the quality of interaction, the electronic device may adaptively adjust the display state of the playback control in the navigation area based on the display width of the playback interface. The display state may indicate whether the playback control is displayed in the navigation area, the corresponding display style, the display size, etc.

[0058] Specifically, the display device 110 may detect a change in the display width of the interface.

[0059] In some embodiments, the user can rotate the interface of the display device 110 based on a predetermined operation, so that the display device 110 can determine the change in the display width of the playback interface in response to detecting the interface rotation instruction of the display device 110. The predetermined operation can be any appropriate operation. For example, if the automatic screen rotation function of the display device 110 is turned on, the user can manually rotate the display device 110 to change the display device 110 from horizontal (horizontal screen) to vertical (vertical screen) or from vertical to horizontal, so that the display device 110 can detect the change in the display width of the interface. For another example, the display device 110 can also present the corresponding control of screen rotation in the playback interface. The user can click the corresponding control of screen rotation so that the display device 110 can detect the interface rotation instruction of the display device 110.

[0060] In other embodiments, the display device 110 may present multiple interfaces, including a playback interface, that is, the multiple interfaces may be displayed on the same screen on the display device 110. The other interfaces except the playback interface among the multiple interfaces may be interfaces corresponding to any appropriate application, and the present disclosure does not limit this.

[0061] by Figure 2EAs an example, the display device 110 can present an interface 200E. In addition to the playback interface 221, the interface 200E can also present a target interface 222, wherein the playback interface 221 and the target interface 222 can also be referred to as sub-interfaces presented in the interface 200E. The playback interface 221 can be a playback interface for presenting media content in the application 120, and the target interface 222 can be any appropriate interface presented by any appropriate target application, wherein the target application can be a video application, a social application, a news application, etc., which is not limited here. The target application can be the application 120, and can also be other applications other than the application 120.

[0062] In some embodiments, the presentation positions and presentation sizes of the multiple interfaces on the display device 110 can also be set as required. Figure 2E As an example, an adjustment control 260 for adjusting the size of each interface may be presented in the interface 200E, wherein the adjustment control 260 may be a handle or a splitter bar, etc. The user may adjust the size of multiple interfaces by pulling the handle or splitter bar in a predetermined direction. For example, the display device 110 may increase the size of the target interface 222 and reduce the size of the playback interface 221 in response to the user dragging the handle 260 to move to the left. For another example, the display device 110 may reduce the size of the target interface 222 and increase the size of the playback interface 221 in response to the user dragging the handle 260 to move to the right. Further, the display device 110 may determine the change in the display width of the playback interface in response to the size adjustment operation for multiple interfaces.

[0063] Further, the display device 110 may adjust the display state of at least one playback control in the navigation area in response to the change in the display width of the playback interface satisfying a preset condition. The preset condition may be any appropriate condition, such as a smaller display width, a larger display width, etc. The display state may indicate whether to display, a display size, a display style, etc.

[0064] For the case where the display width becomes larger or the display width becomes smaller but is not less than the first threshold, in some embodiments, the display device 110 can further determine the size relationship between the display width and the second threshold. Further, the display device 110 can adjust the target playback control in at least one playback control from the first display state to the second display state based on the comparison between the display width and the second threshold, and the second threshold is greater than the first threshold. The second threshold can be any appropriate threshold. Taking the first threshold as 600 as an example, the second threshold can be 704. In some embodiments, the first display state and the second display state can indicate the presentation of target playback controls of different sizes and / or the presentation of different types of indicator elements in the target playback control. The indicator element can be any appropriate image or text that can indicate the function and content corresponding to the target playback control, etc.

[0065] The following describes how to adjust the size of each interface, resulting in a change in the display width of the playback interface.

[0066] by Figure 2E and Figure 2F As an example, the display device 110 may present a display such as Figure 2F In the interface 200F, the display width of the playback interface 221 in the interface 200F is greater than the display width of the playback interface 221 in the interface 200E, and the display width of the playback interface 221 in the interface 200F is greater than the second threshold value, so the display device 110 can adjust the display state of some of the controls in the navigation area 241, 242, 243, and 244. As an example, the display device 110 can increase the size of the controls 241 and 243, such as Figure 2F and Figure 2E As shown, the size of control 241 in interface 200F is larger than that in interface 200E, and the size of control 243 in interface 200F is larger than that in interface 200E. As another example, the display device 110 may also present a text display of "broadcast on" in control 241 to indicate that the broadcast function has been turned on. The display device 110 may also present a text display of "1.0 times speed" in control 243 to indicate that the current playback rate corresponding to the currently played media content 210 is the predetermined initial playback rate.

[0067] It should be noted that when the user pulls handle 260 right based on interface 200F, display device 110 can change presentation interface 200F to presentation 200E, and can reduce the corresponding sizes of controls 241 and 243, and can also hide the text indicated in controls 241 and 243.

[0068] In the case where the display width becomes smaller and the display width changes to less than or equal to the first threshold, in some embodiments, the display device 110 can stop presenting at least one playback control in the navigation area in response to the display width changing to less than or equal to the threshold. The threshold can be set as required, for example, it can be set to 600.

[0069] by Figure 2E and Figure 2G As an example, the display device 110 may present a display such as Figure 2G Interface 200G, wherein the display width corresponding to the playback interface 221 in interface 200G is smaller than the display width corresponding to the playback interface 221 in interface 200E, and the display width of the playback interface 221 in interface 200G is less than or equal to the first threshold value, so the display device 110 can stop presenting controls 241, 242, 243, and 244 in the navigation area, that is, the display device 110 can only present navigation labels such as "Home 231", "Message 232", "Friends 233", and "My 234" in the navigation area 220-2 of the interface 200G, and no longer present the playback controls such as controls 241, 242, 243, and 244.

[0070] The following is an explanation of how to change the display direction of the playback interface, which causes the corresponding display width of the playback interface to change:

[0071] by Figure 2A and Figure 2H As an example, when the user switches to vertical screen display based on interface 200A (which is horizontal screen display at this time), the display device 110 can present interface 200H, wherein the display width corresponding to interface 200H is smaller than the display width corresponding to interface 200A, and the display width corresponding to interface 200H is larger than the first threshold value but smaller than the second threshold value, so the display device 110 can adjust the display state of some controls in controls 241, controls 242, controls 243, and controls 244 in the navigation area. As an example, the display device 110 can reduce the size corresponding to controls 241 and controls 243, wherein the size of control 241 in interface 200A is larger than the size in interface 200H, and the size of control 243 in interface 200A is larger than the size in interface 200H. As another example, the display device 110 can also cancel the text display of "broadcast on" in control 241, wherein the text corresponding to "broadcast on" is used to enable the broadcast function. The display device 110 may also cancel the text display of “1.0 times speed” in the control 243 , wherein the text of “1.0 times speed” is used to indicate that the current playback rate corresponding to the currently played media content is a predetermined initial playback rate.

[0072] It should be noted that when the user switches from interface 200H (vertical screen display) to horizontal screen display, the display device 110 can replace the presentation interface 200H with presentation 200A, and the display device 110 can increase the corresponding sizes of controls 241 and 243, and can switch controls 241 and 243 to indicate the display status of the corresponding text.

[0073] In the case where the display width becomes smaller and the display width changes to less than or equal to the first threshold, in some embodiments, the display device 110 can stop presenting at least one playback control in the navigation area in response to the display width changing to less than or equal to the threshold. The threshold can be set as required, for example, it can be set to 600.

[0074] As an example, display device 110 can respond to a rotation instruction input by the user to change the display device from horizontal (landscape screen) to vertical (portrait screen), and determine that the display width corresponding to the playback interface is changed to less than or equal to 600, and can stop presenting controls 241, controls 242, controls 243, and controls 244 in navigation area 220, that is, only navigation labels such as "Home 231", "Message 232", "Friends 233", and "My 234" are presented in navigation area 220-2, and playback controls such as controls 241, controls 242, controls 243, and controls 244 are no longer presented.

[0075] In some embodiments, the display device 110 may adjust the display ratio of the label area corresponding to a group of navigation labels in the navigation area in response to a change in the display width of the playback interface satisfying a predetermined condition.

[0076] by Figure 2A and Figure 2H As an example, when the user switches to vertical screen display based on interface 200A (which is horizontal screen display at this time), the display device 110 can present interface 200H, wherein the display width corresponding to interface 200H is smaller than the display width corresponding to interface 200A, and the display width corresponding to interface 200H is greater than the first threshold but less than the second threshold, wherein the display width corresponding to interface 200A is greater than the second threshold, so the display device 110 can adjust the display ratio of the label area 203 corresponding to the group of navigation labels in the navigation area. Specifically, the display device 110 can increase the display ratio corresponding to the label area 203.

[0077] Since the corresponding sizes of controls 241 and 243 (playback controls) are reduced when the display width becomes smaller and the indicating elements of controls 241 and 243 are hidden, the display device 110 can adaptively increase the display ratio corresponding to the label area so that the distribution of each navigation label or playback control in the navigation area is more in line with the uniformity requirement. As an example, the display device 110 can set the display ratio of label area 203 in the navigation area to 50% in interface 200A. Further, in response to the display width of the playback interface becoming smaller and the indicating elements of controls 241 and 243 being hidden, the display device 110 can adjust the display ratio of label area 203 in the navigation area to 60% while adjusting the size of controls 241 and 243 and / or hiding the specified elements.

[0078] It should be noted that when the user switches to the horizontal screen display interface 200A based on the interface 200H (which is displayed in portrait mode at this time), the display device 110 can adaptively reduce the display ratio corresponding to the label area 203. As an example, the display device 110 can adjust the display ratio of the label area 203 in the navigation area 220-2 from 60% (corresponding to the interface 200H) to 50% (corresponding to the interface 200A).

[0079] by Figure 2A and Fig.2I As an example, the display device 110 may present an additional interface corresponding to the second navigation tag in a group of navigation tags in response to a preset operation received in the interface 200A. As an example, the display device 110 may present the interface 200I corresponding to the "hotspot 235" in response to receiving an operation of a user clicking the navigation tag "hotspot 235". The display device 110 may present the content corresponding to the navigation tag "hotspot 235" in the interface 200I, such as multiple media contents. Fig.2I As an example, multiple media contents such as media content 801 and media content 802 may be presented in interface 200I.

[0080] It should be noted that interface 200I can be a non-playback interface corresponding to each media content, that is, although multiple media contents are presented in interface 200I, these media contents will not be played in interface 200I. Only when the user clicks or selects a certain media content, the playback interface for this media content will be presented.

[0081] Since the interface 200I does not need to provide a function of playing media content, the display device 110 may stop presenting the playback controls 241, 242, 243, and 244 shown in the interface 200A in the interface 200I. Fig.2IAs an example, the display device 110 may present only a plurality of navigation labels, namely, “Home 231 ”, “Message 232 ”, “Friends 233 ”, and “My 234 ” in the navigation area 220 - 2 .

[0082] In some embodiments, the display position of this group of navigation tags in interface 200A is the same as the display position of this group of navigation tags in interface 200I. For example, if multiple navigation tags such as "Home 231", "Message 232", "Friends 233", and "My 234" are presented in the middle area of ​​the corresponding navigation area in interface 200A, then multiple navigation tags such as "Home 231", "Message 232", "Friends 233", and "My 234" will also be presented in the middle area of ​​interface 200I without change. Of course, the display position of the navigation tags included in sub-area 220-1 in interface 200A can also be the same as its display position in interface 200I.

[0083] In some embodiments, the display device 110 may present an animation associated with the navigation area in response to the received preset operation, and the animation indicates a change from a first style of the navigation area in the playback interface to a second style of the navigation area in the additional interface. The style may indicate a background color of the navigation area, a color change corresponding to a navigation label in the navigation area, and the like. In other words, the process of interface switching may correspond to a display process corresponding to multiple images, and the display process composed of these multiple images is also the composition of the animation.

[0084] As an example, in response to a user clicking on "hotspot 235", the display device 110 may switch from presentation interface 200A to presentation interface 200I, wherein the background color corresponding to the navigation area 220-2 may be changed from a first color to a second color (not shown in the figure) in a gradient manner, wherein the first color corresponds to the background color of the navigation area 220-2 presented in interface 200A, and the second color corresponds to the background color of the navigation area 220-2 finally presented in interface 200I.

[0085] Based on this approach, the embodiments of the present disclosure can take advantage of the display device being larger than the threshold and simultaneously present navigation labels and playback controls in the navigation area to ensure that users can complete navigation and playback control in the same area, effectively improving interaction efficiency and enhancing interface coherence and functional accessibility.

[0086] Example Process

[0087] Figure 3 FIG. 3 is a flow chart showing an interactive process 300 according to some embodiments of the present disclosure. The process 300 may be implemented at the display device 110. Figure 1 Process 300 is described.

[0088] In box 310, the electronic device 110 presents a playback interface of the media content, and the playback interface corresponds to the first navigation label.

[0089] In box 320, in response to the display width of the playback interface being greater than a threshold, the electronic device 110 presents a group of navigation tags and at least one playback control in a navigation area of ​​the playback interface, the group of navigation tags including a first navigation tag, and the at least one playback control for controlling playback of the media content.

[0090] In some embodiments, the media content is associated with an information stream, and at least one playback control includes: at least one first playback control for controlling playback of current media content in a playback interface; and / or at least one second playback control for controlling playback of a group of media content in the information stream.

[0091] In some embodiments, the first playback control includes at least one of the following: a first control for setting the playback rate of the current media content; a second control for triggering a set of interface elements in a hidden playback interface; or the second playback control includes at least one of the following: a third control for setting whether to present a preset type of interactive content in the playback interface; a fourth control for setting whether to automatically switch to the next media content in the playback information stream.

[0092] In some embodiments, presenting a group of navigation tabs and at least one playback control in a navigation area of ​​a playback interface includes: presenting at least one first playback control in a first sub-area of ​​the navigation area, and presenting at least one second playback control in a second sub-area of ​​the navigation area, wherein the first sub-area and the second sub-area are located on both sides of a group of navigation tabs.

[0093] In some embodiments, process 300 further includes: detecting a change in the display width of the playback interface; and in response to the change satisfying a preset condition, adjusting a display state of at least one playback control in the navigation area.

[0094] In some embodiments, in response to the change satisfying a preset condition, adjusting the display state of at least one playback control in the navigation area includes: in response to the display width changing to be less than or equal to a threshold, stopping presenting at least one playback control in the navigation area.

[0095] In some embodiments, the threshold is a first threshold, and in response to the change satisfying a preset condition, adjusting the display state of at least one playback control in the navigation area includes: based on a comparison of the display width with a second threshold, adjusting a target playback control in at least one playback control from a first display state to a second display state, and the second threshold is greater than the first threshold.

[0096] In some embodiments, the first display state and the second display state indicate: presenting target playback controls of different sizes; and / or presenting different types of indicator elements on the target playback controls.

[0097] In some embodiments, process 300 further includes: in response to the change satisfying a preset condition, adjusting a display ratio of a label area corresponding to a group of navigation labels in the navigation area.

[0098] In some embodiments, the playback interface is presented in a display device, and detecting a change in the display width of the playback interface includes: presenting multiple interfaces in the display device, the multiple interfaces including the playback interface; and determining a change in the display width of the playback interface in response to a size adjustment operation for the multiple interfaces.

[0099] In some embodiments, the playback interface is presented in a display device, and detecting a change in the display width of the playback interface includes: determining a change in the display width of the playback interface in response to detecting an interface rotation instruction of the display device.

[0100] In some embodiments, process 300 further includes: in response to a preset operation received in the playback interface, presenting an additional interface corresponding to a second navigation tag in a set of navigation tags; and stopping presenting at least one playback control in the navigation area.

[0101] In some embodiments, a first display position of a group of navigation tags in the playback interface is the same as a second display position of a group of navigation tags in the additional interface.

[0102] In some embodiments, process 300 further includes: in response to the received preset operation, presenting an animation associated with the navigation area, the animation indicating a change from a first style of the navigation area in the playback interface to a second style of the navigation area in the additional interface.

[0103] Example devices and equipment

[0104] The embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4 A schematic structural block diagram of an apparatus 400 for interaction according to some embodiments of the present disclosure is shown. The apparatus 400 may be implemented as or included in the display device 110 as discussed above. Each module / component in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0105] like Figure 4As shown, the device 400 includes a first presentation module 410, which is configured to present a playback interface of media content, and the playback interface corresponds to a first navigation tag; and a second presentation module 420, which is configured to present a group of navigation tags and at least one playback control in the navigation area of ​​the playback interface in response to a display width of the presented playback interface being greater than a threshold value, wherein the group of navigation tags includes the first navigation tag, and the at least one playback control is used to control the playback of the media content.

[0106] In some embodiments, the media content is associated with an information stream, and at least one playback control includes: at least one first playback control for controlling playback of current media content in a playback interface; and / or at least one second playback control for controlling playback of a group of media content in the information stream.

[0107] In some embodiments, the first playback control includes at least one of the following: a first control for setting the playback rate of the current media content; a second control for triggering a set of interface elements in a hidden playback interface; or the second playback control includes at least one of the following: a third control for setting whether to present a preset type of interactive content in the playback interface; a fourth control for setting whether to automatically switch to the next media content in the playback information stream.

[0108] In some embodiments, the second presentation module 420 is further configured to: present at least one first playback control in a first sub-area of ​​the navigation area, and present at least one second playback control in a second sub-area of ​​the navigation area, wherein the first sub-area and the second sub-area are located on both sides of a group of navigation tags.

[0109] In some embodiments, the device 400 also includes a detection module configured to: detect changes in the display width of the playback interface; and a first adjustment module configured to: adjust the display status of at least one playback control in the navigation area in response to the change satisfying a preset condition.

[0110] In some embodiments, the first adjustment module is further configured to: in response to the display width changing to be less than or equal to a threshold, stop presenting at least one playback control in the navigation area.

[0111] In some embodiments, the threshold is a first threshold, and the first adjustment module is further configured to: based on a comparison of the display width and a second threshold, adjust a target playback control in at least one playback control from a first display state to a second display state, and the second threshold is greater than the first threshold.

[0112] In some embodiments, the first display state and the second display state indicate: presenting target playback controls of different sizes; and / or presenting different types of indicator elements on the target playback controls.

[0113] In some embodiments, the apparatus 400 further includes a second adjustment module configured to adjust a display ratio of a label area corresponding to a group of navigation labels in the navigation area in response to the change satisfying a preset condition.

[0114] In some embodiments, the playback interface is presented in a display device, and the detection module is further configured to: present multiple interfaces in the display device, the multiple interfaces including the playback interface; and determine the change in the display width of the playback interface in response to a size adjustment operation for the multiple interfaces.

[0115] In some embodiments, the playback interface is presented in a display device, and the detection module is further configured to: in response to detecting an interface rotation instruction of the display device, determine a change in a display width of the playback interface.

[0116] In some embodiments, the device 400 also includes a third presentation module, configured to: in response to a preset operation received in the playback interface, present an additional interface corresponding to a second navigation tag in a group of navigation tags; and a stop presentation module, configured to: stop presenting at least one playback control in the navigation area.

[0117] In some embodiments, a first display position of a group of navigation tags in the playback interface is the same as a second display position of a group of navigation tags in the additional interface.

[0118] In some embodiments, the device 400 also includes a fourth presentation module, which is configured to: in response to a received preset operation, present an animation associated with the navigation area, and the animation indicates a change from a first style of the navigation area in the playback interface to a second style of the navigation area in the additional interface.

[0119] The units included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units 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 machine executable instructions, some or all of the units in the device 400 can be implemented at least in part by one or more hardware logic components. As an 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), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0120] Figure 5 1 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that Figure 5The electronic device 500 shown is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to implement Figure 1 A display device 110 is shown.

[0121] like Figure 5 As shown, the electronic device 500 is in the form of a general electronic device. The components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processing unit 510 may be an actual or virtual processor and is capable of performing various processes according to a program stored in the memory 520. In a multi-processor system, multiple processing units execute computer executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0122] The electronic device 500 typically includes a plurality of computer storage media. Such media may be any accessible media that is accessible to the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (e.g., a register, a cache, a random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and / or data (e.g., training data for training) and may be accessed within the electronic device 500.

[0123] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Figure 5 As shown in , a disk drive for reading or writing from a removable, non-volatile disk (e.g., a "floppy disk") and an optical drive for reading or writing from a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules that are configured to perform various methods or actions of various embodiments of the present disclosure.

[0124] The communication unit 540 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate through a communication connection. Therefore, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0125] The input device 550 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 560 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 may also communicate with one or more external devices (not shown) through the communication unit 540 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 500, or communicate with any device that allows the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0126] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein 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 also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

[0127] Various aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of the methods, devices, equipment, and computer program products implemented according to the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram can be implemented by computer-readable program instructions.

[0128] 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, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0129] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0130] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple implementations of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some implementations as replacements, the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0131] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and 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 selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.

Claims

1. An interactive method, comprising: Presenting a playback interface of the media content, wherein the playback interface corresponds to the first navigation tag; as well as In response to presenting that the display width of the playback interface is greater than a threshold, presenting a group of navigation tags and at least one playback control in a navigation area of ​​the playback interface, the group of navigation tags including the first navigation tag, and the at least one playback control for controlling playback of the media content.

2. The method of claim 1, wherein the media content is associated with an information stream, and the at least one playback control comprises: At least one first playback control, used to control playback of current media content in the playback interface; and / or At least one second playback control is used to control the playback of a group of media content in the information stream.

3. The method according to claim 2, wherein: The first playback control includes at least one of the following: a first control for setting the playback rate of the current media content; a second control for triggering hiding of a group of interface elements in the playback interface; or The second playback control includes at least one of the following: a third control for setting whether to present a preset type of interactive content in the playback interface; and a fourth control for setting whether to automatically switch to playing the next media content in the information stream.

4. The method according to claim 1, wherein presenting a set of navigation labels and at least one playback control in the navigation area of ​​the playback interface comprises: The at least one first playback control is presented in a first sub-area of ​​the navigation area, and the at least one second playback control is presented in a second sub-area of ​​the navigation area, wherein the first sub-area and the second sub-area are located on both sides of the set of navigation tags.

5. The method according to claim 1, further comprising: Detecting a change in the display width of the playback interface; as well as In response to the change satisfying a preset condition, adjusting a display state of the at least one playback control in the navigation area.

6. The method according to claim 5, wherein in response to the change satisfying a preset condition, adjusting the display state of the at least one playback control in the navigation area comprises: In response to the display width changing to be less than or equal to the threshold, stopping presenting the at least one playback control in the navigation area.

7. The method according to claim 5, wherein the threshold is a first threshold, and in response to the change satisfying a preset condition, adjusting the display state of the at least one playback control in the navigation area comprises: Based on a comparison between the display width and a second threshold, a target playback control among the at least one playback control is adjusted from a first display state to a second display state, and the second threshold is greater than the first threshold.

8. The method of claim 7, wherein the first display state and the second display state indicate: Presenting the target playback controls in different sizes; and / or Different types of indication elements are presented in the target playback control.

9. The method according to claim 5, further comprising: In response to the change satisfying a preset condition, a display ratio of a label area corresponding to the group of navigation labels in the navigation area is adjusted.

10. The method according to claim 5, wherein the playback interface is presented in a display device, and detecting a change in the display width of the playback interface comprises: Presenting a plurality of interfaces on the display device, wherein the plurality of interfaces include the playback interface; as well as In response to a size adjustment operation on the multiple interfaces, the change in the display width of the playback interface is determined.

11. The method according to claim 5, wherein the playback interface is presented in a display device, and detecting a change in the display width of the playback interface comprises: In response to detecting an interface rotation instruction of the display device, determining the change in the display width of the playback interface.

12. The method according to claim 1, further comprising: In response to a preset operation received in the playback interface, presenting an additional interface corresponding to a second navigation tag in the set of navigation tags; as well as Presentation of the at least one playback control in the navigation area is stopped. 13 . The method according to claim 12 , wherein a first display position of the group of navigation tags in the play interface is the same as a second display position of the group of navigation tags in the additional interface.

14. The method according to claim 12, further comprising: In response to the received preset operation, an animation associated with the navigation area is presented, wherein the animation indicates a change from a first style of the navigation area in the playback interface to a second style of the navigation area in the additional interface.

15. An apparatus for interaction, comprising: A first presentation module is configured to present a playback interface of the media content, wherein the playback interface corresponds to a first navigation tag; as well as The second presentation module is configured to present a group of navigation tags and at least one playback control in the navigation area of ​​the playback interface in response to the display width of the playback interface being greater than a threshold, wherein the group of navigation tags includes the first navigation tag, and the at least one playback control is used to control the playback of the media content.

16. 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 14 when executed by the at least one processing unit.

17. A computer-readable storage medium having a computer program stored thereon, wherein the computer program implements the method according to any one of claims 1 to 14 when executed by a processor.

18. A computer program product comprising computer executable instructions, wherein the computer executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 14.

Images