CN114594890A - Carousel display method and device of media information, electronic equipment and storage medium - Google Patents

Carousel display method and device of media information, electronic equipment and storage medium Download PDF

Info

Publication number
CN114594890A
CN114594890A CN202011432102.2A CN202011432102A CN114594890A CN 114594890 A CN114594890 A CN 114594890A CN 202011432102 A CN202011432102 A CN 202011432102A CN 114594890 A CN114594890 A CN 114594890A
Authority
CN
China
Prior art keywords
media information
display
information
progress
carousel
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202011432102.2A
Other languages
Chinese (zh)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202011432102.2A priority Critical patent/CN114594890A/en
Publication of CN114594890A publication Critical patent/CN114594890A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/904—Browsing; Visualisation therefor

Landscapes

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

Abstract

The application provides a carousel display method and device of media information, electronic equipment and a computer readable storage medium; the method comprises the following steps: presenting a media information carousel interface, and displaying an automatic carousel process of at least two pieces of media information in the media information carousel interface; presenting display progress prompt information corresponding to the first media information in the process of displaying the first media information in the at least two pieces of media information, wherein the display progress prompt information is used for prompting the remaining display duration of the first media information; in the process of displaying the first media information in at least two pieces of media information, when the trigger operation aiming at the first media information is received, the timing of the remaining display duration of the first media information is suspended; and when the display progress prompt message represents that the display of the first media message is finished, executing automatic switching from the first media message to the second media message. By the method and the device, effective prompt of media information display progress in the automatic carousel process of the media information can be achieved.

Description

Carousel display method and device of media information, electronic equipment and storage medium
Technical Field
The present application relates to the field of computer technologies, and in particular, to a carousel display method and apparatus for media information, an electronic device, and a storage medium.
Background
With the development of the internet, rich and diverse media information is displayed and spread on respective media in various forms, and in order to save the display area of the media information of a page, the technology of displaying the media information in a carousel manner is more and more widely used.
In the automatic carousel display process of the media information, the method of the related technology is to directly display the switching of the media information, and the display progress of the media information in the carousel display process cannot be identified by human eyes.
Disclosure of Invention
The embodiment of the application provides a carousel display method and device for media information, electronic equipment and a computer readable storage medium, which can intuitively and accurately prompt the carousel display progress of the media information.
The technical scheme of the embodiment of the application is realized as follows:
the embodiment of the application provides a carousel display method of media information, which comprises the following steps:
presenting a media information carousel interface, and displaying an automatic carousel process of at least two pieces of media information in the media information carousel interface;
presenting display progress prompt information corresponding to first media information in the process of displaying the first media information in the at least two pieces of media information, wherein the display progress prompt information is used for prompting the remaining display duration of the first media information;
in the process of displaying a first media information of the at least two media information, when a trigger operation aiming at the first media information is received, timing of the remaining display duration of the first media information is suspended;
and when the display progress prompt message represents that the display of the first media message is finished, executing automatic switching from the first media message to the second media message.
In the foregoing solution, the presenting the display progress prompt information corresponding to the first media information includes: presenting a process that the display form of the display progress prompt information is gradually changed from a first form to a second form so as to prompt the remaining display duration of the first media information through the change of the display form; the first form corresponds to a display start time of the first media information, and the second form corresponds to a display end time of the first media information.
In the above scheme, the display progress prompt information is a dynamic image, when the display progress prompt information is in the first form, the image size of the dynamic image is a first image size, and when the display progress prompt information is in the target form, the image size of the dynamic image is a second image size; the process of gradually changing the display form of the display progress prompt message from the first form to the second form comprises the following steps: when the first image size is larger than the second image size, presenting a process that the dynamic image corresponding to the first media information gradually shrinks from the first image size to the second image size in an image shrinking mode; and when the first image size is smaller than the second image size, presenting a process that the dynamic image corresponding to the second media information gradually extends from the first image size to the second image size in an image extension mode.
In the above scheme, the display progress prompt message is a dynamic image, when the display progress prompt message is in the first form, the image style of the dynamic image is a first style, and when the display progress prompt message is in the second form, the image style of the dynamic image is a second style; the process that the display form for presenting the display progress prompt message is gradually changed from the first form to the second form comprises the following steps: and a process of changing the image style of the dynamic image corresponding to the first media information from a first style to a second style.
In the above scheme, quantity prompt information is presented in the media information carousel interface, where the quantity prompt information is used to prompt the ranking of the currently displayed media information in the at least two pieces of media information and the quantity of the at least two pieces of media information.
In the foregoing solution, the performing the automatic switching from the first media information to the second media information includes: and executing the process that the picture corresponding to the first media information fades out from the media information carousel interface, and executing the process that the picture corresponding to the second media information fades in from the media information carousel interface.
The embodiment of the present application provides a carousel display device of media information, includes:
the media information display module is used for presenting a media information carousel interface and displaying an automatic carousel process of at least two pieces of media information in the media information carousel interface; the progress prompting module is used for presenting display progress prompting information corresponding to the first media information in the process of displaying the first media information in the at least two pieces of media information, and the display progress prompting information is used for prompting the remaining display duration of the first media information; the pause display module is used for pausing the timing of the remaining display duration of the first media information when receiving the trigger operation aiming at the first media information in the process of displaying the first media information in the at least two pieces of media information; and the automatic switching module is used for executing automatic switching from the first media information to the second media information when the display progress prompt information represents that the display of the first media information is finished.
In the foregoing solution, the carousel displaying device for media information further includes: the display duration setting module is used for presenting a display duration setting interface and presenting a duration setting function item in the display duration setting interface; and responding to the setting operation aiming at the time length setting function item, and taking the set display time length as the residual display time length corresponding to the time when the media information is at the display starting moment.
In the above scheme, the display duration setting module is further configured to display the second media information and obtain a display start time of the second media information; in the process of displaying the second media information, responding to the switching operation aiming at the second media information, and acquiring the operation moment of the switching operation; determining a time interval between the presentation start time and the operation time; and updating the display duration of the second media information to the time interval, wherein the display duration is the remaining display duration corresponding to the second media information at the display starting moment.
In the above scheme, the display duration setting module is further configured to determine the number of the at least two pieces of media information; and determining the display duration of each piece of media information based on the quantity of the at least two pieces of media information, wherein the display duration is the remaining display duration corresponding to the media information at the display starting moment.
In the above scheme, the display duration setting module is further configured to determine an information type of each piece of media information; and respectively determining the display duration of each piece of media information based on the information type of each piece of media information, wherein the display duration is the residual display duration corresponding to the media information at the display starting moment.
In the above scheme, the progress prompting module is further configured to present a process that a display form of the display progress prompting information is gradually changed from a first form to a second form, so as to prompt a remaining display duration of the first media information through a change of the display form; the first form corresponds to a display start time of the first media information, and the second form corresponds to a display end time of the first media information.
In the above scheme, the display progress prompting information includes a progress sliding area and a progress bar filled in the progress sliding area, when the display progress prompting information is in the first form, the progress bar displaying the progress prompting information is in a first state in which the progress sliding area is not filled, and when the display progress prompting information is in the second form, the progress bar displaying the progress prompting information is in a second state in which the progress sliding area is filled; the progress prompting module is further used for presenting a process that the progress bar gradually fills the progress sliding area from the first state to the second state in an extending mode.
In the above scheme, the display progress prompt information is a dynamic image, when the display progress prompt information is in the first form, the image size of the dynamic image is a first image size, and when the display progress prompt information is in the target form, the image size of the dynamic image is a second image size; the progress prompting module is further configured to present, in an image contraction manner, a process that a dynamic image corresponding to the first media information gradually contracts from a first image size to a second image size when the first image size is larger than the second image size; and when the first image size is smaller than the second image size, presenting a process that the dynamic image corresponding to the second media information gradually extends from the first image size to the second image size in an image extension mode.
In the above scheme, the display progress prompt message is a dynamic image, when the display progress prompt message is in the first form, the image style of the dynamic image is a first style, and when the display progress prompt message is in the second form, the image style of the dynamic image is a second style; the progress prompting module is further used for presenting a process that the image style of the dynamic image corresponding to the first media information is changed from a first style to a second style.
In the above scheme, the progress prompting module is further configured to, when the display progress prompting information is text information, present the display progress prompting information corresponding to the first media information in real time by changing text content of the text information.
In the above scheme, the progress prompting module is further configured to, in a process of displaying a first media information of the at least two pieces of media information, use media information of the at least two pieces of media information except the first media information as media information to be displayed, and present status prompting information corresponding to each piece of media information to be displayed; wherein the state prompt information is used for prompting the to-be-displayed state of the to-be-displayed media information
In the above scheme, the progress prompting module is further configured to present switching progress prompting information in a process of executing automatic switching from the first media information to the second media information, where the switching progress prompting information is used to prompt that the first media information is switched to a switching progress corresponding to the second media information.
In the foregoing solution, when the triggering operation is a switching operation, the display pause module is further configured to pause timing of a remaining display duration of the first media information when a switching operation for the first media information is received, and display a process of switching the first media information to the second media information according to a switching progress corresponding to the switching operation in a process of the switching operation.
In the foregoing solution, the carousel displaying device for media information further includes: and the quantity prompting module is used for presenting quantity prompting information in a media information carousel interface, wherein the quantity prompting information is used for prompting the sequencing of the currently displayed media information in the at least two pieces of media information and the quantity of the at least two pieces of media information.
In the foregoing solution, the carousel displaying device for media information further includes: a switching indication module, configured to present a switching indication icon, where the switching indication icon is used to indicate a sliding direction of a sliding operation for the media information, and the sliding operation is used to trigger switching of the media information; the media information display module is further used for displaying the second media information; in the process of displaying the second media information, in response to a sliding operation for the second media information triggered based on the switching indication icon, switching from the second media information to third media information is performed.
In the above solution, the media information display module is further configured to execute a process of fading out the picture corresponding to the first media information from the media information carousel interface, and execute a process of fading in the picture corresponding to the second media information on the media information carousel interface.
An embodiment of the present application provides an electronic device, including:
a memory for storing executable instructions;
and the processor is used for realizing the carousel display method of the media information provided by the embodiment of the application when the processor executes the executable instructions stored in the memory.
The embodiment of the present application provides a computer-readable storage medium, which stores executable instructions and is used for implementing the carousel display method of media information provided by the embodiment of the present application when being executed by a processor.
The embodiment of the application has the following beneficial effects:
in the process of displaying the first media information, the display progress prompt information used for prompting the remaining display duration of the first media information is presented, so that accurate prompt of the display progress of the media information carousel through the display progress prompt information except the media information is achieved, a user can visually and accurately know the carousel display progress of the media information, and effective prompt of the media information display progress in the automatic carousel process of the media information is achieved.
Drawings
Fig. 1 is an alternative structural diagram of a carousel presentation system for media information provided in an embodiment of the present application;
fig. 2 is an alternative structural schematic diagram of an electronic device provided in an embodiment of the present application;
fig. 3 is an alternative flowchart of a carousel presentation method for media information according to an embodiment of the present application;
fig. 4 is an alternative flowchart of a carousel presentation method for media information according to an embodiment of the present application;
fig. 5 is an alternative flowchart of a carousel presentation method for media information according to an embodiment of the present application;
FIG. 6 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
fig. 7 is a schematic interface diagram of an alternative example of a media information carousel presentation provided in the embodiment of the present application;
FIG. 8 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 9 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 10 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 11 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 12 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 13 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 14 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 15 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 16 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 17 is an alternative diagram of a dynamic image during automatic rotation of media information according to an embodiment of the present application;
FIG. 18 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
FIG. 19 is an alternative interface diagram of a media information carousel presentation provided by an embodiment of the present application;
fig. 20 is a flowchart illustrating a carousel displaying method of media information according to an embodiment of the present application;
fig. 21 is a flowchart illustrating a carousel displaying method of media information according to an embodiment of the present application.
Detailed Description
In order to make the objectives, technical solutions and advantages of the present application clearer, the present application will be described in further detail with reference to the attached drawings, the described embodiments should not be considered as limiting the present application, and all other embodiments obtained by a person of ordinary skill in the art without creative efforts shall fall within the protection scope of the present application.
In the following description, reference is made to "some embodiments" which describe a subset of all possible embodiments, but it is understood that "some embodiments" may be the same subset or different subsets of all possible embodiments, and may be combined with each other without conflict.
In the following description, references to the terms "first \ second \ third" are only to distinguish similar objects and do not denote a particular order, but rather the terms "first \ second \ third" are used to interchange specific orders or sequences, where appropriate, so as to enable the embodiments of the application described herein to be practiced in other than the order shown or described herein.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of the present application only and is not intended to be limiting of the application.
Before further detailed description of the embodiments of the present application, terms and expressions referred to in the embodiments of the present application will be described, and the terms and expressions referred to in the embodiments of the present application will be used for the following explanation.
1) Media information, various forms of media available in the internet, such as video information, audio information, text information, home page information of an Application (APP), and the like.
2) And the circular carousel displays the last media information in all the media information in a carousel switching mode, and then continues to display the last media information to the first media information from the carousel.
3) Automatic carousel: and the media information is displayed for a period of time in a default mode in the current page, and after the time is over, the media information is automatically broadcast in turn to the next media information for displaying.
4) Manual carousel: and when the switching operation is triggered, the media information is switched correspondingly based on the operation action of the switching operation.
The embodiment of the application provides a carousel display method and device for media information, electronic equipment and a computer-readable storage medium, which can intuitively and accurately prompt the switching progress of the media information.
First, a description is given of a carousel display system of media information provided in an embodiment of the present application, fig. 1 is an optional schematic diagram of the carousel display system 100 of media information provided in an embodiment of the present application, in order to implement a carousel display application supporting one piece of media information, a carousel display client 410 of media information is disposed in a terminal 400, the terminal 400 is connected to a server 200 through a network 300, the network 300 may be a wide area network or a local area network, or a combination of the two, and data transmission is implemented using a wireless link. In some embodiments, the terminal 400 may be, but is not limited to, a laptop, a tablet, a desktop computer, a smart phone, a dedicated messaging device, a portable gaming device, a smart speaker, a smart watch, and the like. The server 200 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a network service, cloud communication, middleware service, a domain name service, a security service, a CDN, a big data and artificial intelligence platform, and the like. The network 300 may be a wide area network or a local area network, or a combination of both. The terminal 400 and the server 200 may be directly or indirectly connected through wired or wireless communication, and the embodiment of the present application is not limited thereto.
The server 200 is configured to obtain protocol data carrying at least two pieces of media information, parse the protocol data, parse at least two pieces of media information including the first media information and the second media information from the protocol data, and send the at least two pieces of media information to the terminal 400. The protocol data may be sent to the server 200 by the media information delivery end.
The terminal 400 is configured to receive at least two pieces of media information sent by the server 200, present a media information carousel interface, and display an automatic carousel process of the at least two pieces of media information in the media information carousel interface; presenting display progress prompt information corresponding to first media information in the process of displaying the first media information in the at least two pieces of media information, wherein the display progress prompt information is used for prompting the remaining display duration of the first media information; in the process of displaying a first media information of the at least two media information, when a trigger operation aiming at the first media information is received, timing of the remaining display time length of the first media information is suspended; and when the display progress prompt message represents that the display of the first media message is finished, executing automatic switching from the first media message to the second media message.
Next, an electronic device for implementing the carousel displaying method of the media information according to the embodiment of the present application is described, referring to fig. 2, fig. 2 is a schematic structural diagram of the electronic device 500 according to the embodiment of the present application, and in practical applications, the electronic device 500 may be implemented as the terminal 400 or the server 200 in fig. 1, and the electronic device implementing the carousel displaying method of the media information according to the embodiment of the present application is described by taking the electronic device as the terminal 400 shown in fig. 1 as an example. The electronic device 500 shown in fig. 2 includes: at least one processor 510, memory 550, at least one network interface 520, and a user interface 530. The various components in the electronic device 500 are coupled together by a bus system 540. It is understood that the bus system 540 is used to enable communications among the components. The bus system 540 includes a power bus, a control bus, and a status signal bus in addition to a data bus. For clarity of illustration, however, the various buses are labeled as bus system 540 in FIG. 2.
The Processor 510 may be an integrated circuit chip having Signal processing capabilities, such as a general purpose Processor, a Digital Signal Processor (DSP), or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like, wherein the general purpose Processor may be a microprocessor or any conventional Processor, or the like.
The user interface 530 includes one or more output devices 531 enabling presentation of media content, including one or more speakers and/or one or more visual display screens. The user interface 530 also includes one or more input devices 532, including user interface components to facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.
The memory 550 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid state memory, hard disk drives, optical disk drives, and the like. Memory 550 optionally includes one or more storage devices physically located remote from processor 510.
The memory 550 may comprise volatile memory or nonvolatile memory, and may also comprise both volatile and nonvolatile memory. The nonvolatile Memory may be a Read Only Memory (ROM), and the volatile Memory may be a Random Access Memory (RAM). The memory 550 described in embodiments herein is intended to comprise any suitable type of memory.
In some embodiments, memory 550 may be capable of storing data to support various operations, examples of which include programs, modules, and data structures, or subsets or supersets thereof, as exemplified below.
An operating system 551 including system programs for processing various basic system services and performing hardware-related tasks, such as a framework layer, a core library layer, a driver layer, etc., for implementing various basic services and processing hardware-based tasks;
a network communication module 552 for communicating to other computing devices via one or more (wired or wireless) network interfaces 520, exemplary network interfaces 520 including: bluetooth, wireless compatibility authentication (WiFi), and Universal Serial Bus (USB), etc.;
a presentation module 553 for enabling presentation of information (e.g., a user interface for operating peripherals and displaying content and information) via one or more output devices 531 (e.g., a display screen, speakers, etc.) associated with the user interface 530;
an input processing module 554 for detecting one or more user inputs or interactions from one of the one or more input devices 532 and translating the detected inputs or interactions.
In some embodiments, the carousel presentation apparatus for media information provided by the embodiments of the present application may be implemented in software, and fig. 2 shows a carousel presentation apparatus 555 for media information stored in a memory 550, which may be software in the form of programs and plug-ins, and includes the following software modules: the media information presentation module 5551, the progress prompt module 5552, the pause presentation module 5553 and the automatic switching module 5554 are logical, and thus may be arbitrarily combined or further divided according to the functions implemented. The functions of the respective modules will be explained below.
In other embodiments, the carousel displaying Device of the media information provided in the embodiments of the present Application may be implemented in hardware, and for example, the carousel displaying Device of the media information provided in the embodiments of the present Application may be a processor in the form of a hardware decoding processor, which is programmed to execute the carousel displaying method of the media information provided in the embodiments of the present Application, for example, the processor in the form of the hardware decoding processor may employ one or more Application Specific Integrated Circuits (ASICs), DSPs, Programmable Logic Devices (PLDs), Complex Programmable Logic Devices (CPLDs), Field Programmable Gate Arrays (FPGAs), or other electronic components.
The carousel display method for media information provided by the embodiment of the present application will be described in conjunction with exemplary applications and implementations of a terminal provided by the embodiment of the present application. In some embodiments, the carousel display method for media information provided in the embodiments of the present application may be implemented by a terminal alone, or implemented by a server and a terminal in a cooperation manner, and the carousel display method for media information provided in the embodiments of the present application is described below with an embodiment of a terminal as an example.
Referring to fig. 3, fig. 3 is an alternative flowchart of a carousel presentation method of media information provided in an embodiment of the present application, and will be described with reference to the steps shown in fig. 3.
Step 101, a terminal presents a media information carousel interface, and displays an automatic carousel process of at least two pieces of media information in the media information carousel interface.
Here, the media information may be video, audio, pictures, animation (e.g., flash animation), or text, and may also be a page (e.g., APP page or HTML5 page) containing at least one of video, audio, animation, pictures, or text. Wherein, the picture can be a static picture, such as a picture in Portable Network Graphics (png) format, or a picture in Joint Photographic Experts Group (JPEG) standard format, etc.; further, the picture may be a moving picture, such as a picture in Graphics Interchange Format (GIF) or the like. In actual implementation, the content of the media information may be advertisement content, and a plurality of media information are displayed in a switching manner for advertisement. Here, the media information may also be bound with a corresponding page link, and when the user clicks the corresponding media information through a display interface of the terminal, the terminal automatically jumps to the corresponding page link to present the page content corresponding to the page link, for example, if the media information is a commercial advertisement, after the user clicks the media information, the terminal automatically jumps to a corresponding commercial detail page in response to the clicking operation and presents the commercial detail page.
In actual implementation, referring to fig. 1, the server sends protocol data encapsulating at least two pieces of media information to the terminal through an Extensible Markup Language (XML) communication protocol, and the terminal 400 parses the protocol data in the carousel display client 410 of the media information to obtain corresponding at least two pieces of media information, and displays the at least two pieces of media information in the carousel display client 410 of the media information in a media information switching manner. Here, the protocol data may also be sent to the server by other devices, such as some media information delivering terminals.
In practical implementation, the terminal displays the automatic carousel process of at least two media information in a media information carousel mode. Specifically, the terminal displays a piece of media information on the media information carousel interface, so that the piece of media information stays in the media information carousel interface for a period of time, for example, stays for 4s, when a switching condition for the piece of media information is triggered, a process of switching the piece of media information to another piece of media information is displayed, and the switching time of the piece of media information may be set to 1s, for example. Here, the switching condition may be that the presentation time period of the media information reaches a preset time period, or in response to a switching operation for the media information. In addition, it should be noted that the display duration of the stay display of the media information in the media information carousel interface may be automatically set, and may also be set by the user in a customized manner. Here, it can be understood that the presentation duration is a remaining presentation duration corresponding to when the media information is at the presentation start time.
In some embodiments, the presentation duration may be determined according to the media information, and the presentation durations of the plurality of media information presented in the carousel may be the same or different. In the case that the media information is dynamic information (e.g., a video, an animation, a dynamic graph, etc.), the terminal may obtain a plurality of playing lengths of the media information displayed in carousel, and configure a display duration of the plurality of media information displayed in carousel according to the plurality of playing lengths of the media information. For example, in order to make the selection and production flexibility of the media information stronger, an independent playing time length may be set for each media information, so that the media information display time length is the same as or positively correlated to the media information playing length. Or, the terminal may set the uniform presentation time length according to the play time lengths of the plurality of media information displayed in carousel, for example, the presentation time length may be set to be the shortest, the longest, or the average play time length of the plurality of play time lengths corresponding to the plurality of media information displayed in carousel.
In some embodiments, referring to fig. 4, fig. 4 is an optional flowchart of a carousel presentation method for media information provided by the embodiment of the present application. Based on fig. 3, the embodiment of the present application may further perform:
step 201, the terminal presents a display duration setting interface and presents a duration setting function item in the display duration setting interface.
Step 202, in response to the setting operation for the duration setting function item, taking the set presentation duration as the remaining presentation duration corresponding to the media information at the presentation start time.
Here, the terminal may present the device setting interface, which presents the carousel setting function item, by responding to the device setting function item for the terminal, and present the presentation duration setting interface by responding to the carousel setting function item. Or, the terminal may also present the carousel setting function item on the media information carousel interface, the user may trigger the corresponding carousel setting function item on the media information carousel interface, and the terminal presents the presentation duration setting interface in response to the triggering operation. And the terminal presents the time length setting function item in the display time length setting interface. The time length setting function item can be a setting frame, and a user starts an input keyboard of the terminal by triggering the setting frame and inputs the display time length in the setting frame by the input keyboard. The time length setting function item can also be a selection function item, and the user selects the proper display time length by triggering the selection function item. It should be noted that, the user can set the display durations of all the media information by one key based on the duration setting function item, so that the display durations of all the media information are the same, and can also set the display durations of all the media information respectively, so as to set different display durations for different media information. In practical implementation, the implementation of step 201 and step 202 is not limited to the sequence shown in fig. 4, and may be performed before step 101, or may be performed at any time point in the automatic carousel process. That is, the terminal may set the presentation duration for each piece of media information in response to the user-defined setting operation, perform carousel for the piece of media information based on the user-defined presentation duration, and may set the default presentation duration for the piece of media information after loading the piece of media information, and perform carousel for each piece of media information based on the default presentation duration.
In some embodiments, the terminal may also automatically set or adjust and update the presentation duration of the media information. Illustratively, when the terminal starts to display the first media information, the display start time of the first media information is acquired, in the process of displaying the first media information, in response to the switching operation for the first media information, the switching from the first media information to the second media information is executed, the operation time of the switching operation for the first media information is acquired, the time interval from the display start time to the operation time of the first media information is acquired, and the display duration of the first media information is updated to the time interval. The time interval of the media information is updated through the time interval of the operation time and the display starting time of the switching operation, so that the display duration of the media information is closer to the actual browsing duration of a user.
In some embodiments, based on fig. 3, the present application embodiment may further perform: the terminal determines the quantity of the at least two pieces of media information; and determining the display duration of each piece of media information based on the quantity of the at least two pieces of media information, wherein the display duration is the remaining display duration corresponding to the media information at the display starting moment.
In practical implementation, the terminal may count the number of the media information when the protocol data is analyzed to obtain at least two pieces of media information, then determine the presentation duration of each piece of media information based on the number of the media information, and perform carousel on the media information based on the presentation duration. Here, the terminal may set the presentation duration of the media information according to a preset rule. The preset rule may be, for example, that the larger the amount of media information, the shorter the presentation time period is set.
In some embodiments, based on fig. 3, the present application embodiment may further perform: the terminal determines the information type of each media information; and respectively determining the display duration of each piece of media information based on the information type of each piece of media information, wherein the display duration is the residual display duration corresponding to the media information at the display starting moment.
Here, the information type of the media information is a video type, an audio type, an animation type, a picture type, a text type, or the like. In practical implementation, the terminal may use one or more of them as a category, and set a corresponding display duration for the media information of the category, for example, set the media information of a video or audio type as a display duration of 10s, set the media information of a flash animation or dynamic graphics type as a display duration of 7s, set the media information of a still picture or text type as a display duration of 5s, and so on. The embodiment of the present application does not limit the specific display duration set by the specific type of media information.
102, in the process of displaying a first media information of the at least two media information, displaying a display progress prompt message corresponding to the first media information, wherein the display progress prompt message is used for prompting the remaining display duration of the first media information.
Here, the presentation progress prompt information may be at least one of video, audio, picture, animation, or text, and may prompt a remaining presentation time period of the media information through a morphological change of an image or text content.
In some embodiments, referring to fig. 5, fig. 5 is an optional flowchart of a carousel presentation method for media information provided by the embodiment of the present application. Based on fig. 3, the presenting of the display progress prompt information corresponding to the first media information in step 102 may be implemented in the following manner: step 1021, the terminal presents the process that the display form of the display progress prompt message is gradually changed from the first form to the second form, so as to prompt the remaining display duration of the first media message through the change of the display form; the first form corresponds to a display start time of the first media information, and the second form corresponds to a display end time of the first media information.
Here, when the presentation progress presentation information is a video, the corresponding presentation form may be a content form of the video content, for example, a video screen form. When the display progress prompt information is audio, the corresponding display form may be the sound size of the audio or the audio content. When the display progress prompt message is a flash animation or a dynamic image, the corresponding display form may be a picture form, a graphic shape, an image color, or the like corresponding to the animation or the image. When the display progress prompt information is text information, the corresponding display form may be text content.
In some embodiments, the display progress prompt message includes a progress sliding region and a progress bar filled in the progress sliding region, when the display progress prompt message is in the first form, the progress bar displaying the progress prompt message is in a first state in which the progress sliding region is not filled, and when the display progress prompt message is in the second form, the progress bar displaying the progress prompt message is in a second state in which the progress sliding region is filled. Based on fig. 5, step 1021 can also be implemented as follows: and the terminal presents the progress bar in an extending mode, and gradually fills the progress sliding area from the first state until the progress sliding area is in the second state.
Illustratively, referring to fig. 6, fig. 6 is a schematic view of an alternative interface of a media information presentation provided by an embodiment of the present application. In the embodiment of the present application, the terminal first displays the first media information 61 in the media information display area 60 in the media information carousel interface, and in the process of displaying the first media information 61, presents a process in which the display form of the corresponding display progress prompt information 611 gradually changes from the first form to the second form. Here, the display progress prompt information 611 includes a progress sliding region 6112 and a progress bar 6113, the progress sliding region 6112 is a bar-shaped graph, specifically, a rounded rectangle, and the corresponding progress bar 6113 is a dynamic graph having a width consistent with that of the bar-shaped graph. Here, the progress sliding region 6112 may be a line graph, the inside of the line graph is filled with a transparent material, the progress bar 6113 fills the progress sliding region 6112 by gradually extending, and the line color of the progress sliding region 6112 and the color of the progress bar 6113 may be the same or different. The progress sliding area 6112 may also be an image block with non-zero transparency, and the color of the progress bar 6113 may be different from that of the image block, for example, the progress sliding area 6112 may be gray, and the progress bar 6113 is white. The terminal gradually fills the progress sliding area 6112 by extending the length of the progress bar 6113. When the display progress prompting information 611 is in the original form, the progress bar 6113 is a dot and is displayed at the leftmost end of the progress sliding area 6112, and in the process of changing the display progress prompting information 611 to the target form, the progress bar 6113 gradually extends rightward to gradually fill the progress sliding area 6112 until the whole area is filled. In some embodiments, when the progress prompting information 611 is shown in the first form, the progress bar 6113 may also be presented at another position within the progress sliding area 6112, for example, at the rightmost end of the progress sliding area 6112. In some embodiments, the graphical shape of the progress sliding area 6112 may also be any other shape, such as a circle, and the like, and the graphical shape of the progress sliding area 6112 and the presentation form and the presentation position in the automatic carousel interface are not specifically limited in this embodiment. For example, the progress sliding area 6112 may be a vertical bar graph, and the progress bar 6113 extends or shrinks up and down in the vertical bar graph.
In some embodiments, the display progress indicating information is a dynamic image, an image size of the dynamic image is a first image size when the display progress indicating information is in the first form, and the image size of the dynamic image is a second image size when the display progress indicating information is in the target form. Based on fig. 5, step 1021 can also be implemented as follows: when the size of the first image is larger than that of the second image, the terminal presents a process that the dynamic image corresponding to the first media information gradually shrinks from the size of the first image to the size of the second image in an image shrinking mode; and when the first image size is smaller than the second image size, presenting a process that the dynamic image corresponding to the second media information gradually extends from the first image size to the second image size in an image extension mode.
The image transparency of the dynamic image can be any transparency, and the image picture can be any picture. The graphic shape of the dynamic image may be any shape, and may be, for example, a bar shape, a circular shape, or the like. The dynamic image can keep the transparency and picture of the image unchanged during the dynamic change process, and the shape of the image is changed from one shape of the image to another shape of the image. For example, if the initial shape of the dynamic image is a bar pattern, the corresponding dynamic change may be an extension or contraction of the length of the bar pattern. If the initial shape of the dynamic image is a circle, the corresponding dynamic change may be that the center of the circle is unchanged, the radius direction extends or contracts, and the like.
Illustratively, referring to fig. 7, fig. 7 is an interface diagram of an alternative media information presentation provided by an embodiment of the present application. When the presentation progress hint 711 of the first media information 71 is in the first form, the corresponding dynamic image has a bar shape and an image size equal to the first image size, and when the presentation progress hint 711 is in the second form, the corresponding dynamic image has a circular shape and an image size equal to the second image size, where the first image size is larger than the second image size. In the process of displaying the first media information, the terminal keeps the position of the left end point of the display progress prompt message 711 unchanged, and continuously extends the right end point outwards so as to gradually extend the display progress prompt message 711 from a bar-shaped graph with the size of the first image to a dot with the size of the second image.
Referring to fig. 8, fig. 8 is an alternative interface diagram of a media information carousel presentation provided in the embodiment of the present application. Here, when the first image size is smaller than the second image size, the terminal keeps the position of the left end point of the presentation progress prompt information 811 unchanged and continuously faces the right end point inward to gradually shrink the presentation progress prompt information 811 from the dot of the first image size to the bar-shaped figure of the second image size.
Illustratively, referring to fig. 9, fig. 9 is an alternative interface schematic diagram of a media information carousel presentation provided by an embodiment of the present application. When the display progress prompt information is in the first form, the corresponding dynamic image is a circular image with the size of the first image, and when the display progress prompt information is in the second form, the corresponding dynamic image is a circular image with the size of the second image, and the size of the first image is larger than that of the second image. In the process of displaying the first media information 91, the terminal keeps the center of the circle of the display progress prompt information 911 unchanged, and the radius is continuously shrunk inwards to gradually reduce the size of the image until reaching the size of the second image. In some embodiments, the image size may be changed by enlarging the image size, or by using presentation hint information of other graphic row shapes, and the graphic shape of the image is not specifically limited in the embodiments of the present application.
In some embodiments, the display progress indicating information is a dynamic image, an image style of the dynamic image is a first style when the display progress indicating information is in the first form, and the image style of the dynamic image is a second style when the display progress indicating information is in the second form. Based on fig. 5, step 1021 can also be implemented as follows: and the terminal presents the process that the image style of the dynamic image corresponding to the first media information is changed from the first style to the second style.
Here, the image pattern may be a graphic shape of a moving image, and may be a regular graphic such as a triangle shape, a pentagram shape, or a circle, or may be another irregular graphic, or the like. Illustratively, referring to fig. 10, fig. 10 is an alternative interface schematic diagram of a media information carousel presentation provided by an embodiment of the present application, where a first pattern of a dynamic image is a rectangular graphic shape, and a second pattern is a circular graphic shape. In the process of presenting the first media information 101, the terminal presents a process of gradually shrinking four vertexes of the dynamic image 1011 corresponding to the rectangular shape of the first media information 101 inwards so as to present a process of gradually changing the dynamic image 1011 from the first style of the rectangle to the second style of the circle. In some embodiments, the dynamic image may be a process of gradually changing from an arbitrary figure shape to an arbitrary other figure shape in an arbitrary changing form, and the shape change of the dynamic image is not specifically limited in this application embodiment.
In some embodiments, the image style may also be an image transparency of the dynamic image, and when the display progress cue information is in the first form, the corresponding transparency of the dynamic image is a first transparency, and when the display progress cue information is in the second form, the corresponding transparency of the dynamic image is a second transparency. Here, the first transparency and the second transparency are arbitrary transparency values different from each other in transparency value, and the first transparency may be larger than the second transparency or smaller than the second transparency. For example, the first transparency may be 100% and the corresponding second transparency 50%, or the first transparency may be 50%, the corresponding second transparency 100%, etc.
In some embodiments, based on fig. 3, it may also be performed: in the process of displaying the first media information in the at least two pieces of media information, the terminal takes the media information except the first media information in the at least two pieces of media information as the media information to be displayed, and presents state prompt information corresponding to each piece of media information to be displayed; the state prompt information is used for prompting the state to be displayed of the media information to be displayed.
Referring to fig. 11, fig. 11 is an alternative interface diagram of a media information carousel presentation provided in the embodiment of the present application. In the process that the terminal displays the first media information 111 in the media information display area 110, the terminal presents the display progress prompt information 1111 corresponding to the first media information 111, and also presents the status prompt information 1112 and 1116 corresponding to each to-be-displayed media information. Here, each piece of media information to be presented corresponds to a piece of status prompt information, and the number of the status prompt information may prompt the user to turn the number of the presented media information, for example, 6 pieces (including the first media information 111) shown in fig. 11. Moreover, the status prompting information 1112-1116 and the presentation progress prompting information 1111 of the currently presented first media information 111 are arranged in a certain arrangement order, for example, horizontally and equidistantly arranged as shown in fig. 11, and the presentation progress prompting information 1111 corresponding to the first media information 111 is arranged at the leftmost end, so that the currently presented media information can be prompted as the first of all the media information, and through this arrangement, the order of the currently presented media information in all the media information can be prompted through sorting. In the embodiment of the present application, the status prompting information 1112 and 1116 is an image completely consistent with the image form of the display progress prompting information 1111 in the second form, and in other embodiments, other display forms may be used.
In some embodiments, based on fig. 5, step 1021 may also be implemented as follows: and when the display progress prompt information is text information, the terminal displays the display progress prompt information corresponding to the first media information in real time in a mode of changing the text content of the text information.
Referring to fig. 12, fig. 12 is an interface diagram of an alternative media information carousel presentation provided by an embodiment of the present application. In this embodiment, when the display mode of the media information is the automatic carousel mode, the terminal first displays the first media information 121 in the media information display area 120 for a period of time, and in the process of displaying the first media information 121, presents the remaining display duration text 1211 corresponding to the first media information 121 in the target area in the automatic carousel interface. Here, when the time for which the media information stays in the media information display area 120 for display is less than one minute, for example, 4s, the remaining display duration text may be "remaining 4 s", and 1s may be an update interval time, continuously counting down the remaining display duration, gradually counting down from 4s to 0s, and displaying the remaining display duration text such as "remaining 4 s", "remaining 3 s", "remaining 2 s", "remaining 1 s", and "remaining 0 s" in real time. The target area for presenting the text with the remaining presentation duration may be set in the media information presentation area, and may also be set in a location other than the media information presentation area 120 in the media information carousel interface, for example, below the media information presentation area 120.
Step 103, in the process of displaying a first media information of the at least two media information, when a trigger operation for the first media information is received, timing of the remaining display duration of the first media information is suspended. It can be understood that when the timing of the remaining presentation time of the first media information is suspended, the playing of the first media information may be suspended, and the playing of the first media information may also be continued.
Here, the triggering operation may be that the user presses or clicks any position of the display area of the media information in the carousel interface of the terminal for a long time, or that the user operates a mouse of the access terminal to make a cursor of the mouse stay in the display area of the media information. At this time, the terminal suspends the process of switching the first media information to the second media information at the current switching progress, and also suspends the change of the display progress prompt information. Meanwhile, the terminal can respond to the release operation aiming at the first media information to continue to display the change of the progress prompt information. The release operation may include the user long-pressing or clicking any one position of the display area of the media information within the carousel interface of the terminal again, or moving the cursor of the mouse out of the display area of the media information. It is to be understood that the triggering operation for the first media information is not limited to the triggering operation occurring in the presentation area of the first media information, and may also include a triggering operation outside the presentation area of the first media information or a button press of the terminal. For example, in a mobile terminal (e.g., a mobile phone) scenario, a user may press any position of a screen of the mobile terminal for a long time to pause a change of the presentation progress prompt information of the currently played media information, in this way, the user may pause the playing timing to continuously view the currently played media information when interested in the currently played media information, and in this case, may also continue the change of the presentation progress prompt information of the currently played media information by releasing the long-time pressing operation. The media information played on the mobile terminal can be a message inlet (such as promotion information), an interface (such as a promotion message landing page) for displaying message details can be accessed by triggering the message inlet, in this case, when a user is interested in the currently played media information, the user can press any position of a screen of the mobile terminal for a long time to pause the playing timing to view the currently played media information, and when the user wishes to view the message details, the user can drag a finger on the screen to trigger the message inlet of the currently played media information to access the interface for displaying the message details of the media information. It will be appreciated that the triggering operation to trigger the message entry may also include any other predetermined operation such as clicking on the message entry, pressing a button on the mobile device, etc. The user often operates the mobile terminal with one hand in the scene of the mobile terminal, and the user can control the display of the media information by pressing any area of the screen with fingers for a long time, so that the user can conveniently operate with one hand, and the user experience is improved.
In some embodiments, when the triggering operation is a switching operation, based on fig. 3, step 103 may also be implemented as follows: and when receiving a switching operation aiming at the first media information in the process of displaying the first media information in the at least two pieces of media information, the terminal suspends the timing of the remaining display duration of the first media information, and displays the process of switching the first media information to the second media information according to the switching progress corresponding to the switching operation in the process of switching operation.
Referring to fig. 13, fig. 13 is an alternative interface diagram of a media information carousel presentation provided in an embodiment of the present application. Illustratively, in the process of displaying the first media information 131, the terminal, in response to a switching operation for a user, suspends an extension change of the progress bar of the corresponding display progress prompt information 1331, and displays a process of switching the first media information 131 to the second media information 132 according to a switching progress corresponding to the switching operation. During switching, the display progress prompt information 1331 of the current state is used as the switching progress prompt information corresponding to the first media information 131, so that the switching progress prompt information gradually changes from the current state to the target state.
And 104, when the display progress prompt message represents that the display of the first media message is finished, executing automatic switching from the first media message to the second media message.
In actual implementation, when the display form of the display progress prompt message is changed to the second form, or when the remaining display duration of the text prompt of the first media information is 0 in the remaining display duration, the terminal executes automatic switching from the first media information to the second media information. Here, the switching manner of the media information may be a moving manner, a fade-in and fade-out manner, a special effect transition manner, or the like.
Illustratively, when the switching mode of the media information is a moving mode, the terminal shows a process that the first media information moves out of the media information carousel interface, and shows a process that the second media information moves to the media information carousel interface. Here, the moving manner of the media information may be a parallel movement, a curved movement, or another moving manner. The parallel movement may be horizontal translation, vertical translation, or parallel movement in other directions.
Illustratively, when the parallel movement of the media information is horizontal translation, referring to fig. 14, fig. 14 is an optional interface schematic diagram of the media information carousel display provided in the embodiment of the present application, where the terminal first displays the first media information 141 in the media information carousel display area 140 in the media information carousel interface, and after a switching condition is triggered, the terminal displays a process that the first media information 141 moves out of the media information display area 140 in parallel to the left, and displays a process that the second media information 142 moves into the media information display area 140 in parallel to the left. Here, fig. 14 illustrates that the switching of the media information is performed in a horizontal shift to the left, and in some embodiments, the switching of the media information may also be performed in a horizontal shift to the right. When the media information is moved in a vertical translation mode, after a switching condition is triggered, the terminal displays a process that the first media information moves out of the media information display area upwards in parallel, and displays a process that the second media information moves into the media information display area upwards in parallel.
In some embodiments, when the switching manner of the media information is a fade-in and fade-out manner, based on fig. 3, the performing of the automatic switching from the first media information to the second media information may be implemented as follows: and the terminal executes the process of fading out the picture corresponding to the first media information from the media information carousel interface and displays the process of fading in the picture corresponding to the second media information on the media information carousel interface.
For example, referring to fig. 15, fig. 15 is an optional interface schematic diagram of a media information carousel display provided in an embodiment of the present application, a terminal first displays first media information 151 in a media information display area 150 in the media information carousel interface, and after a switching condition is triggered, the terminal gradually dims a picture displaying the first media information 151 from a current brightness until the picture is hidden, so as to display a process that a picture corresponding to the first media information 151 fades out from the media information display area 150, and a process that a picture displaying second media information 152 gradually brightens in the media information display area 150 from a hidden state until the picture is clear, so as to display a process that a picture corresponding to the second media information 152 fades into the media information display area 150.
In some embodiments, the switching manner of the media information may also be other manners, for example, the terminal alternately displays at least two pieces of media information in the media information display area in a switching manner, and displays the remaining media information in the abbreviated display area in an abbreviated form when one piece of media information is statically displayed, and the like.
In some embodiments, based on fig. 3, the present application embodiment may further perform: and the terminal presents switching progress prompt information in the process of executing automatic switching from the first media information to the second media information, wherein the switching progress prompt information is used for prompting the switching progress corresponding to the switching from the first media information to the second media information.
In actual implementation, in the process of displaying the first media information and switching to the second media information, the terminal presents switching progress prompt information prompting the switching progress corresponding to the switching from the first media information to the second media information. Here, the switching schedule includes a schedule of cutting the first media information out of the media information presentation area and a schedule of cutting the second media information into the media information presentation area. The switching progress prompt information may be, but is not limited to, video, audio, pictures, animation, text, or the like.
Illustratively, referring to fig. 16, fig. 16 is an alternative interface schematic diagram of a media information carousel presentation provided by an embodiment of the present application. The terminal presents the switching progress prompt information 163 in the process of executing the switching from the first media information 161 to the second media information 162. Here, the switching progress prompt message 163 is presented in the media information display area 160, and is specifically disposed in the bottom center of the media information display area 160, in some embodiments, the switching progress prompt message 163 may also be presented in other positions of the media information display area 160, in some embodiments, the switching progress prompt message 163 may also be presented in other display areas outside the media information display area 160, and the positions of the switching progress prompt message 163 and the media information display area 160 in the display interface of the terminal are not specifically limited in this embodiment of the application. The switching progress prompt information 163 shown in fig. 16 is a dynamic image, and in the embodiment of the present application, the dynamic change of the switching progress prompt information 163 correspondingly prompts the switching progress corresponding to the switching from the first media information 161 to the second media information 162.
In the above embodiment, the switching progress of the media information is prompted by presenting the corresponding switching progress prompt information in the switching process of displaying the two pieces of media information, so that the switching process of the media information is more intuitively represented, and a user can conveniently click the corresponding media information according to the intuitive switching progress.
In some embodiments, the handover progress prompt message includes: and the sub-prompt information corresponds to the first media information and the sub-prompt information corresponds to the second media information. The step of presenting the switching progress prompt information may also be implemented by: and the terminal presents the process of changing the sub-prompt information corresponding to the first media information from the original form to the target form and presents the process of changing the sub-prompt information corresponding to the second media information from the target form to the original form.
Illustratively, referring to FIG. 16, progress cue information 163 includes sub-cue information 1631 corresponding to first media information 161 and sub-cue information 1632 corresponding to second media information 162. In practical implementation, the terminal prompts the switching progress of the first media information 161 through the morphological change process of presenting the sub-prompt information 1631, and prompts the switching progress of the second media information 162 through the morphological change process of presenting the sub-prompt information 562. Specifically, when the media information is completely displayed in the media information display area, the corresponding sub-hint information is in the original form, and when the media information is completely cut out of the media information display area, the corresponding sub-hint information is in the target form.
In some embodiments, when the media information presented by the terminal is at least three, the following steps may be further performed: the terminal takes the media information except the first media information and the second media information in the at least three pieces of media information as the remaining media information, and presents the sub-prompt information corresponding to each remaining media information in a target form.
In practical implementation, when the terminal switches from displaying the first media information to displaying the second media information, the remaining media information is not displayed, and specifically, the terminal presents sub-prompt information corresponding to each remaining media information in a target form to prompt a state of waiting for display of the remaining media information and prompt the number of corresponding media information based on the number of the sub-prompt information.
For example, referring to fig. 16, the switching progress prompt message 163 shown in fig. 16 includes six sub prompt messages 1631 and 1636, where each sub prompt message corresponds to each media message one by one, that is, the number of the media messages presented in the media message switching manner is six. Here, in the process of displaying the first media information 161 and switching to the second media information 162, the terminal presents a process of changing the sub-hint information 1631 corresponding to the first media information 161 from the original form to the target form, and presents a process of changing the sub-hint information 1632 corresponding to the second media information 162 from the target form to the original form, and presents the sub-hint information 1633 and 1636 in the target form, respectively. The process of cutting the corresponding first media information 161 from the media information display area 160 can be prompted by presenting the form change of the sub-cue information 1631, the process of cutting the corresponding second media information 162 into the media information display area 160 can be prompted by presenting the form change of the sub-cue information 1632, and the sorting and quantity of the remaining media information to be displayed can be prompted by presenting the sub-cue information 1633 and 1636 in the target form. Here, sub-reminder information 1631-1636 is presented in media information presentation area 160 in an equally spaced horizontal lateral arrangement. In some embodiments, the sub-reminder information may also be presented at other locations of the terminal-only display interface, such as on the underside of the media information presentation area 160.
In some embodiments, the sub-hint information is a dynamic image. Here, the dynamic image may be a dynamic change in at least one of a graphic shape of the image, transparency of the image, and a picture of the image. When the dynamic image is a change of the shape of the graph, the size of the image can be expanded or reduced, so that the dynamic change of the sub-prompt information is presented through the change of the size of the image, and the switching progress of the corresponding media information is prompted. It is also possible that the area varies irregularly, while the shape of the figure varies gradually, for example from a rectangular figure to a circular figure, etc. When the dynamic image is the change of the transparency of the image, the transparency of the image can be gradually increased or gradually decreased, so that the switching progress of the corresponding media information is prompted by the change of the main key for presenting the transparency of the image of the dynamic image. The moving image may be an image in which any one of the graphic shape, the image transparency, and the image screen is changed independently, an image in which any two of them are combined and changed simultaneously, an image in which all three of them are changed simultaneously, or the like.
In some embodiments, when the sub-hint information is in the original form, the image size of the dynamic image is a first image size, and when the sub-hint information is in the target form, the image size of the dynamic image is a second image size, the first image size being larger than the second image size. Correspondingly, the step of presenting the switching progress prompt information can be further realized by the following method: and in the process of displaying the first media information and switching to the second media information, the terminal presents a process of shrinking the dynamic image corresponding to the first media information from the size of the first image to the size of the second image in an image shrinking mode, and presents a process of extending the dynamic image corresponding to the second media information from the size of the second image to the size of the first image in an image extending mode.
The image transparency of the dynamic image can be any transparency, and the image picture can be any picture. The pattern shape of the moving image may be any shape, and may be, for example, a stripe shape, a circular shape, or the like. The dynamic image can keep the transparency and picture of the image unchanged during the dynamic change process, and the shape of the image is changed from one shape of the image to another shape of the image. For example, if the initial shape of the dynamic image is a bar pattern, the corresponding dynamic change may be an extension or contraction of the length of the bar pattern. If the initial shape of the dynamic image is a circle, the corresponding dynamic change may be that the center of the circle is unchanged, the radius direction extends or contracts, and the like.
Illustratively, referring to fig. 16, when the sub-hint is in the original form, the corresponding dynamic image has a bar-like graphic shape and a first image size, and when the sub-hint is in the target form, the corresponding dynamic image has a circular graphic shape and a second image size, and the first image size is larger than the second image size. Specifically, when the terminal displays the complete first media information 161 in the media information display area 160, the sub-hint information 1631 corresponding to the first media information 161 is in the original form, and the sub-hint information 1632 corresponding to the second media information 162 is in the target form. In the process of switching from the first media information 161 to the second media information 162, the position of the left end point of the dynamic image 1631 corresponding to the first media information 161 is kept unchanged, and the right end point is continuously shrunk inwards towards the left end point, so that the dynamic image 1631 is gradually shrunk from the strip shape with the first image size to the circle shape with the second image size; meanwhile, the position of the right end point of the dynamic image 1632 corresponding to the second media information 162 is kept unchanged, and the left end point continuously extends towards the left, so as to gradually extend the dynamic image 1632 from the circle of the second image size to the strip of the first image size; in addition, the dynamic image 1633 and 1636 corresponding to the remaining four media information are presented in the target form that keeps the circular shape unchanged. It should be noted that the image contraction progress of the dynamic image 1631 coincides with the progress of cutting out the corresponding first media information 161 from the media information presentation area 160, and the image extension progress of the dynamic image 1632 coincides with the progress of cutting out the corresponding second media information 162 into the media information presentation area 160.
In some embodiments, the dynamic image as the sub-hint information may also change the transparency of the image while changing the shape of the graphic. Specifically, when the sub-hint information is in the original form, the corresponding graphical shape of the dynamic image is the first shape, and the corresponding transparency is the first transparency, when the sub-hint information is in the target form, the corresponding graphical shape of the dynamic image is the second shape, and the corresponding transparency is the second transparency, and the terminal further presents the change of the transparency of the sub-hint information in the change process of the graphical shape presenting the sub-hint information. Specifically, in the process of switching the first media information to the second media information, the terminal presents a process that the dynamic image corresponding to the first media information is gradually changed from the first graphic shape to the second graphic shape and the transparency is gradually changed from the first transparency to the second transparency, and presents a process that the dynamic image corresponding to the second media information is gradually changed from the second graphic shape to the first graphic shape and the transparency is gradually changed from the second transparency to the first transparency.
Illustratively, referring to fig. 16, fig. 16 is an optional interface schematic diagram of media information switching provided by the embodiment of the present application. In the process of displaying the first media information 161 and switching to the second media information 162, the terminal presents a process in which the dynamic image 1631 corresponding to the first media information 161 is gradually changed from the bar-shaped first graphic shape to the circular second graphic shape in a shrinking manner, and the transparency of the dynamic image 1631 is gradually changed from the first transparency to the second transparency, and presents a process in which the dynamic image 1632 corresponding to the second media information 162 is gradually changed from the circular second graphic shape to the bar-shaped first graphic shape in an extending manner, and the transparency of the dynamic image 1632 is gradually changed from the second transparency to the first transparency.
In practical implementation, the terminal renders the sub-hint 1631 corresponding to the first media information 161 as a white rounded rectangle, and renders the sub-hint 1632 and 1636 corresponding to other media information as gray dots. During the period that the first media information 161 stays on the display, the rendering control is not performed on each sub-cue information. When a switching condition of the media information is triggered, for example, when the terminal determines that the presentation time of the first media information 161 is over or the terminal responds to a switching operation for the first media information 161, the terminal invokes a page switching (onpagescanned) method of a view control (ViewPager) to acquire a current switching progress of the first media information 161 to the second media information 162, and renders a graphic shape and an image transparency of the corresponding dynamic images 1631 and 1632 according to the switching progress. Specifically, the terminal calculates a contraction value of the moving image, specifically, a contraction value of the moving image 1631 and an extension value of the moving image 1632, using the switching progress of the media information, where the contraction value and the extension value are the same in size. In addition, the terminal also calculates the change value of the image transparency by using the switching progress of the media information. And then, the terminal renders the corresponding dynamic image based on the calculated expansion value of the dynamic image and the change value of the image transparency. Here, the terminal performs rendering of the moving image once every time the terminal acquires the switching progress.
In some embodiments, the display progress indication information corresponding to the first media information and the sub-indication information corresponding to the first media information may be the same dynamic image, and respectively correspond to different form change processes of the dynamic image. Specifically, the display progress indication information corresponds to a process of changing the moving image from the first form to the second form, where the display progress indication information in the second form is used as the sub-indication information in the original form.
For example, referring to fig. 11 and fig. 16, in the process of presenting the first media information, the terminal changes the presentation progress prompt information 1111 corresponding to the first media information from the first form to the second form, and presents the presentation status prompt information 1112 and 1116 corresponding to each media information. When the presentation progress prompting message 1111 is in the second form, the terminal uses the presentation progress prompting message 1111 as the sub-prompting message 1631 in the original form corresponding to the first media message, so as to prompt the switching progress of the first media message 111 according to the form change of the sub-prompting message 1631, and uses the state prompting message 1112 corresponding to the second media message 112 as the sub-prompting message 1632 in the original form corresponding to the second media message 112.
And when the display progress prompt information, the state prompt information and the sub prompt information are dynamic images in different forms, each piece of media information corresponds to one dynamic image. Next, the form change of the moving image corresponding to each media information in the media information carousel process will be described. Referring to fig. 17, fig. 17 is an alternative schematic diagram of a dynamic image when media information is automatically played in turn according to the embodiment of the present application. Here, the progress cue information includes at least two moving images 171 and 172 in one-to-one correspondence with at least two pieces of media information. Each of the dynamic images includes a progress sliding area and a progress bar. In the process of displaying the first media information, the dynamic image 171 corresponding to the first media information changes from the first form to the second form, when the dynamic image 171 is in the first form, the progress sliding region 1711 of the dynamic image 171 is a rounded rectangle, the length of the rounded rectangle is a preset length, for example, 28 pixels (px), the width of the rounded rectangle is a preset width, for example, 7px, the progress bar 1712 of the dynamic image 171 is in the first state where the progress sliding region 1711 is not filled, specifically, at the leftmost end of the progress sliding region 1711, and is a dot with a preset diameter, the preset diameter is consistent with the preset width, for example, 7px, and the color of the progress sliding region 1711 is the first color, for example, gray, and the color of the progress bar 1712 is the second color, for example, white. In the process of changing the moving image 171 from the third configuration to the first configuration, the progress bar 1712 keeps the left end point unchanged, and the right end point continuously extends rightward to the second configuration where the progress sliding region 1711 is filled up. In addition, during the process of displaying the first media information, the dynamic image 172 corresponding to the second media information remains unchanged, specifically, the progress sliding area 1721 of the dynamic image 172 is a dot pattern, the color is a first color, for example, gray, the graphic shape of the progress bar 1722 is a dot consistent with the progress sliding area 1721, the transparency of the progress bar 1722 is 0, and the progress bar 1722 is not displayed. When the remaining display duration of the first media information is zero, the corresponding dynamic image 171 is in the first form, at this time, the progress sliding region 1711 is a rounded rectangle, the progress bar 1712 is a rounded rectangle in accordance with the figure shape of the progress sliding region 1711, and since the color of the progress bar 1712 is the second color, the dynamic image 171 is in the first state and is presented as a rounded rectangle of the second color.
In the embodiment of the present application, a display process of the first media information and a process of switching from the first media information to the second media information are taken as a carousel process of the media information, the display process of the first media information is recorded as a carousel stage corresponding to a progress of the carousel process being 0-0.5, and the process of switching from the first media information to the second media information is recorded as a carousel stage corresponding to a progress of the carousel process being 0.5-1. Specifically, at the carousel stage when the carousel progress is 0.5-0.65, the image transparency of the progress bar 1712 of the dynamic image 171 corresponding to the first media information gradually changes from 100% to 0%, that is, the color of the progress bar 1712 changes from the second color to a state of being completely transparent and not displayed. In the carousel stage of the carousel progress being 0.5-1, the length of the progress bar 1712 is gradually shortened from a preset length until the dot with the preset diameter is shrunk, for example, the dot with the diameter of 7px is gradually shrunk from a rounded rectangle with the length of 28px and the width of 7px, in addition, in this stage, the image transparency of the progress sliding area 1711 of the dynamic image 171 corresponding to the first media information is kept unchanged, and the image length is gradually shortened from the preset length until the dot with the preset diameter is shrunk, it can be understood that when the dynamic image 171 is in the target form, the dot with the first color and the preset diameter is presented; in addition, the progress sliding region 1721 of the dynamic image 172 corresponding to the second media information keeps the transparency of the image unchanged, and the graph is gradually extended from dots having a predetermined diameter to rounded rectangles having a predetermined length and a predetermined width. In the carousel stage of the carousel progress of 0 to 0.85, the progress bar 1722 of the dynamic image 172 corresponding to the second media information is kept in a full transparent state in a dot shape with a preset diameter, in the carousel stage of the carousel progress of 0.85 to 1, the transparency of the progress bar 1722 is gradually changed from 0% to 100% to gradually display the dot shape of the second color, and correspondingly, the dynamic image 172 is gradually changed into the first shape.
In some embodiments, based on fig. 3, after step 104, it may further be performed: the terminal displays the second media information and obtains the display starting time of the second media information; in the process of displaying the second media information, responding to the switching operation aiming at the second media information, and acquiring the operation moment of the switching operation; determining a time interval between the presentation start time and the operation time; and updating the display duration of the second media information to the time interval, wherein the display duration is the remaining display duration corresponding to the second media information at the display starting moment.
In actual implementation, if the user triggers the switching operation for the second media information before the remaining display time of the second media information does not reach zero when the terminal displays the second media information, the terminal updates the display time of the second media information based on a time interval between an operation time of triggering the switching operation and a display start time of the second media information.
In some embodiments, the terminal further presents quantity prompt information in the media information carousel interface, where the quantity prompt information is used to prompt the ranking of the currently presented media information in the at least two media information and the quantity of the at least two media information.
For example, referring to fig. 18, fig. 18 is a schematic view of an alternative interface of a media information carousel presentation provided in the embodiment of the present application. The number prompt message 183 may be a text message, which may be presented at any position of the media information carousel interface, in this embodiment, the number prompt message 183 is presented in the media information presentation area 180, specifically, when the first media information 181 is presented in the media information presentation area 180, the corresponding number prompt message 183 is "1-6", where 1 of "1-6" represents the ranking of the media information of the current carousel in the media information presented in all carousels, and 6 represents the number of the media information presented in all carousels. When the first media information 181 is switched to the second media information 182, the number hint information 183 changes to "2-6".
The sequencing of the currently displayed media information and the number of the media information displayed in a carousel can be more intuitively prompted by presenting the number prompt information, so that a user can conveniently position each media information.
In some embodiments, based on fig. 3, it may also be performed: and the terminal presents a switching indication icon, wherein the switching indication icon is used for indicating the sliding direction of the sliding operation aiming at the media information, and the sliding operation is used for triggering the switching of the media information.
Illustratively, referring to fig. 19, fig. 19 is an alternative interface schematic diagram of a media information carousel presentation provided by an embodiment of the present application. The switching indication icon may be in the shape of an arrow, and may be in other shapes, and is specifically used to indicate a sliding direction for a sliding operation of the media information. The switch indication icon 190 shown in fig. 19 is a double-headed arrow indicating that the user can slide in two directions indicated by the double-headed arrow, such as leftward or rightward to switch the media information. The switching indication icon 190 may be presented only for a period of time, specifically, when the terminal opens the carousel interface, the switching indication icon 190 is presented, and when the preset time is reached, the switching indication icon 190 is cancelled.
The switching direction of the media information of the user can be intuitively prompted by presenting the switching indication icon, so that the corresponding switching operation can be conveniently and quickly carried out.
The following continues to describe the carousel display method for media information provided in this embodiment, where the carousel display method for media information is cooperatively implemented by a terminal and a server, fig. 20 is a flowchart of the carousel display method for media information provided in this embodiment, and referring to fig. 20, the carousel display method for media information provided in this embodiment includes:
step 2001: the server acquires protocol data carrying at least two pieces of media information.
Here, the protocol data may be sent to the server by other media information delivering terminals. The protocol data encapsulates at least two media information to be presented, and in some embodiments, the protocol data further encapsulates at least one of an automatic carousel instruction or a start instruction to switch an indication icon.
Step 2002: the server analyzes the protocol data to obtain the analysis data of at least two media information including the first media information and the second media information.
In some embodiments, parsing the data further includes at least one of an auto carousel instruction or a launch instruction to switch the indicator icon.
Step 2003: the server sends the analysis data to the terminal.
Step 2004: the terminal displays the first media information in the media information carousel interface.
Step 2005: the terminal responds to the automatic carousel instruction, displays at least two pieces of media information in an automatic carousel mode, and presents display progress prompt information of the first media information in the process of displaying the first media information.
In actual implementation, the terminal acquires the width of the first media information, specifically, assuming that the width of each media information is w, the terminal acquires the offset of [0, w ] by using a callback method of a value animation (value animation) interpolator, sets the sliding distance of the media information by simulating pseudo-sliding, and then stores the sliding distance, so that when other media information is switched, the sliding distance is used to perform sliding switching of the corresponding sliding distance on the other media information. In addition, the terminal also utilizes a linear interpolator of the attribute animation to call the remaining display duration of the first media information, and prompts the remaining display duration through display progress prompt information in the form of text or graphics. Here, the terminal updates the presented remaining presentation time length once every time the terminal acquires the remaining presentation time length once, so as to present the remaining presentation time length of the first media information in real time.
Step 2006: and in the process of displaying the first media information, when the terminal receives the trigger operation aiming at the first media information, the terminal suspends the timing of the remaining display duration of the first media information.
Here, the triggering operation may be that the user presses or clicks any position of the display area of the media information in the carousel interface of the terminal for a long time, or that the user operates a mouse of the access terminal to make a cursor of the mouse stay in the display area of the media information. At this time, the terminal suspends the process of switching the first media information to the second media information at the current switching progress, and also suspends the change of the display progress prompt information.
Step 2007: and responding to the cancellation operation of the release operation of the media information, and continuing to display the first media information by the terminal.
Here, the cancellation operation of the release operation for the media information may be the release operation for the media information, and the release operation may include that the user long presses or clicks any one position of the presentation area of the media information within the carousel interface of the terminal again, or moves the cursor of the mouse out of the presentation area of the media information. At this time, the terminal continues to display the first media information from the media display progress during the pause, and continues to present the morphological change of the display progress prompt information to prompt the remaining display duration.
Step 2008: and when the remaining display duration of the first media information is zero or the switching operation for the first media information is responded, the terminal displays the process of switching the first media information to the second media information.
Here, when the terminal displays at least two pieces of media information in the automatic carousel mode, the display duration of the media information may be a preset duration, for example, 4s, and the remaining display duration is counted down from 4 s. When the terminal displays at least two pieces of media information in the manual carousel mode, the display duration of the media information can be set to be infinite, and at any moment, when the user does not trigger the switching operation, the remaining display duration of the currently displayed media information is infinite.
In addition, no matter the carousel mode of the media information is the automatic carousel mode or the manual carousel mode, the terminal can respond to the switching operation of the user for the first media information and show the process of switching the first media information to the second media information. Here, the switching operation may be a process in which a user performs a sliding operation trigger on the first media information based on a carousel interface presented in the terminal, and in a process of performing the switching operation, the terminal displays the switching process of switching the first media information to the second media information according to a switching progress corresponding to the switching operation. That is, if the user continuously triggers the switching operation, the first media information slides for a distance along the switching direction, and the first media information slides for a corresponding distance by the sliding distance.
Step 2009: and presenting switching progress prompt information when the terminal displays the first media information and switches to the second media information.
Here, when the terminal displays at least two pieces of media information in the automatic carousel mode, the switching progress prompt information is presented, and a specific form of the switching progress prompt information is not described again here.
In the above embodiment, in the process of displaying the first media information and switching to the second media information, progress prompt information for prompting the switching progress corresponding to the switching from the first media information to the second media information is correspondingly presented, specifically, the switching progress of the media information is prompted through a form change of the progress prompt information, so that the switching progress of the media information can be prompted very intuitively and effectively, and a user can be prompted to perform corresponding operations in time, for example, pausing the switching of the media information and clicking the media information.
Next, an exemplary application of the embodiment of the present application in a practical application scenario will be described. The carousel display method of media information provided by the embodiment is implemented by a terminal for description. Referring to fig. 21, fig. 21 is an alternative flowchart of a carousel presentation method of media information provided in an embodiment of the present application, and will be described with reference to the steps shown in fig. 21.
Step 2201, the terminal binds the carousel component.
Here, the media information delivery end delivers protocol data in an xml protocol, where the protocol data carries a carousel component, and specifically includes at least two pieces of media information to be carousel. In some embodiments, an automatic carousel switch autocarosel and a carousel director switch pageCtrType are also included. After the terminal analyzes the protocol data in the original page, if the analyzed content contains an automatic carousel switch, the terminal carousels the media information in an automatic carousel mode, otherwise, the terminal carousels the media information in a manual carousel mode. Specifically, the terminal binds the carousel component obtained through analysis to a carousel page of the client, so that the carousel display of the media information is performed through the carousel page according to a certain carousel rule.
At step 2202, a snoop mechanism is loaded.
Here, the monitoring mechanism includes a specific monitoring rule for the client to monitor the carousel progress of the media information, including a plug-in required when calling information such as the width of the media information and the switching progress of the media information, such as an attribute animation interpolator. The listening rules here are: acquiring the width of the media information by using a callback method of an attribute animation interpolator, and setting the sliding distance of the media information in a pseudo-sliding simulation mode so as to control the sliding switching of the media information according to the sliding distance; in the media information display process of the automatic carousel, the attribute animation interpolator is used for periodically calling the display progress of the media information with a certain callback period, and the form of the corresponding residual display duration is determined and rendered according to the display progress.
Step 2203, judging whether the carousel is automatically performed, if so, executing step 2204, otherwise, executing step 2205.
Here, the terminal determines whether the carousel is an automatic carousel by confirming whether an automatic carousel switch is included in the carousel component, and performs the carousel of the media information in the form of an automatic carousel if the automatic carousel switch is included, or performs the carousel of the media information in the form of a manual carousel if the automatic carousel switch is not included.
Step 2204, rendering carousel prompt information of the automatic carousel initial form, and executing step 2206.
The carousel prompt information is a dynamic image, and corresponds to different prompt functions in different forms, including showing progress prompt information, status prompt information, switching progress prompt information and the like. Referring to fig. 11, the carousel prompt message under the automatic carousel is the dynamic image 1111 shown in fig. 11, the terminal renders the dynamic image 1112 and 1116 corresponding to each media information in the carousel page, renders the dynamic image 1111 corresponding to the currently displayed first media information 111 in the first form, and renders the dynamic image 1112 and 1116 corresponding to the rest of the media information that is not displayed in the target form. Here, for the first form and the target form of the dynamic image, refer to the above embodiments of the present application, and are not described herein again.
Step 2205, rendering progress prompt information of the initial form of the manual carousel, and executing step 2217.
Referring to fig. 7 to 10, the carousel prompt message in the manual carousel is the display progress prompt message shown in fig. 7 to 10. The terminal renders carousel prompt messages corresponding to the media messages in a carousel page, renders the carousel prompt messages corresponding to the currently displayed first media messages in a first form of the dynamic images, and renders the carousel prompt messages corresponding to the rest of media messages which are not displayed in a target form of the dynamic images.
Step 2206, in the process of displaying the first media information, rendering the carousel prompt information, and executing step 2207.
Here, in the first media information presentation process, the carousel prompt information is used to present the remaining presentation duration of the first media information. Specifically, the terminal utilizes the attribute animation interpolator to periodically call the display progress of the media information with a certain call-back period, determines the corresponding residual display duration according to the display progress, and promotes the corresponding carousel prompt information based on the residual display duration. Here, the remaining display duration is represented by a form change of the carousel prompt message, and a specific change process is shown in fig. 6 to 12, which is not described herein again.
Step 2207, judging whether the display duration of the first media information reaches a threshold value, if so, executing step 2208, otherwise, returning to step 2206.
Here, the threshold is a fixed threshold duration, for example, 4s, within which the first media information is presented in a manner of staying in the current page, and the carousel cue information for cueing the remaining presentation duration is continuously rendered.
In step 2208, it is determined whether the page turning progress from the first media information to the second media information is greater than or equal to the first progress and less than or equal to the second progress, if so, step 2209 is executed, otherwise, step 2211 is executed.
Here, when the display duration of the first media information reaches the threshold, the terminal displays a process of switching the first media information to the second media information on the current page, and in the process, obtains a page turning progress in real time, and determines whether the page turning progress is less than or equal to the first progress and greater than or equal to the second progress. Here, the first schedule may be 0%, and the second schedule may be, for example, 30%.
Step 2209, rendering carousel prompt information, and executing step 2210.
Here, the terminal determines rendering data of carousel prompt information corresponding to the first media information according to the page turning progress, and the rendering data includes a morphological expansion value and a color channel value of each dynamic image. In practical implementation, the terminal calculates a morphological contraction value and a color channel value of the dynamic image corresponding to the first media information by using the returned page turning progress, then renders the dynamic image based on the morphological contraction value and the color channel value, and simultaneously calculates a morphological extension value and a color channel value of the dynamic image corresponding to the second media information, and then renders the dynamic image based on the morphological extension value and the color channel value.
In step 2210, it is determined whether the carousel notification message reaches the first state, if yes, step 2211 is performed, otherwise, step 2209 is returned.
Here, the first state is that the moving image corresponding to the currently displayed first media information is gray, the rounded rectangle is in a form of shrinking inward by a percentage corresponding to the second progress in the horizontal direction, for example, shrinking by 30% and shrinking by 70% of the length of the initial form, and the moving image of the second media information is in a form of stretching outward by a percentage corresponding to the second progress in the horizontal direction, and extending to a gray rounded rectangle, for example, a rounded rectangle 30% of the length of the initial form.
In step 2211, it is determined whether the page turning progress from the first media information to the second media information is greater than the second progress and less than or equal to the third progress, if yes, step 2212 is performed, otherwise, step 2214 is performed.
Here, the third degree of progress may be, for example, 70%.
And step 2212, rendering carousel prompt information, and executing step 2213.
In practical implementation, the terminal calculates the color channel value and the form expansion value of each dynamic image of the carousel prompt information by using the returned page turning progress, and renders the colors and the forms of the dynamic images simultaneously. Visually, the color of the dynamic image of the first media information currently displayed is kept gray, the shape of the dynamic image of the second media information continues to shrink inwards in the horizontal direction by the rounded rectangle, and the shape of the dynamic image of the first media information continues to stretch outwards in the horizontal direction by the gray dots.
And step 2213, judging whether the carousel prompt message reaches the second state, if so, executing step 2214, otherwise, returning to step 2212.
Here, the second state is that the moving image corresponding to the currently displayed first media information is kept in gray, the shape of the rounded rectangle is shrunk by a percentage corresponding to the third progress in the horizontal direction, for example, 70%, and is shrunk by 30% of the length of the initial shape, and the shape of the moving image of the second media information is that the gray dots are stretched by a percentage corresponding to the third progress in the horizontal direction, and are extended to be the rounded rectangle of the corresponding color value, for example, the rounded rectangle of 70% of the length of the initial shape.
In step 2214, it is determined whether the page-turning progress from the first media information to the second media information is greater than the third progress and less than or equal to the fourth progress, and if yes, step 2215 is performed.
Here, the fourth schedule may be, for example, 100%.
And step 2215, rendering carousel prompt information, and executing step 2216.
Here, the rendering process is synchronized to step 2212, which is described in detail herein.
And 2216, judging whether the carousel prompt message reaches the third state, and if so, finishing rendering the carousel prompt message in the media message switching process.
Step 2217, determine whether to trigger the manual page turning operation, if yes, execute step 2208, otherwise return to step 2217.
Here, the third state is that the moving image corresponding to the currently displayed first media information is a gray dot, and the moving image corresponding to the second media information is in a white rounded rectangle.
Continuing with the exemplary structure of the carousel presentation device 555 for media information provided by the embodiments of the present application as software modules, in some embodiments, as shown in fig. 2, the software modules in the carousel presentation device 555 for media information stored in the memory 550 may include: the media information display module 5551 is configured to present a media information carousel interface, and display an automatic carousel process of at least two pieces of media information in the media information carousel interface; the progress prompting module 5552 is configured to, in a process of displaying a first media information of the at least two media information, present display progress prompting information corresponding to the first media information, where the display progress prompting information is used to prompt a remaining display duration of the first media information; pause display module 5553; the device comprises a timing module, a timing module and a display module, wherein the timing module is used for pausing the timing of the remaining display duration of first media information when receiving a trigger operation aiming at the first media information in the process of displaying the first media information in the at least two pieces of media information; an automatic switching module 5554, configured to execute automatic switching from the first media information to the second media information when the display progress prompt information indicates that the display of the first media information is finished.
In some embodiments, the carousel display apparatus of media information further includes: the display duration setting module is used for presenting a display duration setting interface and presenting a duration setting function item in the display duration setting interface; and responding to the setting operation aiming at the time length setting function item, and taking the set display time length as the residual display time length corresponding to the time when the media information is at the display starting moment.
In some embodiments, the display duration setting module is further configured to display the second media information and obtain a display start time of the second media information; in the process of displaying the second media information, responding to the switching operation aiming at the second media information, and acquiring the operation moment of the switching operation; determining a time interval between the presentation start time and the operation time; and updating the display duration of the second media information to the time interval, wherein the display duration is the residual display duration corresponding to the second media information at the display starting moment.
In some embodiments, the presentation duration setting module is further configured to determine the number of the at least two pieces of media information; and determining the display duration of each piece of media information based on the quantity of the at least two pieces of media information, wherein the display duration is the remaining display duration corresponding to the media information at the display starting moment.
In some embodiments, the display duration setting module is further configured to determine an information type of each piece of media information; and respectively determining the display duration of each piece of media information based on the information type of each piece of media information, wherein the display duration is the residual display duration corresponding to the media information at the display starting moment.
In some embodiments, the progress prompting module 5552 is further configured to present a process of gradually changing the display form of the display progress prompting information from the first form to the second form, so as to prompt the remaining display duration of the first media information through the change of the display form; the first form corresponds to a display start time of the first media information, and the second form corresponds to a display end time of the first media information.
In some embodiments, the display progress prompt message includes a progress sliding region and a progress bar filled in the progress sliding region, when the display progress prompt message is in the first form, the progress bar displaying the progress prompt message is in a first state in which the progress sliding region is not filled, and when the display progress prompt message is in the second form, the progress bar displaying the progress prompt message is in a second state in which the progress sliding region is filled; the progress prompt module 5552 is further configured to present a process in which the progress bar gradually fills the progress sliding region from the first state to the second state in an extended manner.
In some embodiments, the display progress indicating information is a dynamic image, when the display progress indicating information is in the first form, the image size of the dynamic image is a first image size, and when the display progress indicating information is in the target form, the image size of the dynamic image is a second image size; the progress prompting module 5552 is further configured to, when the first image size is larger than the second image size, present a process that the dynamic image corresponding to the first media information gradually shrinks from the first image size to the second image size in an image shrinking manner; and when the first image size is smaller than the second image size, presenting a process that the dynamic image corresponding to the second media information gradually extends from the first image size to the second image size in an image extension mode.
In some embodiments, the display progress prompt message is a dynamic image, when the display progress prompt message is in the first form, an image style of the dynamic image is a first style, and when the display progress prompt message is in the second form, the image style of the dynamic image is a second style; the progress prompt module 5552 is further configured to present a process that an image style of a dynamic image corresponding to the first media information changes from a first style to a second style.
In some embodiments, the progress prompting module 5552 is further configured to, when the display progress prompting information is text information, present the display progress prompting information corresponding to the first media information in real time by changing text content of the text information.
In some embodiments, the progress prompt module 5552 is further configured to, in a process of displaying a first media information of the at least two pieces of media information, use media information, other than the first media information, of the at least two pieces of media information as media information to be displayed, and present status prompt information corresponding to each piece of media information to be displayed; wherein the state prompt information is used for prompting the to-be-displayed state of the to-be-displayed media information
In some embodiments, the progress prompting module 5552 is further configured to present switching progress prompting information in a process of performing automatic switching from the first media information to the second media information, where the switching progress prompting information is used to prompt a switching progress corresponding to switching from the first media information to the second media information.
In some embodiments, when the triggering operation is a switching operation, the presentation pausing module 5553 is further configured to, when a switching operation for the first media information is received, pause timing of a remaining presentation duration of the first media information, and during a process of the switching operation, present a process of switching the first media information to the second media information at a switching progress corresponding to the switching operation.
In some embodiments, the carousel display apparatus of media information further includes: and the quantity prompting module is used for presenting quantity prompting information in a media information carousel interface, wherein the quantity prompting information is used for prompting the sequencing of the currently displayed media information in the at least two pieces of media information and the quantity of the at least two pieces of media information.
In some embodiments, the carousel display apparatus of media information further includes: a switching indication module, configured to present a switching indication icon, where the switching indication icon is used to indicate a sliding direction of a sliding operation for the media information, and the sliding operation is used to trigger switching of the media information; the media information display module 5551 is further configured to display the second media information; in the process of displaying the second media information, switching from the second media information to third media information is performed in response to a sliding operation for the second media information triggered based on the switching indication icon.
In some embodiments, the media information presentation module 5551 is further configured to execute a process of fading out an image corresponding to the first media information from the media information carousel interface, and execute a process of fading in an image corresponding to the second media information on the media information carousel interface.
It should be noted that the description of the apparatus in the embodiment of the present application is similar to the description of the method embodiment, and has similar beneficial effects to the method embodiment, and therefore, the description is not repeated.
An embodiment of the present application provides an electronic device, including:
a memory for storing executable instructions;
and the processor is used for realizing the carousel display method of the media information provided by the embodiment of the application when the processor executes the executable instructions stored in the memory.
The embodiment of the present application provides a computer-readable storage medium, which stores executable instructions and is used for implementing the carousel display method of media information provided by the embodiment of the present application when being executed by a processor.
Embodiments of the present application provide a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and executes the computer instructions, so that the computer device executes the carousel presentation method for media information described in the embodiments of the present application.
Embodiments of the present application provide a computer-readable storage medium storing executable instructions, which when executed by a processor, will cause the processor to perform a method provided by embodiments of the present application, for example, a carousel presentation method of media information as shown in fig. 3.
In some embodiments, the computer-readable storage medium may be memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash, magnetic surface memory, optical disk, or CD-ROM; or may be various devices including one or any combination of the above memories.
In some embodiments, executable instructions may be written in any form of programming language (including compiled or interpreted languages), in the form of programs, software modules, scripts or code, and may be deployed in any form, including as a stand-alone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.
By way of example, executable instructions may correspond, but do not necessarily have to correspond, to files in a file system, and may be stored in a portion of a file that holds other programs or data, such as in one or more scripts in a hypertext Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code).
By way of example, executable instructions may be deployed to be executed on one computing device or on multiple computing devices at one site or distributed across multiple sites and interconnected by a communication network.
In summary, the media information display progress can be effectively prompted in the automatic carousel process of the media information through the embodiment of the application.
The above description is only an example of the present application, and is not intended to limit the scope of the present application. Any modification, equivalent replacement, and improvement made within the spirit and scope of the present application are included in the protection scope of the present application.

Claims (15)

1. A carousel display method of media information is characterized by comprising the following steps:
presenting a media information carousel interface, and displaying an automatic carousel process of at least two pieces of media information in the media information carousel interface;
presenting display progress prompt information corresponding to first media information in the process of displaying the first media information in the at least two pieces of media information, wherein the display progress prompt information is used for prompting the remaining display duration of the first media information;
in the process of displaying a first media information of the at least two media information, when a trigger operation aiming at the first media information is received, timing of the remaining display duration of the first media information is suspended;
and when the display progress prompt message represents that the display of the first media message is finished, executing automatic switching from the first media message to the second media message.
2. The method of claim 1, further comprising:
presenting a display duration setting interface, and presenting a duration setting function item in the display duration setting interface;
and responding to the setting operation aiming at the time length setting function item, and taking the set display time length as the residual display time length corresponding to the time when the media information is at the display starting moment.
3. The method of claim 1, wherein after performing the automatic switching from the first media information to the second media information, the method further comprises:
displaying the second media information, and acquiring the display starting time of the second media information;
in the process of displaying the second media information, responding to the switching operation aiming at the second media information, and acquiring the operation moment of the switching operation;
determining a time interval between the presentation start time and the operation time;
and updating the display duration of the second media information to the time interval, wherein the display duration is the residual display duration corresponding to the second media information at the display starting moment.
4. The method of claim 1, further comprising:
determining the number of the at least two pieces of media information;
and determining the display duration of each piece of media information based on the quantity of the at least two pieces of media information, wherein the display duration is the residual display duration corresponding to the media information at the display starting moment.
5. The method of claim 1, further comprising:
determining the information type of each piece of media information;
and respectively determining the display duration of each piece of media information based on the information type of each piece of media information, wherein the display duration is the residual display duration corresponding to the media information at the display starting moment.
6. The method of claim 1, wherein the presenting the display progress prompt information corresponding to the first media information comprises:
presenting a process that the display form of the display progress prompt information is gradually changed from a first form to a second form so as to prompt the remaining display duration of the first media information through the change of the display form;
the first form corresponds to a display start time of the first media information, and the second form corresponds to a display end time of the first media information.
7. The method according to claim 6, wherein the display progress prompt message comprises a progress sliding area and a progress bar filled in the progress sliding area, when the display progress prompt message is in the first form, the progress bar displaying the progress prompt message is in a first state that the progress sliding area is not filled, and when the display progress prompt message is in the second form, the progress bar displaying the progress prompt message is in a second state that the progress sliding area is filled;
the process that the display form for presenting the display progress prompt message is gradually changed from the first form to the second form comprises the following steps:
presenting a process in which the progress bar gradually fills the progress sliding area starting from the first state until in the second state in an extended manner.
8. The method of claim 1, wherein the presenting the display progress prompt information corresponding to the first media information comprises:
and when the display progress prompt information is text information, displaying the display progress prompt information corresponding to the first media information in real time in a mode of changing text content of the text information.
9. The method of claim 1, further comprising:
in the process of displaying a first media information of the at least two media information, taking the media information except the first media information of the at least two media information as the media information to be displayed, and presenting status prompt information corresponding to each media information to be displayed;
the state prompt information is used for prompting the state to be displayed of the media information to be displayed.
10. The method of claim 1, further comprising:
and presenting switching progress prompt information in the process of executing automatic switching from the first media information to the second media information, wherein the switching progress prompt information is used for prompting the switching progress corresponding to the switching from the first media information to the second media information.
11. The method of claim 1, wherein when the triggering operation is a switching operation, the suspending the timing of the remaining presentation time duration of the first media information when the triggering operation for the first media information is received comprises:
when receiving the switching operation aiming at the first media information, suspending the timing of the remaining display time length of the first media information, and
and in the process of switching operation, displaying the process of switching the first media information to the second media information according to the switching progress corresponding to the switching operation.
12. The method of claim 1, further comprising:
presenting a switching indication icon, wherein the switching indication icon is used for indicating the sliding direction of the sliding operation aiming at the media information, and the sliding operation is used for triggering the switching of the media information;
after the performing the automatic switching of the first media information to the second media information, the method further comprises:
displaying the second media information;
in the process of displaying the second media information, in response to a sliding operation for the second media information triggered based on the switching indication icon, switching from the second media information to third media information is performed.
13. A carousel presentation device of media information, comprising:
the media information display module is used for displaying a media information carousel interface and displaying an automatic carousel process of at least two pieces of media information in the media information carousel interface;
the progress prompting module is used for presenting display progress prompting information corresponding to the first media information in the process of displaying the first media information in the at least two pieces of media information, and the display progress prompting information is used for prompting the remaining display duration of the first media information;
the pause display module is used for pausing the timing of the remaining display duration of the first media information when receiving the trigger operation aiming at the first media information in the process of displaying the first media information in the at least two pieces of media information;
and the automatic switching module is used for executing automatic switching from the first media information to the second media information when the display progress prompt information represents that the display of the first media information is finished.
14. An electronic device, comprising:
a memory for storing executable instructions;
a processor, configured to execute the executable instructions stored in the memory, and implement the carousel presentation method for media information according to any one of claims 1 to 12.
15. A computer-readable storage medium storing executable instructions for implementing the method for carousel presentation of media information according to any one of claims 1 to 12 when executed by a processor.
CN202011432102.2A 2020-12-07 2020-12-07 Carousel display method and device of media information, electronic equipment and storage medium Pending CN114594890A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011432102.2A CN114594890A (en) 2020-12-07 2020-12-07 Carousel display method and device of media information, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011432102.2A CN114594890A (en) 2020-12-07 2020-12-07 Carousel display method and device of media information, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
CN114594890A true CN114594890A (en) 2022-06-07

Family

ID=81812717

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011432102.2A Pending CN114594890A (en) 2020-12-07 2020-12-07 Carousel display method and device of media information, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN114594890A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116777490A (en) * 2023-08-18 2023-09-19 厦门澜天电子科技有限公司 Dynamic indication intelligent management system based on intelligent guide identification

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116777490A (en) * 2023-08-18 2023-09-19 厦门澜天电子科技有限公司 Dynamic indication intelligent management system based on intelligent guide identification
CN116777490B (en) * 2023-08-18 2023-11-03 厦门澜天电子科技有限公司 Dynamic indication intelligent management system based on intelligent guide identification

Similar Documents

Publication Publication Date Title
CN109034115B (en) Video image recognizing method, device, terminal and storage medium
CN109101157B (en) Sidebar icon setting method and device, terminal and storage medium
CN103092612B (en) Realize method and the electronic installation of Android operation system 3D desktop pinup picture
US8743146B2 (en) Method and system for implementing augmented reality application
CN109144649A (en) Display methods, device, terminal and the storage medium of icon
CN110213661A (en) Control method, smart television and the computer readable storage medium of full video
CN111586464B (en) Content display method, device, equipment and storage medium based on media information stream
WO2019233307A1 (en) User interface display method and apparatus, and terminal and storage medium
CN111432264B (en) Content display method, device, equipment and storage medium based on media information stream
CN112016023B (en) Service processing method, device, terminal and storage medium
CN113923499B (en) Display control method, device, equipment and storage medium
CN113286201B (en) Recommendation information display method and device, electronic equipment and storage medium
CN111596849A (en) Page processing method, device, equipment and storage medium
CN114443945A (en) Display method of application icons in virtual user interface and three-dimensional display equipment
CN115033331A (en) Card display method and related product
CN114679621A (en) Video display method and device and terminal equipment
CN109815407B (en) Information resource pushing method, device, equipment and storage medium
CN111898056A (en) Webpage display method and device, storage medium and electronic equipment
CN109753612B (en) Questionnaire display control method and device, storage medium and electronic equipment
CN114594890A (en) Carousel display method and device of media information, electronic equipment and storage medium
CN112543365B (en) Media information playing method, device, equipment and computer readable storage medium
CN108427590B (en) Method for realizing UI dynamic layout
CN112312188B (en) Multimedia data processing method and device and computer readable storage medium
JP2012027424A (en) Information processing unit
JP5541998B2 (en) Information processing device

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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40071542

Country of ref document: HK