CN113392260B - Interface display control method, device, medium and electronic equipment - Google Patents

Interface display control method, device, medium and electronic equipment Download PDF

Info

Publication number
CN113392260B
CN113392260B CN202110785390.8A CN202110785390A CN113392260B CN 113392260 B CN113392260 B CN 113392260B CN 202110785390 A CN202110785390 A CN 202110785390A CN 113392260 B CN113392260 B CN 113392260B
Authority
CN
China
Prior art keywords
area
audio
interface
playing
display area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202110785390.8A
Other languages
Chinese (zh)
Other versions
CN113392260A (en
Inventor
朱一闻
谢劲松
王业
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Netease Cloud Music Technology Co Ltd
Original Assignee
Hangzhou Netease Cloud Music Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hangzhou Netease Cloud Music Technology Co Ltd filed Critical Hangzhou Netease Cloud Music Technology Co Ltd
Priority to CN202110785390.8A priority Critical patent/CN113392260B/en
Publication of CN113392260A publication Critical patent/CN113392260A/en
Application granted granted Critical
Publication of CN113392260B publication Critical patent/CN113392260B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/60Information retrieval; Database structures therefor; File system structures therefor of audio data
    • G06F16/64Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/60Information retrieval; Database structures therefor; File system structures therefor of audio data
    • G06F16/63Querying
    • G06F16/638Presentation of query results
    • G06F16/639Presentation of query results using playlists
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Multimedia (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the disclosure provides an interface display control method, an interface display control device, an interface display control medium and electronic equipment, and relates to the technical field of computers. The method comprises the following steps: providing an initial audio playing interface, wherein the interface comprises a playing operation area and a content display area, and a recommendation window is displayed in a floating manner; responding to the first interactive operation to synchronously move the playing operation area and the content display area, and stopping the synchronous movement when the playing operation area moves to the top setting area of the initial audio playing interface; and placing the recommendation window in a preset area of the content display area during or after the synchronous movement, wherein the recommendation window is not in a suspension state any more. According to the technical scheme, the related information of the currently played audio can be displayed on the initial audio playing interface, the basic playing operation of the currently played audio is kept, the user operation is simplified, the fluency of the interactive operation is improved, and the user experience is improved.

Description

Interface display control method, device, medium and electronic equipment
Technical Field
The embodiment of the disclosure relates to the technical field of computers, and more particularly, to an interface display control method, an interface display control device, a computer-readable storage medium, and an electronic device.
Background
This section is intended to provide a background or context to the embodiments of the disclosure recited in the claims. The description herein is not admitted to be prior art by inclusion in this section.
With the rapid development of internet technology, podcasts (also called Ipod Broadcasting) are gaining more and more attention as one of digital Broadcasting technologies. The recorded sound of the podcast is network broadcast or similar network audio program, the net friend can download the network broadcast program to the local player of the terminal equipment or other portable digital audio players to listen, and the user does not need to sit in front of a computer or listen in real time, and enjoys the freedom at any time and any place.
In the related playing interfaces of the podcast sound, the basic operation interfaces of the podcast sound are displayed, such as the interfaces corresponding to the basic operations of the previous, pause, next, and the like.
Disclosure of Invention
However, in the related scheme, the podcast sound playing interface is a basic operation interface which only displays the podcast sound, and cannot display the related information of the podcast sound, such as comment information, detail information, recommendation information and the like, so that the display of the podcast sound playing interface is single, channels for users to know the podcast sound are reduced, and the attractiveness of the users is reduced; or the relevant information of the sound of the podcast is displayed by sliding up and down, but the basic operation interface of the sound of the podcast is hidden, and the sound of the podcast needs to be returned by sliding up and down when needing to be subjected to basic operation, so that the user cannot realize basic operation on the sound of the podcast in real time, and the operation difficulty is high.
Therefore, in the prior art, it is difficult to achieve a satisfactory podcast sound playing interface display scheme.
Therefore, an improved interface display control method is needed to enable the podcast sound playing interface to display the relevant information of the podcast sound without affecting the basic operation of the podcast sound, simplify the operation of the user, and improve the interaction convenience.
In this context, embodiments of the present disclosure are intended to provide an interface display control method, an interface display control apparatus, a computer-readable storage medium, and an electronic device.
In a first aspect of the embodiments of the present disclosure, there is provided an interface display control method, including:
providing an initial audio playing interface, wherein the initial audio playing interface comprises a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a suspension manner;
responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a set-top area of the initial audio playing interface; and
and in the synchronous moving process or at the end of the synchronous moving, placing the recommendation window in a preset area of the content display area, wherein the recommendation window is not in a suspension state any more.
In some embodiments of the present disclosure, based on the foregoing, the first interactive operation comprises a sliding operation;
the responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping the synchronous movement when the playing operation area moves to the top area of the initial audio playing interface, including:
responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
and controlling the playing operation area and the content display area to synchronously move, and stopping the synchronous movement when the playing operation area moves to a top setting area corresponding to the sliding direction.
In some embodiments of the present disclosure, based on the foregoing, the method further comprises:
displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a top setting area corresponding to a default direction;
and responding to the received first recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position.
In some embodiments of the present disclosure, based on the foregoing, the method further comprises:
when responding to the second interactive operation aiming at the first label control, displaying the display content related to the first content control in the content display area of the current page when the synchronous movement is finished, wherein the first label control and the first content control are corresponding.
In some embodiments of the present disclosure, based on the foregoing, the content display area comprises an audio list display area; the placing the recommendation window at a preset region of the content display region includes:
responding to the sliding operation aiming at the audio list display area, and carrying out rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling mode.
In some embodiments of the present disclosure, based on the foregoing, the method further comprises:
responding to the received second recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position; and
and displaying the recommendation window in a floating manner on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing, the recommendation window includes a favorite button control, and the method further includes:
and responding to the triggering operation of the favorite button control, and displaying the recommendation window in the content display area in a non-suspension manner.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface further includes a theme display area and a layout display area, and the method further includes:
in the synchronous moving process, hiding and displaying the matching image display area; and
and always keeping the theme display area displayed on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, and the method further includes:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and displaying the key content information related to the currently played audio in a node interval formed by the key nodes.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, and the method further includes:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and responding to the adjustment operation aiming at the audio progress bar, and displaying content display information at the corresponding key nodes in the adjustment process.
In a second aspect of embodiments of the present disclosure, there is provided an interface display control apparatus including:
the system comprises an initial audio playing interface providing module, a content display module and a recommendation module, wherein the initial audio playing interface providing module is used for providing an initial audio playing interface, the initial audio playing interface comprises a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a suspension manner;
the area synchronous moving module is used for responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the top area of the initial audio playing interface; and
and the recommendation window display module is used for placing the recommendation window in a preset area of the content display area in the synchronous moving process or at the end of the synchronous moving process, wherein the recommendation window is not in a suspension state any more.
In some embodiments of the present disclosure, based on the foregoing, the first interactive operation comprises a sliding operation; the zone synchronous movement module is configured to:
responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
and controlling the playing operation area and the content display area to synchronously move, and stopping the synchronous movement when the playing operation area moves to a top setting area corresponding to the sliding direction.
In some embodiments of the present disclosure, based on the foregoing solution, the interface display control apparatus includes a content skip module configured to:
displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a top setting area corresponding to a default direction;
and responding to the received first recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position.
In some embodiments of the present disclosure, based on the foregoing, the content skip module is further configured to:
when responding to the second interactive operation aiming at the first label control, displaying the display content related to the first content control in the content display area of the current page when the synchronous movement is finished, wherein the first label control and the first content control are corresponding.
In some embodiments of the present disclosure, based on the foregoing, the content display area comprises an audio list display area; the recommendation window display module is configured to:
responding to the sliding operation aiming at the audio list display area, and carrying out rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling mode.
In some embodiments of the present disclosure, based on the foregoing solution, the interface display control apparatus includes an interface recovery module configured to:
responding to a received second recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to an initial position; and
and displaying the recommendation window in a floating manner on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing, the recommendation window includes a favorite button control, and the interface display control apparatus includes a favorite module configured to:
and responding to the triggering operation of the favorite button control, and displaying the recommendation window in the content display area in a non-suspension manner.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface further includes a theme display area and a layout display area, the interface display control apparatus includes an other area control module, and the other area control module is configured to:
in the synchronous moving process, hiding and displaying the matching image display area; and
and always keeping the theme display area displayed on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, the interface display control device includes a first audio progress bar display module, and the first audio progress bar display module is configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and displaying the key content information related to the currently played audio in a node interval formed by the key nodes.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, the interface display control device includes a first audio progress bar display module, and the first audio progress bar display module is configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and responding to the adjustment operation aiming at the audio progress bar, and displaying content display information at the corresponding key nodes in the adjustment process.
In a third aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the interface display control method as described in the first aspect above.
In a fourth aspect of embodiments of the present disclosure, there is provided an electronic device, comprising: a processor; and a memory having computer readable instructions stored thereon, the computer readable instructions, when executed by the processor, implementing the interface display control method according to the first aspect.
According to the technical scheme of the embodiment of the disclosure, on one hand, a play operation area and a content display area are provided on an initial audio play interface, the play operation area and the content display area are synchronously moved when first interactive operation is received, and the synchronous movement is stopped when the play operation area moves to a set-top area of the initial audio play interface, so that the play operation area is placed in the set-top area of the initial audio play interface, a user can realize basic operation on the sound of a podcast in real time, and meanwhile, the content display area can be fully displayed, so that the user can conveniently browse relevant information of the sound of the podcast, the convenience of browsing the relevant information of the sound of the podcast by the user is improved, the user operation is simplified, and the user experience is improved; on the other hand, the recommendation window is displayed in a suspended manner on the initial audio playing interface, so that on the premise that the operation of the playing operation area is not influenced and the information display of the content display area is not influenced, related podcast sound can be recommended to the user through the recommendation window, the user can more conveniently acquire the interested related podcast sound, the return visit rate of the podcast sound is improved, and in the synchronous moving process or when the synchronous moving is finished, the recommendation window is placed at the preset area of the content display area, the recommendation window is not in a suspended state any more at the moment, the shielding of the recommendation window on the content display area is avoided, the user can conveniently browse information, the area of the information browsing area of the user is enlarged, and the browsing comfort of the user is improved.
Drawings
The above and other objects, features and advantages of exemplary embodiments of the present disclosure will become readily apparent from the following detailed description read in conjunction with the accompanying drawings. Several embodiments of the present disclosure are illustrated by way of example, and not by way of limitation, in the figures of the accompanying drawings and in which:
fig. 1 schematically illustrates a schematic block diagram of a system architecture of an exemplary application scenario, in accordance with some embodiments of the present disclosure;
FIG. 2 schematically illustrates a flow diagram of an interface display control method according to some embodiments of the present disclosure;
FIG. 3 schematically illustrates a flow diagram of control region movement, according to some embodiments of the present disclosure;
FIG. 4 schematically illustrates an interface schematic controlling movement of a zone, according to some embodiments of the present disclosure;
FIG. 5 schematically illustrates a flow diagram for implementing show content hopping according to further embodiments of the present disclosure;
FIG. 6 schematically illustrates an interface diagram for triggering a first label control, in accordance with still further embodiments of the present disclosure;
FIG. 7 schematically illustrates a flow diagram for placing a recommendation window, in accordance with some embodiments of the present disclosure;
FIG. 8 schematically illustrates a flow diagram showing an audio progress bar, according to some embodiments of the present disclosure;
FIG. 9 schematically illustrates an interface schematic displaying an audio progress bar, according to some embodiments of the present disclosure;
FIG. 10 schematically illustrates a flow diagram showing an audio progress bar according to further embodiments of the present disclosure;
FIG. 11 schematically illustrates an interface diagram showing an audio progress bar according to further embodiments of the present disclosure;
FIG. 12 schematically illustrates a schematic block diagram of an interface display control apparatus according to some embodiments of the present disclosure;
FIG. 13 schematically shows a schematic view of a storage medium according to an example embodiment of the present disclosure; and
fig. 14 schematically shows a block diagram of an electronic device according to an exemplary embodiment of the invention.
In the drawings, the same or corresponding reference numerals indicate the same or corresponding parts.
Detailed Description
The principles and spirit of the present disclosure will be described below with reference to a number of exemplary embodiments. It is understood that these examples are given solely to enable those skilled in the art to better understand and to practice the present disclosure, and are not intended to limit the scope of the present disclosure in any way. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
As will be appreciated by one skilled in the art, embodiments of the present disclosure may be embodied as a system, apparatus, device, method, or computer program product. Accordingly, the present disclosure may be embodied in the form of: entirely hardware, entirely software (including firmware, resident software, micro-code, etc.), or a combination of hardware and software.
According to an embodiment of the present disclosure, an interface display control method, an interface display control apparatus, a medium, and an electronic device are provided.
In this context, it is to be understood that the terms referred to, such as:
an Application program (APP) client is an Application based on a mobile phone operating system, a user opens a certain interface in the APP client, the client sends a request to a product server, and the product server returns data and presents the data to a final interface of the user. And the user performs input operation on an interface of the App client, the client sends data to the product server, and the product server stores the data.
The Podcast sound (Podcast) is an audio type different from a single song in cloud music and comprises various types of contents, such as audio books, talk shows, creation and singing, and the like, and a user can record and upload in the cloud music.
The podcast sound playing page is a bottom player page bearing sound and comprises pictures, operations and corresponding related information.
A playlist refers to an aggregated page of multiple podcast sounds that may contain a list of podcast sounds, a playlist cover, descriptions, and creator information.
The playing progress bar indicates the progress of the sound playing process of the podcast, displays the current playing time point and the total time, and can drag the progress.
Moreover, any number of elements in the drawings are by way of example and not by way of limitation, and any nomenclature is used solely for differentiation and not by way of limitation.
The principles and spirit of the present disclosure are explained in detail below with reference to several representative embodiments of the present disclosure.
Summary of The Invention
In a display scheme of a podcast sound playing interface, only information such as a title, a cover picture, an operation icon and the like of a podcast sound is displayed, but other information such as detail information, comment information, recommendation information and the like of the podcast sound cannot be acquired by a user, so that the user cannot quickly know the related information of the currently played podcast sound.
In another podcast sound playing interface display scheme, when a user needs to acquire more information on a podcast sound playing interface, a picture area needs to be clicked or the information is acquired through a left-right sliding operation, and related broadcast lists are displayed by clicking pictures to form a floating layer, and are displayed by left-right sliding or up-down sliding pages; however, the operation of clicking pictures to view detailed information or sliding left and right to view detailed information is obscure, additional learning cost is required for the user, and recommendation of related playlist information is not direct, which may affect the return visit rate of subsequent users.
In another playing interface display scheme for podcast sound, when a user views related information of the podcast sound, such as comment information, the user needs to jump to a new page through operation of clicking an icon or display through an upward-sliding operation, but the change effect of jumping to the new page is too large, so that the user cannot accept the change in a short time, or the basic operating interface of the podcast sound is hidden through the upward-sliding operation, so that the operating difficulty of the user is improved, and the convenience of the user operation is reduced.
In another playing interface display scheme for the podcast sound, a playing progress bar of the podcast sound displays the total time, the current playing time and the dragging control, but the playing progress bar is not related to the content of the podcast sound, and the content progress of the podcast sound can only be guessed in a continuous dragging listening manner when the progress bar is dragged, so that the operation is complex and the operation efficiency is low.
Based on the above content, the basic idea of the present disclosure is to provide a play operation area and a content display area in an initial audio play interface, and perform synchronous movement on the play operation area and the content display area when receiving a first interactive operation, and stop the synchronous movement when the play operation area moves to a set-top area of the initial audio play interface, so that the play operation area is placed in the set-top area of the initial audio play interface, and a user can perform a basic operation on a sound of a podcast in real time and simultaneously fully display the content display area, so that the user can conveniently browse related information of the sound of the podcast, thereby improving convenience of the user in browsing the related information of the sound of the podcast, simplifying user operation, and improving user experience; the recommendation window is displayed in a suspended mode on the initial audio playing interface, so that on the premise that operation of a playing operation area is not influenced and information display of a content display area is not influenced, related podcast sound can be recommended to a user through the recommendation window, the user can more conveniently acquire the interested related podcast sound, the return visit rate of the podcast sound is improved, the recommendation window is placed in a preset area of the content display area in the synchronous moving process or after the synchronous moving is finished, the recommendation window is not in a suspended state any more at the moment, shielding of the recommendation window on the content display area is avoided, information browsing of the user is facilitated, the area of the information browsing area of the user is enlarged, and the browsing comfort of the user is improved.
Having described the general principles of the present disclosure, various non-limiting embodiments of the present disclosure are described in detail below.
Application scene overview
Referring first to fig. 1, fig. 1 is a schematic block diagram illustrating a system architecture of an exemplary application scenario to which an interface display control method and apparatus according to an embodiment of the present disclosure may be applied.
As shown in fig. 1, the system architecture 100 may include one or more of terminal devices 101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the terminal devices 101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few. The terminal devices 101, 102, 103 may be various electronic devices having a display screen, including but not limited to desktop computers, portable computers, smart phones, tablet computers, and the like. It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation. For example, server 105 may be a server cluster comprised of multiple servers, or the like.
The interface display control method provided by the embodiment of the present disclosure is generally executed by the terminal devices 101, 102, and 103, and accordingly, the interface display control apparatus is generally disposed in the terminal devices 101, 102, and 103. However, it is easily understood by those skilled in the art that the interface display control method provided in the embodiment of the present disclosure may also be executed by the server 105, and accordingly, the interface display control device may also be disposed in the server 105, which is not particularly limited in the exemplary embodiment. For example, in an application scenario of a cloud application, the terminal devices 101, 102, and 103 may acquire an interactive operation of a user, and transmit the interactive operation to the server 105 through the network 104, so that the server 105 generates a corresponding interface according to the interface display control method provided by the present exemplary embodiment, feeds the corresponding interface back to the terminal devices 101, 102, and 103 in real time, and displays the interface to the user.
It should be understood that the application scenario illustrated in fig. 1 is only one example in which embodiments of the present disclosure may be implemented. The application scope of the embodiments of the present disclosure is not limited in any way by the application scenario.
Exemplary method
An interface display control method according to an exemplary embodiment of the present disclosure is described below with reference to fig. 2 in conjunction with the application scenario of fig. 1. It should be noted that the above application scenarios are merely illustrated for the convenience of understanding the spirit and principles of the present disclosure, and the embodiments of the present disclosure are not limited in any way in this respect. Rather, embodiments of the present disclosure may be applied to any scenario where applicable.
The present disclosure first provides an interface display control method, and in this exemplary embodiment, the method is performed by a terminal device as an example.
Referring to fig. 2, in step S210, an initial audio playing interface is provided, where the initial audio playing interface includes a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a floating manner.
In an example embodiment, the initial audio playing interface refers to an audio playing interface with a default display format that is displayed after the application client is started, and specifically, the initial audio playing interface may include a playing operation area and a content display area.
The play operation area refers to a control area provided for controlling the currently played audio in the initial audio play interface, for example, the play operation area may include basic operations such as play pause, previous and next, and certainly may also include operations such as play list and double-speed play, which is not particularly limited in this example embodiment.
The content display area refers to an area provided for displaying related information of currently played audio, for example, the content display area may be an area for displaying detailed information related to the currently played audio, may also be an area for displaying comment information related to the currently played audio, and of course, may also be an area for displaying recommendation information related to the currently played audio, which is not limited in this example embodiment.
The currently played audio may be a podcast sound, a music audio, or other types of audio, for example, a local telephone recording of the user may also be used, which is not limited in this exemplary embodiment.
The recommendation window is a window for providing an audio list associated with currently playing audio, for example, the recommendation window may be a window for providing an audio list having the same author as the currently playing audio, may also be a window for providing an audio list having the same authoring style as the currently playing audio, and of course, may also be a window for providing an audio list associated with other types of currently playing audio, which is not particularly limited in this exemplary embodiment.
In order to ensure that the display of the recommendation window does not block the play operation area or the content display area in the initial audio play interface, the recommendation window may be displayed in a floating manner in the initial audio play interface.
In step S220, in response to the received first interactive operation, the play operation area and the content display area are synchronously moved, and the synchronous movement is stopped when the play operation area is moved to the top area of the initial audio play interface.
In an example embodiment, the first interactive operation refers to an interactive operation that triggers the play operation area and the content display area to synchronously move, for example, the first interactive operation may be a sliding operation in any direction, or may also be a double-click operation or a long-press operation of a non-interactive area (or a blank area) in an initial audio play interface, of course, the first interactive operation may also be another interactive operation that can trigger the play operation area and the content display area to synchronously move, and the first interactive operation may be set by a user in a customized manner through a preset setting interface, which is not particularly limited in this example embodiment.
The top area refers to an edge area in the initial audio playing interface, for example, the top area may be a top area of the initial audio playing interface, or may also be a left edge or an edge area of the initial audio playing interface, or may also be a bottom area of the initial audio playing interface in some special cases, which is not particularly limited in this exemplary embodiment.
Before the first interactive operation is received, the play operation region in the initial audio play interface may be displayed as a primary interface element, and the content display region is displayed as a secondary interface element, for example, the play operation region in the initial audio play interface may be disposed at a center region of the initial audio play interface, and the content display region may be disposed at a bottom region of the initial audio play interface, which is only an exemplary illustration here, and this exemplary embodiment is not limited thereto.
When the first interactive operation is received, the playing operation area and the content display area can be controlled to synchronously move on the current display interface, so that the animation of interface layout switching is realized on the current display interface, and when the playing operation area moves to the top setting area of the initial audio playing interface, the synchronous movement of the playing operation area and the content display area is stopped.
In step S230, during or after the synchronous movement, the recommendation window is placed in a preset area of the content display area, and at this time, the recommendation window is no longer in a floating state.
In an example embodiment, the preset area refers to an area that is preset in the content display area and does not affect the content display in the content display area, for example, the preset area may be a left side or a right side of the content display area, or may be a position where the end of the content displayed in the content display area is displayed, which is not particularly limited in this example embodiment.
In the process of synchronous movement of the play operation area and the content display area, the recommendation window displayed in a floating manner can be placed in a preset area of the content display area, and the recommendation window is not in a floating state at the moment; of course, in the process of synchronously moving the play operation region and the content display region, the recommendation window displayed in a floating manner may be placed in the preset region of the content display region, and the recommendation window at this time is no longer in a floating state, and specifically, the switching time of the floating state of the recommendation window may be determined according to an actual situation, which is not limited in this example embodiment.
According to the technical scheme of the example embodiment of fig. 2, on one hand, a play operation area and a content display area are provided on an initial audio play interface, the play operation area and the content display area are synchronously moved when a first interactive operation is received, and the synchronous movement is stopped when the play operation area moves to a set-top area of the initial audio play interface, so that the play operation area is placed in the set-top area of the initial audio play interface, a user can realize basic operation on the sound of a podcast in real time, and simultaneously, the content display area can be fully displayed, so that the user can conveniently browse the related information of the sound of the podcast, the convenience of browsing the related information of the sound of the podcast by the user is improved, the user operation is simplified, and the user experience is improved; on the other hand, the recommendation window is displayed in a suspended manner on the initial audio playing interface, so that on the premise that the operation of the playing operation area is not influenced and the information display of the content display area is not influenced, related podcast sound can be recommended to the user through the recommendation window, the user can more conveniently acquire the interested related podcast sound, the return visit rate of the podcast sound is improved, and in the synchronous moving process or when the synchronous moving is finished, the recommendation window is placed at the preset area of the content display area, the recommendation window is not in a suspended state any more at the moment, the shielding of the recommendation window on the content display area is avoided, the user can conveniently browse information, the area of the information browsing area of the user is enlarged, and the browsing comfort of the user is improved.
Next, step S210 to step S230 in fig. 2 will be described in detail.
In an example embodiment, the first interactive operation may include a sliding operation, for example, the sliding operation may be a sliding operation performed relatively upward or downward on the initial audio playing interface, or may also be a sliding operation performed relatively leftward or rightward on the initial audio playing interface, which is not limited to this example embodiment.
Specifically, step S210 may include step S310 and step S320, and implement synchronous movement of the play operation area and the content display area in response to the sliding operation, as shown in fig. 3, specifically, the step S210 may include:
step S310, responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
step S320, controlling the play operation area and the content display area to perform synchronous movement, and stopping the synchronous movement when the play operation area moves to the set top area corresponding to the sliding direction.
The sliding direction refers to a relative displacement direction of the sliding operation on the initial audio playing interface, and specifically, the sliding direction corresponding to the sliding operation may be determined according to a displacement vector corresponding to the sliding operation, for example, the displacement vector corresponding to the sliding operation may be a vector pointing from the screen coordinate (1, 1) to the screen coordinate (1, 2), and at this time, the sliding direction corresponding to the sliding operation may be considered as a relative upward sliding.
The set-top area of the play operation area may be determined according to a sliding direction of the sliding operation, and specifically, the play operation area and the content display area are controlled to move synchronously on the initial audio play interface based on the sliding direction, and the synchronous movement is stopped when the play operation area moves to the set-top area corresponding to the sliding direction.
For example, if the sliding direction of the sliding operation is relatively upward sliding, the play operation area may be controlled to move to the top area (i.e., the top area) corresponding to the upward direction of the initial audio play interface, and the content display area and the play operation area are controlled to move synchronously at the same time, until the play operation area moves to the top area corresponding to the upward direction, the play operation area and the content display area are controlled to finish synchronous movement; of course, assuming that the sliding direction of the sliding operation is relatively leftward or rightward sliding, the play operation region may be controlled to move to the top region (i.e., the edge region on the left side or the right side) corresponding to the leftward or rightward direction of the initial audio play interface, and the content display region and the play operation region may be controlled to move synchronously, until the play operation region moves to the top region corresponding to the leftward or rightward direction, the play operation region and the content display region are controlled to finish the synchronous movement.
Fig. 4 schematically illustrates an interface schematic controlling a zone movement according to some embodiments of the present disclosure.
Referring to fig. 4, an initial audio play interface 401 may include a play operation region 402, a content display region 403, and a recommendation window 404.
In an embodiment, a first interactive operation may be performed on the initial audio playing interface 401, and assuming that the first interactive operation may be a sliding operation that slides relatively upward, at this time, the playing operation region 402 and the content display region 403 may be controlled to move synchronously to obtain the current audio playing interface 405, and when the playing operation region 402 moves to a set-top region in an upward direction, the synchronous movement is stopped, and the playing operation region 406 and the content display region 407 are obtained, so as to implement a sucking set-top state of the playing operation region 402 and the content display region 403; meanwhile, in the synchronous movement process or at the end of the synchronous movement, the recommendation window 404 displayed in a floating manner on the initial audio playing interface 401 is placed in a preset area of the content display area 407 to obtain a recommendation window 408, and at this time, the recommendation window 408 is no longer in a floating state;
in an embodiment, a first interactive operation may be performed on the initial audio playing interface 401, and assuming that the first interactive operation may be a sliding operation that slides relatively to the left, at this time, the playing operation region 402 and the content display region 403 may be controlled to move synchronously to obtain the current audio playing interface 409, and when the playing operation region 402 moves to a top setting region in the left direction, the synchronous movement is stopped, and the playing operation region 410 and the content display region 411 are obtained, so as to achieve a left side adsorption state of the playing operation region 402; meanwhile, in the synchronous moving process or when the synchronous moving is finished, the recommendation window 404 displayed in a floating manner on the initial audio playing interface 401 is placed in a preset area of the content display area 401 to obtain a recommendation window 412, and at this time, the recommendation window 412 is not in a floating state any more;
in an embodiment, a first interactive operation may be performed on the initial audio playing interface 401, and assuming that the first interactive operation may be a double-click operation at a blank area of the initial audio playing interface 401, at this time, the playing operation area 402 and the content display area 403 may be controlled to synchronously move to obtain the current audio playing interface 413, and when the playing operation area 402 moves to a top area in an upward direction and the content switching control in the content display area 403 moves to a top area in a leftward direction, the synchronous movement is stopped, and the playing operation area 414 and the content display area 415 are obtained, so as to achieve a top adsorption state of the playing operation area 402 and a left side adsorption state of the content switching control; meanwhile, in the synchronous movement process or at the end of the synchronous movement, the recommendation window 404 displayed in a floating manner on the initial audio playing interface 401 is placed in a preset area of the content display area 415 to obtain a recommendation window 416, and at this time, the recommendation window 416 is no longer in a floating state.
The synchronous movement of the playing operation area and the content display area is controlled through the sliding direction of the sliding operation, so that the switching of the interface follows the gesture of a user, the following chirality of the operation is improved, meanwhile, the user can place the playing operation area at the favorite set-top area (or edge area), and the user experience is improved.
In an example embodiment, before responding to the received first interactive operation, that is, on an initial audio playing interface displayed by default after the application client is started, synchronous movement of the playing operation area and the content display area may be further achieved through a second interactive operation, which is shown with reference to fig. 5, and specifically includes:
step S510, displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
step S520, before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a set-top area corresponding to a default direction;
step S530, in response to the received first resuming operation, synchronously moving the play operation area and the content display area, and stopping the synchronous movement when the play operation area moves to the initial position.
Wherein, the first label control is a shortcut label provided in the initial audio playing interface, the first content control is a control provided in the content display area and used for switching the display content type in the content display area, the first label control and the first content control can be associated with each other, the first label control can be a shortcut display mode of the first content control, for example, the first label control can be a control displayed in the initial audio playing interface by bubbles and used for switching comment information, the first content label can be a control displayed in the content display area and used for switching and displaying comment information, the number of comment information of the currently played audio can be displayed in the first label control, similarly, the number of comment information of the currently played audio can also be displayed in the first content control, and the number of comment information displayed in the first label control is associated with the number of comment information displayed in the first content control, of course, this is only an illustrative example, and the present exemplary embodiment is not limited thereto.
The second interactive operation refers to an operation of triggering the first label control or the first content control, for example, the second interactive operation may be a single-click operation for the first label control or the first content control, or may be a long-press operation for the first label control or the first content control, which is not limited in this example embodiment.
The default direction refers to a preset direction of moving the set-top area of the play operation area in response to the second interactive operation, for example, the default direction may be an upward direction, or a leftward direction or a rightward direction, which is not particularly limited in this exemplary embodiment.
The first recovery operation refers to an operation of recovering the play operation region and the content display region after the synchronous movement to the initially displayed interface layout, for example, if the second interactive operation is a click operation on the first label control or the first content control, the first recovery operation may be a re-click operation on the first label control or the first content control.
The initial position refers to a position where the play operation region is located before the play operation region and the content display region are synchronously moved in response to the second interactive operation, that is, after the application client is started, the position of the play operation region displayed on the initial audio play interface is the initial position of the play operation region.
By responding to the second interactive operation aiming at the first label control or the first content control, the playing operation area and the content display area are automatically and synchronously moved, the display content related to the first label control or the first content control is rapidly displayed in the content display area of the current interface, the user operation is simplified, the skipping efficiency of the display content is improved, and the user experience is improved.
In an example embodiment, in response to the second interactive operation for the first tab control, the play operation region and the content display region may be moved synchronously, and the synchronous movement is stopped when the play operation region moves to the top setting region corresponding to the default direction, and when the synchronous movement is finished, the display content associated with the first content control is displayed in the content display region of the current page, where the first tab control and the first content control are corresponding, and the first tab control may be regarded as a shortcut display mode of the first content control.
For example, assuming that the comment information is associated with the first label control and the first content control, the comment information control displayed in a bubble style, that is, the first label control, may be provided in the initial audio playing interface, and the control for switching the comment information, that is, the first content control, may be provided in the content display area. When a user performs a second interactive operation such as a click operation on the first label control, the playing operation area and the content display area are controlled to synchronously move, the synchronous movement is stopped when the playing operation area moves to the top setting area corresponding to the default direction, and when the synchronous movement is finished, the display content related to the first content control, namely comment information, can be displayed in the content display area of the current page (namely, the page does not jump when the comment information is loaded).
Fig. 6 schematically illustrates an interface diagram for triggering a first label control according to still further embodiments of the present disclosure.
Referring to fig. 6, a first label control, that is, a comment label control 602, is displayed on an initial audio playing interface 601, a first content control, that is, a comment content switching control 603, is displayed in a content display area, before receiving a first interactive operation, in response to a second interactive operation, such as a click operation, for the comment label control 602 or the comment content switching control 603, a playing operation area and a content display area are synchronously moved, and the synchronous movement is stopped when the playing operation area moves to a set-top area corresponding to a default direction, so as to obtain a current audio playing interface 604, and display content corresponding to the comment content switching control 603, that is, comment information 605 related to a currently played audio is displayed in the content display area.
In another embodiment, in response to a second interactive operation such as a click operation on the comment tag control 602, the play operation region and the content display region may be moved synchronously, and the synchronous movement is stopped when the play operation region moves to the set-top region corresponding to the default direction, and when the synchronous movement is finished, the display content associated with the comment content switching control 603, that is, the comment information 605, is displayed in the content display region of the current audio play interface 604 without jumping to a new page, where the comment tag control 602 and the comment content switching control 603 are corresponding to each other, and the comment tag control 602 may be regarded as a fast display mode of the comment content switching control 603.
In an example embodiment, the content display area may include an audio list display area, which refers to an area provided in the content presentation area for presenting an associated audio list of currently playing audio.
Specifically, step S210 may include step 710 and step S720, and the implementation of placing the recommendation window in the preset area of the content display area is shown in fig. 7, and specifically includes:
step S710, responding to the sliding operation aiming at the audio list display area, and performing rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and step S720, splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling manner.
For example, the preset audio list may be an audio list with the same creator as the currently played audio, or an audio list with the same authoring style as the currently played audio, and this example embodiment is not limited thereto. The current arrangement sequence refers to a preset audio display sequence in the audio list.
Because the audio list display area is arranged in the content display area, the area of the display area is limited, and if the audio list has more audio, the audio list cannot be displayed in the audio list display area at the same time, so that the preset audio list can be displayed in the audio list display area in a rolling manner according to the current arrangement sequence through dragging operation. Meanwhile, when the audio list is displayed in a rolling display mode or the last audio content of the audio list is displayed in the display area of the audio list, the recommendation window can be spliced at the tail display position of the audio list, so that the recommendation window can move along with the rolling of the audio list when the audio list is dragged continuously, the suspended recommendation window is prevented from blocking the tail position of the audio list, the display effect of the content display area is improved, and the user experience is improved.
In an example embodiment, the play operation region and the content display region may be moved synchronously in response to the received second resume operation, and the synchronous movement may be stopped when the play operation region is moved to the initial position; and displaying the recommendation window in a floating manner on the initial audio playing interface.
The second recovery operation refers to an operation of recovering the synchronously moved play operation area and content display area to the initially displayed interface layout, for example, if the first interactive operation is a sliding operation of sliding relatively upward, the second recovery operation may be a sliding operation of sliding relatively downward; it is to be understood that, when the first interactive operation is a sliding operation of sliding relatively to the left (or to the right), the second recovery operation may be a sliding operation of sliding relatively to the right (or to the left), and this is not particularly limited in this exemplary embodiment.
And after the playing operation area and the content display area are restored to the initially displayed interface layout, the recommendation window which is not displayed in the floating state is restored to the floating state display.
In an example embodiment, the recommendation window may include a favorites button control, which refers to a control for quickly focusing on favorites for multiple audios provided in the recommendation window. Specifically, the recommendation window may be displayed in a non-floating manner in the content display area in response to a triggering operation of the favorite button control.
The trigger operation refers to an operation of triggering the favorite button control, for example, the trigger operation may be a single-click operation on the favorite button control, or a long-time press operation on any area of the recommended window, or of course, another operation capable of triggering the favorite button control may also be performed, which is not particularly limited in this example embodiment.
After the triggering operation of the favorite button control is received, at this time, the multiple audios recommended in the recommendation window can be considered to be subjected to favorite attention, and the multiple audios in the recommendation window are not required to be recommended to the user, so that the recommendation window can be displayed in a non-floating mode in the content display area. And after the user restarts the application program client, the recommendation window corresponding to the currently played audio is still displayed in a non-floating manner.
In an example embodiment, the initial audio playing interface may further include a theme display area and a mapping display area, where the theme display area is an area that displays theme information corresponding to a currently played audio in the initial audio playing interface, and in a process of controlling the playing operation area and the content display area to move synchronously according to the first interactive operation or the second interactive operation, the theme display area may be always displayed on the initial audio playing interface, and specifically, may be displayed at a fixed position of the initial audio playing interface; the matching display area is an area for displaying matching information corresponding to the currently played audio in the initial audio playing interface, and the matching display area can be hidden and displayed in the process of controlling the synchronous movement of the playing operation area and the content display area according to the first interactive operation or the second interactive operation.
In the synchronous moving process, the theme display area is always kept on the initial audio playing interface, so that the user can be ensured to see the theme information corresponding to the currently played audio at any time, and the memory burden of the user is reduced; for the less important picture matching information, the picture matching display area where the picture matching information is located can be hidden, so that the occupation of the interface area is effectively reduced, and the utilization rate of an audio playing interface is improved.
In an example embodiment, the initial audio playing interface may include an audio progress bar, and specifically, the displaying of the audio progress bar may be implemented through the steps in fig. 8, and as shown in fig. 8, the displaying specifically may include:
step S810, displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
step S820, displaying the key content information associated with the currently played audio in the node interval formed by the key nodes.
For example, if the currently played audio includes four chapters, the key node may be considered as a division node between different chapters, and a plurality of key nodes displayed on the audio progress bar corresponding to different currently played audios are different, and may be specifically set according to the currently played audio played on the initial audio playing interface.
The key content information refers to main information of audio content corresponding to the currently played audio, for example, it is assumed that the currently played audio includes four chapters, and directory information or core content corresponding to each chapter is the key content information of the currently played audio.
Specifically, key content information related to the currently played audio can be displayed in a node interval formed by a plurality of key nodes on the audio progress bar, so that when a user adjusts the audio progress bar, the user can quickly adjust the audio content to be listened according to the key nodes displayed on the audio progress bar or the key content information displayed in the node interval, and the adjustment efficiency and the adjustment accuracy of the audio progress bar are improved.
Fig. 9 schematically illustrates an interface schematic displaying an audio progress bar according to some embodiments of the present disclosure.
Referring to fig. 9, a plurality of key nodes 902 may be displayed on an audio progress bar 901, and key content information associated with currently played audio may be displayed in a node section formed by the key nodes.
In an example embodiment, the initial audio playing interface may include an audio progress bar, and specifically, the displaying of the audio progress bar may also be implemented through the steps in fig. 10, and as shown in fig. 10, the displaying specifically may include:
step S1010, displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
step S1020, in response to the adjustment operation for the audio progress bar, displaying content display information at the corresponding key node in the adjustment process.
For example, if the currently played audio includes four chapters, the key node may be considered as a division node between different chapters, and a plurality of key nodes displayed on the audio progress bar corresponding to different currently played audios are different, and may be specifically set according to the currently played audio played on the initial audio playing interface.
The adjustment operation refers to an operation of dragging a drag button on the audio progress bar to adjust the playing time of the currently played audio. The content presentation information refers to information associated with a currently played audio, for example, the content presentation information may be text information or preset pattern information corresponding to the currently played audio, or may also be matching information associated with the content of the currently played audio, or of course, may also be combination of the text information or preset pattern information and the matching information, which is not limited in this exemplary embodiment.
Through when the user does not adjust the audio progress bar, a plurality of key nodes can be only displayed on the audio progress bar, and when the user adjusts the audio progress bar, content display information can be displayed at corresponding key nodes in the adjusting process, on one hand, the simplicity of the audio progress bar when the user does not operate can be ensured, the key content of the currently played audio can be also ensured to be displayed by the audio progress bar when the user adjusts, the user can quickly adjust the audio content to be listened, and the adjusting efficiency and the adjusting accuracy of the audio progress bar are improved.
FIG. 11 schematically shows an interface diagram displaying an audio progress bar according to further embodiments of the present disclosure.
Referring to fig. 11, a plurality of key nodes 1102 are displayed on an audio progress bar 1101, and in response to an adjustment operation for the audio progress bar 1101, content presentation information 1103, which may include text information and/or matching information, is displayed at the corresponding key nodes during the adjustment.
Exemplary devices
Having described the method of the exemplary embodiment of the present disclosure, next, the interface display control apparatus of the exemplary embodiment of the present disclosure is described with reference to fig. 12.
In fig. 12, the interface display control apparatus 1200 may include: an initial audio play interface providing module 1210, a region synchronous moving module 1220, and a recommendation window displaying module 1230. Wherein:
the initial audio playing interface providing module 1210 is configured to provide an initial audio playing interface, where the initial audio playing interface includes a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a suspended manner;
the area synchronous moving module 1220 is configured to respond to the received first interactive operation, perform synchronous movement on the play operation area and the content display area, and stop the synchronous movement when the play operation area moves to the set-top area of the initial audio play interface; and
the recommendation window displaying module 1230 is configured to place the recommendation window in a preset area of the content display area during or after the synchronous movement, where the recommendation window is no longer in a floating state.
In some embodiments of the present disclosure, based on the foregoing, the first interactive operation comprises a sliding operation; the zone synchronous moving module 1220 is configured to:
responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
and controlling the playing operation area and the content display area to synchronously move, and stopping the synchronous movement when the playing operation area moves to a top setting area corresponding to the sliding direction.
In some embodiments of the present disclosure, based on the foregoing solution, the interface display control apparatus 1200 includes a content skipping module configured to:
displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a top setting area corresponding to a default direction;
and responding to the received first recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position.
In some embodiments of the present disclosure, based on the foregoing, the content skip module is further configured to:
when responding to the second interactive operation aiming at the first label control, displaying the display content related to the first content control in the content display area of the current page when the synchronous movement is finished, wherein the first label control and the first content control are corresponding.
In some embodiments of the present disclosure, based on the foregoing, the content display area comprises an audio list display area; the recommendation window display module 1230 is configured to:
responding to the sliding operation aiming at the audio list display area, and carrying out rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling mode.
In some embodiments of the present disclosure, based on the foregoing, the interface display control apparatus 1200 includes an interface recovery module configured to:
responding to the received second recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position; and
and displaying the recommendation window in a floating manner on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing, the recommendation window includes a favorite button control, and the interface display control apparatus 1200 includes a favorite module configured to:
and responding to the triggering operation of the favorite button control, and displaying the recommendation window in the content display area in a non-suspension manner.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface further includes a theme display area and a layout display area, and the interface display control apparatus 1200 includes an other area control module configured to:
in the synchronous moving process, hiding and displaying the matching image display area; and
and always keeping the theme display area displayed on the initial audio playing interface.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, and the interface display control apparatus 1200 includes a first audio progress bar display module configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and displaying the key content information related to the currently played audio in a node interval formed by the key nodes.
In some embodiments of the present disclosure, based on the foregoing solution, the initial audio playing interface includes an audio progress bar, and the interface display control apparatus 1200 includes a first audio progress bar display module configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and responding to the adjustment operation aiming at the audio progress bar, and displaying content display information at the corresponding key nodes in the adjustment process.
In a third aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the interface display control method as described in the first aspect above.
Exemplary Medium
Having described the apparatuses of the exemplary embodiments of the present disclosure, a storage medium of the exemplary embodiments of the present disclosure will be described next.
In some embodiments, aspects of the present disclosure may also be implemented as a medium having stored thereon program code for implementing steps in an interface display control method according to various exemplary embodiments of the present disclosure described in the above-mentioned "exemplary method" section of this specification when the program code is executed by a processor of a device.
For example, when the processor of the device executes the program code, step S210 shown in fig. 2 may be implemented to provide an initial audio playing interface, where the initial audio playing interface includes a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a floating manner; step S220, responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping the synchronous movement when the playing operation area moves to the top setting area of the initial audio playing interface; step S230, during the synchronous movement or when the synchronous movement is finished, placing the recommendation window in a preset area of the content display area, where the recommendation window is no longer in a floating state.
Referring to fig. 13, a program product 1300 for implementing the above-described interface display control method according to an embodiment of the present disclosure is described, which may employ a portable compact disc read only memory (CD-ROM) and include program codes, and may be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. The readable signal medium may also be any readable medium other than a readable storage medium.
Program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user computing device, partly on the user device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN).
Exemplary computing device
Having described the interface display control method, the interface display control apparatus, and the storage medium according to the exemplary embodiments of the present disclosure, next, an electronic device according to the exemplary embodiments of the present disclosure is described.
As will be appreciated by one skilled in the art, aspects of the present disclosure may be embodied as a system, method or program product. Accordingly, various aspects of the present disclosure may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
In some possible embodiments, an electronic device according to the present disclosure may include at least one processing unit, and at least one memory unit. Wherein the storage unit stores program code that, when executed by the processing unit, causes the processing unit to perform the steps in the interface display control method according to various exemplary embodiments of the present disclosure described in the above section "exemplary method" of the present specification. For example, the processing unit may execute step S210 shown in fig. 2, and provide an initial audio playing interface, where the initial audio playing interface includes a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a floating manner; step S220, responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping the synchronous movement when the playing operation area moves to the top setting area of the initial audio playing interface; step S230, during the synchronous movement or when the synchronous movement is finished, placing the recommendation window in a preset area of the content display area, where the recommendation window is no longer in a floating state.
An electronic device 1400 according to an example embodiment of the disclosure is described below with reference to fig. 14. The electronic device 1400 shown in fig. 14 is only an example and should not bring any limitations to the functionality and scope of use of the embodiments of the present disclosure.
As shown in fig. 14, the electronic device 1400 is embodied in the form of a general purpose computing device. The components of the electronic device 1400 may include, but are not limited to: the at least one processing unit 1401, the at least one storage unit 1402, a bus 1403 connecting different system components (including the storage unit 1402 and the processing unit 1401), and a display unit 1407.
Bus 1403 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, or a local bus using any of a variety of bus architectures.
The storage unit 1402 may include readable media in the form of volatile memory, such as Random Access Memory (RAM)1421 and/or cache memory 1422, and may further include Read Only Memory (ROM) 1423.
The storage unit 1402 may also include a program/utility 1425 having a set (at least one) of program modules 1424, such program modules 1424 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 1400 can also communicate with one or more external devices 1404 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 1400, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 1400 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 1405. Also, the electronic device 1400 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) via the network adapter 1406. As shown, the network adapter 1406 communicates with other modules of the electronic device 1400 over a bus 1403. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 1400, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
It should be noted that although in the above detailed description several units/modules or sub-units/modules of the interface display control means are mentioned, such a division is merely exemplary and not mandatory. Indeed, the features and functionality of two or more of the units/modules described above may be embodied in one unit/module in accordance with embodiments of the present disclosure. Conversely, the features and functions of one unit/module described above may be further divided into embodiments by a plurality of units/modules.
Further, while the operations of the disclosed methods are depicted in the drawings in a particular order, this does not require or imply that these operations must be performed in this particular order, or that all of the illustrated operations must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions.
While the spirit and principles of the present disclosure have been described with reference to several particular embodiments, it is to be understood that the present disclosure is not limited to the particular embodiments disclosed, nor is the division of aspects, which is for convenience only as the features in such aspects may not be combined to benefit. The disclosure is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims.

Claims (22)

1. An interface display control method, comprising:
providing an initial audio playing interface, wherein the initial audio playing interface comprises a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a suspension manner;
responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a set-top area of the initial audio playing interface; and
and in the synchronous moving process or when the synchronous moving is finished, placing the recommendation window at a preset area of the content display area, wherein the preset area comprises an area which does not shield the content display in the content display area, and at the moment, the recommendation window is not in a suspension state any more.
2. The method of claim 1, wherein the first interaction comprises a swipe operation;
the responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping the synchronous movement when the playing operation area moves to the top area of the initial audio playing interface, including:
responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
and controlling the playing operation area and the content display area to synchronously move, and stopping the synchronous movement when the playing operation area moves to a top setting area corresponding to the sliding direction.
3. The method of claim 1, further comprising:
displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a top setting area corresponding to a default direction;
and responding to the received first recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position.
4. The method of claim 3, further comprising:
when responding to the second interactive operation aiming at the first label control, displaying the display content related to the first content control in the content display area of the current page when the synchronous movement is finished, wherein the first label control and the first content control are corresponding.
5. The method of claim 1, wherein the content display area comprises an audio list display area; the placing the recommendation window at a preset region of the content display region includes:
responding to the sliding operation aiming at the audio list display area, and carrying out rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling mode.
6. The method of claim 1, further comprising:
responding to the received second recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position; and
and displaying the recommendation window in a floating manner on the initial audio playing interface.
7. The method of claim 1, wherein the recommendation window includes a favorites button control, the method further comprising:
and responding to the triggering operation of the favorite button control, and displaying the recommendation window in the content display area in a non-suspension manner.
8. The method of claim 1, wherein the initial audio playback interface further comprises a theme display area and a collage display area, the method further comprising:
in the synchronous moving process, hiding and displaying the matching image display area; and
and always keeping the theme display area displayed on the initial audio playing interface.
9. The method of claim 1, wherein the initial audio playback interface comprises an audio progress bar, and wherein the method further comprises:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and displaying the key content information related to the currently played audio in a node interval formed by the key nodes.
10. The method of claim 1, wherein the initial audio playback interface comprises an audio progress bar, and wherein the method further comprises:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and responding to the adjustment operation aiming at the audio progress bar, and displaying content display information at the corresponding key nodes in the adjustment process.
11. An interface display control apparatus, comprising:
the system comprises an initial audio playing interface providing module, a content display module and a recommendation module, wherein the initial audio playing interface providing module is used for providing an initial audio playing interface, the initial audio playing interface comprises a playing operation area and a content display area, and a recommendation window is displayed in the initial audio playing interface in a suspension manner;
the area synchronous moving module is used for responding to the received first interactive operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the top area of the initial audio playing interface; and
and the recommendation window display module is used for placing the recommendation window in a preset area of the content display area in the synchronous moving process or at the end of the synchronous moving process, wherein the preset area comprises an area which does not shield the content display in the content display area, and at the moment, the recommendation window is not in a suspension state any more.
12. The apparatus of claim 11, wherein the first interaction comprises a slide operation; the zone synchronous movement module is configured to:
responding to the received sliding operation, and acquiring the sliding direction of the sliding operation;
and controlling the playing operation area and the content display area to synchronously move, and stopping the synchronous movement when the playing operation area moves to a top setting area corresponding to the sliding direction.
13. The apparatus of claim 11, wherein the interface display control apparatus comprises a content hopping module configured to:
displaying a first label control on the initial audio playing interface, and displaying a first content control in the content display area;
before the first interactive operation is received, responding to a second interactive operation aiming at the first label control or the first content control, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to a top setting area corresponding to a default direction;
and responding to the received first recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to the initial position.
14. The apparatus of claim 13, wherein the content hopping module is further configured to:
when responding to the second interactive operation aiming at the first label control, displaying the display content related to the first content control in the content display area of the current page when the synchronous movement is finished, wherein the first label control and the first content control are corresponding.
15. The apparatus of claim 11, wherein the content display area comprises an audio list display area; the recommendation window display module is configured to:
responding to the sliding operation aiming at the audio list display area, and carrying out rolling display on a preset audio list in the audio list display area according to the current arrangement sequence; and
and splicing the recommendation window at the tail display position of the audio list when the audio list is displayed in a rolling mode.
16. The apparatus of claim 11, wherein the interface display control apparatus comprises an interface recovery module configured to:
responding to a received second recovery operation, synchronously moving the playing operation area and the content display area, and stopping synchronous movement when the playing operation area moves to an initial position; and
and displaying the recommendation window in a floating manner on the initial audio playing interface.
17. The apparatus of claim 11, wherein the recommendation window comprises a favorites button control, and wherein the interface display control comprises a favorites module configured to:
and responding to the triggering operation of the favorite button control, and displaying the recommendation window in the content display area in a non-suspension manner.
18. The apparatus of claim 11, wherein the initial audio playback interface further comprises a theme display area and a map display area, wherein the interface display control apparatus comprises an other zone control module configured to:
in the synchronous moving process, hiding and displaying the matching image display area; and
and always keeping the theme display area displayed on the initial audio playing interface.
19. The apparatus of claim 11, wherein the initial audio playback interface comprises an audio progress bar, and wherein the interface display control means comprises a first audio progress bar display module configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and displaying the key content information related to the currently played audio in a node interval formed by the key nodes.
20. The apparatus of claim 11, wherein the initial audio playback interface comprises an audio progress bar, and wherein the interface display control means comprises a first audio progress bar display module configured to:
displaying a plurality of key nodes on the audio progress bar, wherein the key nodes are set based on the currently played audio played on the initial audio playing interface;
and responding to the adjustment operation aiming at the audio progress bar, and displaying content display information at the corresponding key nodes in the adjustment process.
21. An electronic device, comprising:
a processor; and
a memory having computer readable instructions stored thereon which, when executed by the processor, implement the interface display control method of any one of claims 1 to 10.
22. A computer-readable medium, on which a computer program is stored, which, when being executed by a processor, implements the interface display control method according to any one of claims 1 to 10.
CN202110785390.8A 2021-07-12 2021-07-12 Interface display control method, device, medium and electronic equipment Active CN113392260B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110785390.8A CN113392260B (en) 2021-07-12 2021-07-12 Interface display control method, device, medium and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110785390.8A CN113392260B (en) 2021-07-12 2021-07-12 Interface display control method, device, medium and electronic equipment

Publications (2)

Publication Number Publication Date
CN113392260A CN113392260A (en) 2021-09-14
CN113392260B true CN113392260B (en) 2022-08-09

Family

ID=77625867

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110785390.8A Active CN113392260B (en) 2021-07-12 2021-07-12 Interface display control method, device, medium and electronic equipment

Country Status (1)

Country Link
CN (1) CN113392260B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116467037B (en) * 2023-06-09 2023-09-22 成都融见软件科技有限公司 Graphic user interface work state recovery method

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112416216A (en) * 2020-01-21 2021-02-26 上海哔哩哔哩科技有限公司 Work display method, electronic device and storage medium
CN111708901B (en) * 2020-06-19 2023-10-13 腾讯科技(深圳)有限公司 Multimedia resource recommendation method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN113392260A (en) 2021-09-14

Similar Documents

Publication Publication Date Title
US12014040B2 (en) Dynamic resizable media item player
US12008232B2 (en) User interfaces for viewing and accessing content on an electronic device
US8914739B2 (en) Data processing apparatus and method
US20110145745A1 (en) Method for providing gui and multimedia device using the same
WO2022193597A1 (en) Interface information switching method and apparatus
US20130268826A1 (en) Synchronizing progress in audio and text versions of electronic books
US11714529B2 (en) Navigation of a list of content sharing platform media items on a client device via gesture controls and contextual synchronization
US9679330B2 (en) Interface for enhanced continuity of browsing experience
EP4124052A1 (en) Video production method and apparatus, and device and storage medium
US20240171801A1 (en) Video processing method and apparatus, and electronic device and storage medium
JP2023539815A (en) Minutes interaction methods, devices, equipment and media
US10296158B2 (en) Systems and methods involving features of creation/viewing/utilization of information modules such as mixed-media modules
CN112987999B (en) Video editing method and device, computer readable storage medium and electronic equipment
CN113727170A (en) Video interaction method, device, equipment and medium
Miller et al. MiniDiver: A Novel Mobile Media Playback Interface for Rich Video Content on an iPhone TM
CN113392260B (en) Interface display control method, device, medium and electronic equipment
WO2024037480A1 (en) Interaction method and apparatus, electronic device, and storage medium
US11099714B2 (en) Systems and methods involving creation/display/utilization of information modules, such as mixed-media and multimedia modules
CN115605837A (en) Game console application with action fob
US10504555B2 (en) Systems and methods involving features of creation/viewing/utilization of information modules such as mixed-media modules
US20230033230A1 (en) Methods, systems, and media for navigating a user interface with a toolbar
KR102210091B1 (en) Enhanced information collection environments
CN110209870B (en) Music log generation method, device, medium and computing equipment
KR101827863B1 (en) System and method for providing multimedia contents
WO2013096701A1 (en) Systems and methods involving features of creation/viewing/utilization of information modules

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant