Rich media playback page control method, device, electronic device and storage medium

Abstract

The embodiment of the present application provides a rich media playback page control method, device, electronic device and storage medium, receiving a first program list information and a first program list playback template information sent by a server, wherein the first program list playback template information indicates the interface design style of the rich media playback page, and the first program list information indicates the programs played by each rich media carousel component in the rich media playback page and the program playback order; according to the first program list playback template information, a rich media playback page is constructed using a window parser, wherein the rich media playback page includes a rich media carousel component; the first program list information is registered in the current playlist manager; according to the first program list information registered in the current playlist manager, the corresponding program is played using each rich media carousel component. The rich media playback page can be controlled.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, electronic device and storage medium for controlling a rich media playback page. Background Art

[0002] With the development of computer technology, more and more devices have begun to have intelligent display functions. In today's life, smart phones, smart watches, smart screens for home appliances, smart screens for cars, etc., all have the function of displaying playback pages, and feature-rich playback pages play a positive role in improving user experience and increasing product competitiveness. Rich media playback pages refer to playback pages that integrate multiple media playback functions, which can include multiple video players, audio players, picture players or document players, etc. How to control rich media playback pages has become a technical problem that needs to be solved urgently. Summary of the invention

[0003] The purpose of the embodiments of the present application is to provide a rich media playback page control method, device, electronic device and storage medium to achieve control of rich media playback pages. The specific technical solution is as follows:

[0004] In a first aspect, an embodiment of the present application provides a method for controlling a rich media playback page, which is applied to a user terminal, and the method includes:

[0005] The receiving server sends first program list information and first program list playing template information, wherein the first program list playing template information indicates the interface design style of the rich media playing page, and the first program list information indicates the programs played by each rich media carousel component in the rich media playing page and the order in which the programs are played;

[0006] According to the first program play template information, a rich media play page is constructed using a window parser, wherein the rich media play page includes a rich media carousel component;

[0007] Registering the first playlist information into the current playlist manager;

[0008] According to the first program list information registered in the current playlist manager, the corresponding program is played using each of the rich media carousel components.

[0009] In a possible implementation, the method further includes:

[0010] Using an executor to register each of the rich media carousel components into a rich media carousel component manager;

[0011] For each rich media carousel component, using the rich media carousel component manager, a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager is established;

[0012] The step of playing corresponding programs by using each of the rich media carousel components according to the first program list information in the current playlist manager includes:

[0013] For each rich media carousel component, the corresponding program in the current playlist manager is played according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the play position and play order of each program.

[0014] In a possible implementation, the method further includes:

[0015] For each rich media carousel component, after the program currently played by the rich media player component is finished playing, query the sequence number of the program currently played by the rich media player component in the rich media carousel component manager according to the name of the rich media player component to obtain the first sequence number corresponding to the rich media player component;

[0016] For each rich media carousel component, according to the first sequence number corresponding to the rich media player component, the next program corresponding to the rich media player component is queried in the current playlist manager, and the next program corresponding to the rich media player component is played using the rich media player component.

[0017] In a possible implementation manner, the rich media playback page further includes an event function button; and the method further includes:

[0018] When a trigger instruction for a specified event function button is obtained, a target instruction field corresponding to the specified event function button is generated;

[0019] Parsing the target instruction field to obtain a target instruction corresponding to the target instruction field;

[0020] The target instruction is sent to the current playlist manager by using an executor, and the target instruction is executed by using the current playlist manager.

[0021] In a possible implementation, the method further includes:

[0022] Using a timing manager to create a program replacement timing service corresponding to the first program information;

[0023] When the timing time of the program list replacement timing service is reached, the program playback of each rich media carousel component in the rich media playback page is stopped, and the second program list information and the second program list playback template information are obtained;

[0024] A new rich media playback page is constructed based on the second program play template information, and each program represented by the second program play information is played through the new rich media playback page.

[0025] In a second aspect, an embodiment of the present application provides a rich media playback page control method, which is applied to a server, and the method includes:

[0026] Displaying a rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area, and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates;

[0027] After receiving a user's instruction to add a specified rich media carousel component template to the data panel area, displaying the specified rich media carousel component template at a specified position in the rich media playback page preview area;

[0028] After receiving a program setting instruction input by a user for the rich media playback page setting area, setting a program to be played for a corresponding rich media carousel component template in response to the program setting instruction;

[0029] After the user settings are completed, a collection of elements in the rich media playback page setting area is obtained to obtain program list playback template information, and the identifiers of the programs to be played in each rich media carousel component template are obtained to obtain program list information; wherein, the elements include rich media carousel component templates.

[0030] In a possible implementation, the method further includes:

[0031] After receiving an event setting instruction input by a user for the rich media playback page setting area, an event function button is displayed at a specified position of the rich media playback page preview area in response to the event setting instruction, wherein the element further includes an event function button.

[0032] In a third aspect, an embodiment of the present application provides a rich media playback page control device, which is applied to a user terminal, and the device includes:

[0033] The server-side data receiving module is used to receive first program list information and first program list playing template information sent by the server, wherein the first program list playing template information represents the interface design style of the rich media playing page, and the first program list information represents the programs played by each rich media carousel component in the rich media playing page and the program playing order;

[0034] A rich media play page construction module, used to construct a rich media play page using a window parser according to the first play list play template information, wherein the rich media play page includes a rich media carousel component;

[0035] A program list information registration module, used to register the first program list information into the current playlist manager;

[0036] The rich media carousel component playing module is used to play the corresponding program using each of the rich media carousel components according to the first program list information registered in the current playlist manager.

[0037] In a possible implementation, the device further includes:

[0038] A rich media carousel component registration module, used to register each of the rich media carousel components into a rich media carousel component manager using an executor;

[0039] A hash mapping relationship establishment module is used to establish, for each rich media carousel component, a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager using the rich media carousel component manager;

[0040] The rich media carousel component playback module is specifically used to: for each rich media carousel component, play the corresponding program in the current playlist manager according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the playback position and playback order of each program.

[0041] In a possible implementation, the rich media carousel component playback module is further used to: for each rich media carousel component, after the program currently played by the rich media playback component is finished, query the serial number of the program currently played by the rich media playback component in the rich media carousel component manager according to the name of the rich media playback component to obtain the first serial number corresponding to the rich media playback component; for each rich media carousel component, query the current playlist manager for the next program corresponding to the rich media playback component according to the first serial number corresponding to the rich media playback component, and use the rich media playback component to play the next program corresponding to the rich media playback component.

[0042] In a possible implementation manner, the rich media playback page further includes an event function button; and the device further includes:

[0043] An instruction field generating module, used for generating a target instruction field corresponding to the specified event function button when a trigger instruction for the specified event function button is obtained;

[0044] A target instruction generation module, used for parsing the target instruction field to obtain a target instruction corresponding to the target instruction field;

[0045] The target instruction execution module is used to use the executor to send the target instruction to the current playlist manager, and use the current playlist manager to execute the target instruction.

[0046] In a possible implementation, the device also includes: a program list information update module, which is used to use a timing manager to create a program list change timing service corresponding to the first program list information; when the timing time of the program list change timing service is reached, stop the program playback of each rich media carousel component in the rich media playback page, obtain the second program list information and the second program list playback template information; construct a new rich media playback page based on the second program list playback template information, and play each program represented by the second program list information through the new rich media playback page.

[0047] In a fourth aspect, an embodiment of the present application provides a rich media playback page control device, which is applied to a server, and the device includes:

[0048] A setting page display module is used to display a rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates;

[0049] A first page setting module is used to display the specified rich media carousel component template at a specified position of the rich media playback page preview area after receiving a user's instruction to add the specified rich media carousel component template to the data panel area;

[0050] A second page setting module is used to set a program to be played for a corresponding rich media carousel component template in response to a program setting instruction input by a user for the rich media playback page setting area after receiving the program setting instruction input by the user for the rich media playback page setting area;

[0051] The program list information generation module is used to obtain the set of elements in the rich media playback page setting area to obtain the program list playback template information after the user settings are completed, and obtain the identifier of the program to be played in each rich media carousel component template to obtain the program list information; wherein, the elements include the rich media carousel component template.

[0052] In a possible implementation, the device further includes: a third page setting module, which is used to display an event function button at a specified position in the rich media playback page preview area in response to the event setting instruction after receiving an event setting instruction input by a user for the rich media playback page setting area, wherein the element also includes an event function button.

[0053] In a fifth aspect, an embodiment of the present application provides an electronic device, including a processor, a communication interface, a memory, and a communication bus, wherein the processor, the communication interface, and the memory communicate with each other through the communication bus;

[0054] Memory, used to store computer programs;

[0055] The processor is used to implement any of the rich media playback page control methods described in the present application when executing the program stored in the memory.

[0056] In a sixth aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the rich media playback page control method described in any one of the present applications is implemented.

[0057] In a seventh aspect, an embodiment of the present application provides an embodiment of the present application further provides a computer program product comprising instructions, which, when executed on a computer, enables the computer to execute any of the rich media playback page control methods described in the present application.

[0058] Beneficial effects of the embodiments of the present application:

[0059] The rich media playback page control method, device, electronic device and storage medium provided in the embodiment of the present application receive the first program list information and the first program list playback template information sent by the server, wherein the first program list playback template information represents the interface design style of the rich media playback page, and the first program list information represents the programs played by each rich media carousel component in the rich media playback page and the order in which the programs are played; according to the first program list playback template information, a rich media playback page is constructed using a window parser, wherein the rich media playback page includes a rich media carousel component; the first program list information is registered in the current playlist manager; according to the first program list information registered in the current playlist manager, the corresponding program is played using each rich media carousel component. The rich media playback page can be controlled. Of course, the implementation of any product or method of the present application does not necessarily require all of the advantages described above to be achieved at the same time. BRIEF DESCRIPTION OF THE DRAWINGS

[0060] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application, and for ordinary technicians in this field, other embodiments can also be obtained based on these drawings.

[0061] Figure 1 A first schematic diagram of a method for controlling a rich media playback page according to an embodiment of the present application;

[0062] Figure 2 A second schematic diagram of the rich media playback page control method according to an embodiment of the present application;

[0063] Figure 3 A third schematic diagram of the rich media playback page control method according to an embodiment of the present application;

[0064] Figure 4 This is a fourth schematic diagram of the rich media playback page control method according to an embodiment of the present application;

[0065] Figure 5 A schematic diagram of a rich media playback page setting page according to an embodiment of the present application;

[0066] Figure 6 This is a first schematic diagram of the rich media playback page control device according to an embodiment of the present application;

[0067] Figure 7 This is a first schematic diagram of the rich media playback page control device according to an embodiment of the present application;

[0068] Figure 8 A schematic diagram of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0069] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field based on the present application belong to the scope of protection of the present application.

[0070] In order to control the rich media playback page, the present application embodiment provides a rich media playback page control method, which is applied to the user end, see Figure 1 , the method comprising:

[0071] S101, receiving the first program list information and the first program list playback template information sent by the server, wherein the first program list playback template information represents the interface design style of the rich media playback page, and the first program list information represents the programs played by each rich media carousel component in the rich media playback page and the program playback order.

[0072] The rich media playback page control method in the embodiment of the present application is applied to the user end, and thus can be implemented through a user end device. For example, the user end device can be a smart phone, a smart TV, a smart watch, a smart screen for home appliances, or a smart screen for a car.

[0073] S102: construct a rich media playback page using a window parser according to the first program play template information, wherein the rich media playback page includes a rich media carousel component.

[0074] Window Template Parser (window parser) is also called window analyzer, which is used to parse the program play template information, so as to obtain the position and type of each element in the rich media play page, and create a rich media play page in the user end according to the position and type of each element. The elements here include at least a rich media carousel component, and may also include event function buttons, etc., wherein the rich media carousel component is used for playing programs, and the event function button is used to trigger a specified event, such as pause, fast forward, fast rewind, play the next program or play the previous program, etc.

[0075] S103: register the first program list information into the current playlist manager.

[0076] The current playlist manager is used to manage the programs played by each rich media carousel component in the current rich media playback page. The first program list information is registered in the current playlist manager, and the current playlist manager can generate a program list for each rich media carousel component respectively, wherein, for any rich media carousel component, the program list of the rich media carousel component records the identifiers of each program that the rich media carousel component needs to play and the order in which the programs are played. In an example, the program list of the rich media carousel component records the position of the program currently played by the rich media carousel component, thereby facilitating the management of the program playback position.

[0077] S104: Play corresponding programs using each of the rich media carousel components according to the first program list information registered in the current playlist manager.

[0078] After registering the first program list information to the current playlist manager, the current playlist manager can be used to learn the programs that each rich media carousel component needs to play and the order in which the programs are played. For any rich media carousel component, the corresponding program is played using the rich media carousel component according to the order in which the programs are played.

[0079] In the embodiment of the present application, the control of the rich media playback page is realized. In the related art, the style of the rich media playback page is downloaded in advance in the user end, and the style of the rich media playback page cannot be changed. In the embodiment of the present application, the rich media playback page is constructed by using a window parser in the user end, and the rich media playback page of the corresponding style can be constructed according to the program list playback template information of the server end. The style of the rich media playback page can be changed according to the demand, and the style of the rich media playback page is more flexible. In addition, the current playlist manager is used to uniformly manage the programs of all rich media carousel components. Compared with setting a playlist manager for each rich media carousel component, it can facilitate the unified management of programs and save playback resources.

[0080] In one possible implementation, see Figure 2 , the method further comprises:

[0081] S201, registering each of the rich media carousel components into a rich media carousel component manager by using an executor.

[0082] Presenter (executor) is responsible for business logic execution and logic distribution. The executor is used to register each rich media carousel component in the rich media playback page to the rich media carousel component manager, where the rich media carousel component manager is used for unified management of each rich media carousel component.

[0083] S202: For each rich media carousel component, using the rich media carousel component manager, establish a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager.

[0084] The program corresponding to the rich media carousel component is the program that the rich media carousel component needs to play. For each rich media carousel component, a hash mapping relationship between the rich media carousel component and the program that the rich media carousel component needs to play is established, and the hash mapping relationship is used to contact the rich media carousel component and the current playlist manager.

[0085] The step of playing corresponding programs by using each of the rich media carousel components according to the first program list information in the current playlist manager includes:

[0086] S203: For each rich media carousel component, play the corresponding program in the current playlist manager according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the play position and play order of each program.

[0087] The current playlist manager records the play position and play order of each program. The hash mapping relationship is used to connect the rich media carousel component with the current playlist manager. The rich media carousel component can use the hash mapping relationship to determine the program that needs to be played and the play position of the program.

[0088] In the implementation of this application, the current playlist manager is used to record the play position and play order of each program, and the rich media carousel component and the current playlist manager are linked through a hash mapping relationship, thereby realizing the unified management of multiple rich media carousel components using the current playlist manager, and the current playlist manager can be used to control the programs played by each rich media carousel component and the play position of the program.

[0089] In one possible implementation, see Figure 3 , the method further comprises:

[0090] S301, for each rich media carousel component, after the program currently being played by the rich media playback component is finished, query the serial number of the program currently being played by the rich media playback component in the rich media carousel component manager according to the name of the rich media playback component to obtain a first serial number corresponding to the rich media playback component.

[0091] The first serial number corresponding to the rich media player component is the serial number of the program currently played by the rich media player component. The serial numbers of the programs played by each rich media player component are stored in the rich media carousel component manager. The serial number of the program currently played by the rich media player component can be obtained by querying the rich media carousel component manager according to the name of the rich media carousel component. In an example, the serial number of the program can represent the playback order of the program.

[0092] S302, for each rich media carousel component, according to the first serial number corresponding to the rich media playback component, query the current playlist manager for the next program corresponding to the rich media playback component, and use the rich media playback component to play the next program corresponding to the rich media playback component.

[0093] The current playlist manager records the serial number of each program and the order in which the programs are played. By querying the current playlist manager based on the first serial number, the next program of the program represented by the first serial number can be determined, thereby achieving the use of the rich media player component to play the next program after the previous program is played.

[0094] For example, the serial numbers of programs a, b, and c that rich media playback component A needs to play in sequence are A1, A2, and A3, respectively. After rich media playback component A finishes playing program a, the rich media carousel component manager is queried according to the name of rich media playback component A to obtain the serial number of program a, which is A1. The current playlist manager is queried according to A1 to determine a program column number A2. A2 corresponds to program b, and rich media playback component A plays program b.

[0095] In the embodiment of the present application, the names and serial numbers of the programs can be used to achieve sequential playback of the programs and control of the rich media playback page.

[0096] In a possible implementation manner, the rich media playback page further includes an event function button; and the method further includes:

[0097] Step 1: when a trigger instruction for a specified event function button is obtained, a target instruction field corresponding to the specified event function button is generated.

[0098] The event function button is used to trigger a specified event. The event here can include pause, fast forward, fast rewind, play the next program or play the previous program, etc. The user can generate a trigger instruction for the event function button by clicking the event function button. After the event function button is triggered, the corresponding instruction field will be generated. The instruction field is used to indicate the execution of the corresponding event. In an example, the instruction field can be monitored by the Commands Message Handler.

[0099] Step 2: parse the target instruction field to obtain the target instruction corresponding to the target instruction field.

[0100] In an example, the target instruction field may be parsed by the Commands Code Analysis Module to obtain the corresponding target instruction.

[0101] Step three: use the executor to send the target instruction to the current playlist manager, and use the current playlist manager to execute the target instruction.

[0102] The target instruction is sent to the current playlist manager by the executor, and the current playlist manager is adjusted according to the target instruction. For example, if the target instruction indicates that the program of the rich media carousel component A is adjusted to the next program, the current playlist manager adjusts the program currently played by the rich media carousel component A to the next program, because the current playlist manager and the rich media carousel component A are associated through a hash mapping relationship, and the program actually played by the rich media carousel component A is adjusted to the next program.

[0103] In the embodiment of the present application, the event function button is used to control the playback of the rich media carousel component program and the rich media playback page, which can meet various control requirements.

[0104] In a possible implementation, the method further includes:

[0105] Step A: using a timing manager to create a program replacement timing service corresponding to the first program information.

[0106] The program list information has a certain timeliness. After the receiving service end sends the first program list information, the timing manager can be used to create a program list replacement timing service for the first program list information.

[0107] Step B: when the timing time of the program list replacement timing service is reached, the program playback of each rich media carousel component in the rich media playback page is stopped, and the second program list information and the second program list playback template information are obtained.

[0108] After the program list change timing service is created, it is responsible for the timing service. When the timing time of the program list change timing service is reached, the corresponding instruction is triggered to stop the program playback of each rich media carousel component in the current rich media playback page. And request new program list information and program list playback template information from the server, and obtain the second program list information and second program list playback template information sent by the server.

[0109] Step C: construct a new rich media playback page based on the second program play template information, and play each program represented by the second program play information through the new rich media playback page.

[0110] The specific process of constructing a new rich media playback page based on the second program list playback template information, and playing the programs represented by the second program list information through the new rich media playback page, can be referred to the process of constructing a rich media playback page based on the first program list playback template information, and playing the programs represented by the first program list information through the rich media playback page, which will not be repeated here.

[0111] In the embodiment of the present application, a timing manager is used to create a program list replacement timing service, which realizes the timeliness update of the rich media playback page and the control of the rich media playback page, and can meet various control requirements.

[0112] In order to more clearly illustrate the rich media playback page control method of the embodiment of the present application, the following takes the user end as an Android terminal as an example for illustration:

[0113] The software function hierarchy in the Android terminal is divided into four parts: View, Presenter, Schedule Center and Basic Components.

[0114] Among them, View includes a playback view part based on a rich media playback page (Display Fragment). The rich media playback page includes multiple custom-developed rich media carousel components (Display View) and a customized window template parser (Window Template Parser). It also includes some network settings (Network Settings Fragment), service settings page (Service Settings Fragment) and some page layout views such as pop-up windows.

[0115] Presenter is mainly used to connect the upper and lower parts, and is responsible for business logic execution and logic distribution.

[0116] Schedule Center mainly consists of five parts: Current Display Program List Manager, Display View List Manager, Program Lists Manager, Commands Manager and Download Manager.

[0117] Among them, the current playlist manager is used to record the program list, program playback position and program playback order of the programs that each rich media carousel component needs to play; the rich media carousel component manager mainly includes the program list in the current playlist manager and the rich media playback component related information; the full list program list manager mainly includes the program list database and the timing manager; the instruction manager mainly includes two parts: the instruction parser and the instruction transmitter; the download manager mainly includes the download status callback, the download information generation module and the file checking module.

[0118] Basic Components include basic Android components, such as database, download, animation playback, speech synthesis, media playback, WebSocket / MQTT (communication protocol), APK device functions and device control, log, basic tool classes, and other components.

[0119] In an example, data transfer between various components is based on Display Program Bean, which mainly includes Layout Program Type, Program Path and imagesPath. LayoutProgramType is the program type, such as web page, audio, video, picture, animation and other types. ProgramPath and imagesPath are the playback address and picture address. ImagesPath is used during animation playback and audio playback, and can be the page picture display address during audio playback, the picture set path during animation playback, etc.

[0120] In the generation stage of the rich media playback page, the program list information and program list playback template information sent by the server are received, and the received program list information can be stored in the Display View Program Lists Database (play page program list database). Instantiate the timing center, then search and read the stored program list information in the play page program list database of the all-list program list manager, register the complete program list information to the timing manager in the all-list program list manager, create a program list replacement timing service, register the current program list information to the current playlist manager and initialize it, extract the current program list information; read the program list playback template information, build a rich media playback page through the window template parser, and instantiate each rich media carousel component, and then register the rich media carousel component information to the rich media carousel component manager through the executor, and match the program list to be played to build a Hash Map of rich media carousel components and program list information, query the current program ID (identification) in the rich media carousel component manager according to the name of the rich media carousel component, query the Display Program Bean of the program currently to be played in the current playlist manager according to the program ID, and then inject the Display Program Bean into the rich media carousel component through the set Program Bean method to play the program. Finally, update the new playback position of the program list in the current playlist manager.

[0121] After the rich media playback page is generated, it is necessary to play each program in the order of the program list. When the rich media carousel component in the rich media playback page finishes playing the current program, the executor will receive the on Program Complete Call Back callback information. The timing center will query the program ID currently played by the rich media carousel component in the rich media carousel component manager according to the name information of the rich media carousel component, query the current program position and the next program Display Program Bean in the current playlist manager according to the program ID, inject the Display Program Bean into the rich media carousel component through the set Program Bean method, play the program, and update the new playback position of the program list in the current playlist manager.

[0122] When the program list change timer service timer of the time schedule manager arrives, the playback tasks of all rich media carousel components on the current rich media playback page will be suspended, and the new program list information and program list playback template information will be checked, and a new program list update timer service will be created. Then the new program list information and program list playback template information will be used to generate a new rich media playback page and play the corresponding program.

[0123] When the command message handler receives the instruction field, the command code analysis module parses the instruction field to obtain the corresponding target instruction. Target instructions may include control instructions, program update instructions, and download instructions. For the program update instruction, the new program list will be parsed and stored in the playback page program list database. At the same time, the playback tasks of all rich media carousel components on the current rich media playback page will be paused. Then, the new program list information and program list playback template information will be checked to perform the playback process of the new rich media playback page. If it is a control instruction, the control instruction will be distributed to the timing center through the executor, and the current playlist manager will control the corresponding rich media carousel component to perform corresponding operations, for example. Operations such as pause, fast forward, fast rewind, play the next program, play the previous program, rotate, modify the play time, etc. For some terminal type commands, the basic components can directly respond to the terminal commands, such as audio increase and decrease control, power on and off, etc.; if it is a download command, it is distributed to the download manager through the executor, and the download information is injected into the download manager. The file check module is used to check whether the information in the pre-downloaded program list already exists, and the existing program information is removed. A pre-downloaded program list is constructed, and the download information of the programs to be downloaded is constructed through the download information generation module and the current download task is recorded and injected into the download queue. If the download fails, download again. If the download is successful, the status of this command is determined. If it is a download-only task, the download completion prompt is directly displayed. If it is a download and play task, the new program list playback task is notified to reset the play to the new playback task, and the subsequent process of the program list replacement process is executed for sequential playback.

[0124] In the embodiment of the present application, the control of the rich media playback page is realized; the rich media playback page is constructed by using the window parser in the user end, and the rich media playback page of the corresponding style can be constructed according to the program list playback template information of the server end. The style of the rich media playback page can be changed according to the demand, and the style of the rich media playback page is more flexible. In addition, the current playlist manager is used to uniformly manage the programs of all rich media carousel components. Compared with setting a playlist manager for each rich media carousel component, it can facilitate the unified management of programs and save playback resources. The program list manager in the related technology is divided into five parts: the current playlist manager, the rich media carousel component manager, the full list program list manager, the instruction manager and the download manager. Each part uniformly uses the customized abstract playback class as the data class, and each part can be independently operated and disassembled to reduce dependence; through the customized abstract syntax tree, the playback control position, status, program list and other information are defined, so that the Android playback end software page can arbitrarily generate a single-page multi-play window overall playback page according to the user's custom configuration at the front end.

[0125] The present application also provides a method for controlling a rich media playback page, which is applied to a server. Figure 4 , the method comprising:

[0126] S401, displaying a rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates.

[0127] The rich media playback page control method of the embodiment of the present application is applied to the server side, and can therefore be implemented through a server-side device. In one example, the server-side device can be a cloud computing device such as a server, and the setting page for configuring the rich media playback page can be hosted by a web page. The client device that hosts the web page can be a personal computer, tablet computer, smart phone, server or other device.

[0128] The rich media playback page setting page is displayed on the server side. The rich media playback page setting page includes a data panel area, a rich media playback page preview area, and a rich media playback page setting area. In an example, the rich media playback page setting page can be as follows Figure 5 As shown, the data panel area includes multiple rich media carousel component templates, the rich media playback page preview area is used to preview the rich media playback page, and the rich media playback page setting area is used to set the event function buttons of the rich media playback page, and set the programs that need to be played by each rich media carousel component in the rich media playback page.

[0129] S402: After receiving a user's instruction to add a designated rich media carousel component template to the data panel area, display the designated rich media carousel component template at a designated position in the rich media playback page preview area.

[0130] The user can select a specified rich media carousel component template in the data panel area and add it to the rich media playback page preview area, and can set the size and position of the specified rich media carousel component template in the rich media playback page preview area.

[0131] S403: after receiving a program setting instruction input by the user for the setting area of ​​the rich media playback page, setting a program to be played for a corresponding rich media carousel component template in response to the program setting instruction.

[0132] The user can set the program to be played for the specified rich media carousel component template through the rich media playback page setting area, and can set the playback duration and playback order of the program to be played; in an example, the program playback effect of the rich media carousel component template can also be previewed in the rich media playback page preview area.

[0133] In addition to setting the program to be played, the rich media playback page setting area can be used to add an event function button. In a possible implementation, the method further includes: after receiving an event setting instruction input by a user for the rich media playback page setting area, displaying an event function button at a specified position in the rich media playback page preview area in response to the event setting instruction, wherein the element also includes an event function button. The user can add an event function button to the rich media playback page through the rich media playback page setting area, and can set the size and position of the event function button in the rich media playback page preview area.

[0134] S404, after the user setting is completed, a collection of elements in the rich media playback page setting area is obtained to obtain program list playback template information, and the identifiers of the programs to be played in each rich media carousel component template are obtained to obtain program list information; wherein, the elements include rich media carousel component templates.

[0135] After the user setting is completed, the program list playing template information is obtained according to the set of elements (including event function buttons and rich media carousel component templates) in the rich media playing page setting area, and the identifiers of the programs to be played in each rich media carousel component template are obtained to obtain the program list information. After obtaining the program list playing template information and the program list information, the program list playing template information and the program list information can be sent to the user terminal so that the user terminal generates a rich media playing page and plays the program.

[0136] In an embodiment of the present application, a rich media playback page setting page is utilized to implement dynamic and visual configuration of the rich media playback page, thereby realizing low-code development of the rich media playback page and greatly reducing the workload of rich media playback page development.

[0137] The present application embodiment provides a rich media playback page control device, which is applied to a user terminal. Figure 6 , the device comprises:

[0138] The server-side data receiving module 601 is used to receive the first program list information and the first program list playing template information sent by the server, wherein the first program list playing template information represents the interface design style of the rich media playing page, and the first program list information represents the programs played by each rich media carousel component in the rich media playing page and the program playing order;

[0139] A rich media play page construction module 602 is used to construct a rich media play page using a window parser according to the first play list play template information, wherein the rich media play page includes a rich media carousel component;

[0140] A program list information registration module 603, used to register the first program list information into the current playlist manager;

[0141] The rich media carousel component playing module 604 is used to play the corresponding program using each of the rich media carousel components according to the first program list information registered in the current playlist manager.

[0142] In a possible implementation, the device further includes:

[0143] A rich media carousel component registration module, used to register each of the rich media carousel components into a rich media carousel component manager using an executor;

[0144] A hash mapping relationship establishment module is used to establish, for each rich media carousel component, a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager using the rich media carousel component manager;

[0145] The rich media carousel component playback module is specifically used to: for each rich media carousel component, play the corresponding program in the current playlist manager according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the playback position and playback order of each program.

[0146] In a possible implementation, the rich media carousel component playback module is further used to: for each rich media carousel component, after the program currently played by the rich media playback component is finished, query the serial number of the program currently played by the rich media playback component in the rich media carousel component manager according to the name of the rich media playback component to obtain the first serial number corresponding to the rich media playback component; for each rich media carousel component, query the current playlist manager for the next program corresponding to the rich media playback component according to the first serial number corresponding to the rich media playback component, and use the rich media playback component to play the next program corresponding to the rich media playback component.

[0147] In a possible implementation manner, the rich media playback page further includes an event function button; and the device further includes:

[0148] An instruction field generating module, used for generating a target instruction field corresponding to the specified event function button when a trigger instruction for the specified event function button is obtained;

[0149] A target instruction generation module, used for parsing the target instruction field to obtain a target instruction corresponding to the target instruction field;

[0150] The target instruction execution module is used to use the executor to send the target instruction to the current playlist manager, and use the current playlist manager to execute the target instruction.

[0151] In a possible implementation, the device also includes: a program list information update module, which is used to use a timing manager to create a program list change timing service corresponding to the first program list information; when the timing time of the program list change timing service is reached, stop the program playback of each rich media carousel component in the rich media playback page, obtain the second program list information and the second program list playback template information; construct a new rich media playback page based on the second program list playback template information, and play each program represented by the second program list information through the new rich media playback page.

[0152] The present application also provides a rich media playback page control device, which is applied to the server. Figure 7 , the device comprises:

[0153] The setting page display module 701 is used to display the rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates;

[0154] The first page setting module 702 is used to display the specified rich media carousel component template at a specified position in the preview area of ​​the rich media playback page after receiving a user's instruction to add the specified rich media carousel component template in the data panel area;

[0155] The second page setting module 703 is used to set the program to be played for the corresponding rich media carousel component template in response to the program setting instruction after receiving the program setting instruction input by the user for the rich media playback page setting area;

[0156] The program list information generation module 704 is used to obtain the set of elements in the rich media playback page setting area to obtain the program list playback template information after the user settings are completed, and obtain the identifier of the program to be played in each rich media carousel component template to obtain the program list information; wherein the elements include the rich media carousel component template.

[0157] In a possible implementation, the device further includes: a third page setting module, which is used to display an event function button at a specified position in the rich media playback page preview area in response to the event setting instruction after receiving an event setting instruction input by a user for the rich media playback page setting area, wherein the element also includes an event function button.

[0158] The present application also provides an electronic device, such as Figure 8 As shown, it includes a processor 801, a communication interface 802, a memory 803 and a communication bus 804, wherein the processor 801, the communication interface 802, and the memory 803 communicate with each other through the communication bus 804.

[0159] Memory 803, used for storing computer programs;

[0160] The processor 801 is used to implement any of the rich media playback page control methods described in the present application when executing the program stored in the memory 803.

[0161] The communication bus mentioned in the above electronic device can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. The communication bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, only one thick line is used in the figure, but it does not mean that there is only one bus or one type of bus.

[0162] The communication interface is used for communication between the above electronic device and other devices.

[0163] The memory may include a random access memory (RAM) or a non-volatile memory (NVM), such as at least one disk memory. Optionally, the memory may also be at least one storage device located away from the aforementioned processor.

[0164] The above-mentioned processor can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.

[0165] In another embodiment provided in the present application, a computer-readable storage medium is provided, in which a computer program is stored. When the computer program is executed by a processor, any of the rich media playback page control methods described in the present application is implemented.

[0166] In another embodiment provided in the present application, a computer program product including instructions is also provided, and when the computer is run on the computer, the computer executes any one of the rich media playback page control methods described in the present application.

[0167] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be transmitted from a website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated. The available medium may be a magnetic medium, (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state drive Solid State Disk (SSD)), etc.

[0168] It should be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the existence of other identical elements in the process, method, article or device including the elements.

[0169] Each embodiment in this specification is described in a related manner. Each embodiment focuses on the differences from other embodiments, and the same or similar parts between the embodiments can be referenced to each other.

[0170] The above description is only a preferred embodiment of the present application and is not intended to limit the protection scope of the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application are included in the protection scope of the present application.

Claims

1. A method for controlling a rich media playback page, characterized in that: Applied to a user terminal, the method includes: The receiving server sends first program list information and first program list playing template information, wherein the first program list playing template information indicates the interface design style of the rich media playing page, and the first program list information indicates the programs played by each rich media carousel component in the rich media playing page and the order in which the programs are played; According to the first program play template information, a rich media play page is constructed using a window parser, wherein the rich media play page includes a rich media carousel component; Registering the first playlist information into the current playlist manager; According to the first program list information registered in the current playlist manager, the corresponding program is played using each of the rich media carousel components.

2. The method according to claim 1, characterized in that The method further comprises: Using an executor to register each of the rich media carousel components into a rich media carousel component manager; For each rich media carousel component, using the rich media carousel component manager, a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager is established; The step of playing corresponding programs by using each of the rich media carousel components according to the first program list information in the current playlist manager includes: For each rich media carousel component, the corresponding program in the current playlist manager is played according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the play position and play order of each program.

3. The method according to claim 2, characterized in that The method further comprises: For each rich media carousel component, after the program currently being played by the rich media carousel component is finished, according to the name of the rich media carousel component, the sequence number of the program currently being played by the rich media carousel component is queried in the rich media carousel component manager to obtain a first sequence number corresponding to the rich media carousel component; For each rich media carousel component, according to the first sequence number corresponding to the rich media carousel component, the next program corresponding to the rich media carousel component is queried in the current playlist manager, and the next program corresponding to the rich media carousel component is played using the rich media carousel component.

4. The method according to claim 2, characterized in that: The rich media playback page also includes an event function button; the method also includes: When a trigger instruction for a specified event function button is obtained, a target instruction field corresponding to the specified event function button is generated; Parsing the target instruction field to obtain a target instruction corresponding to the target instruction field; The target instruction is sent to the current playlist manager by using an executor, and the target instruction is executed by using the current playlist manager.

5. The method according to claim 1, characterized in that The method further comprises: Using a timing manager to create a program replacement timing service corresponding to the first program information; When the timing time of the program list replacement timing service is reached, the program playback of each rich media carousel component in the rich media playback page is stopped, and the second program list information and the second program list playback template information are obtained; A new rich media playback page is constructed based on the second program play template information, and each program represented by the second program play information is played through the new rich media playback page.

6. A method for controlling a rich media playback page, characterized in that: Applied to the server, the method includes: Displaying a rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area, and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates; After receiving a user's instruction to add a specified rich media carousel component template to the data panel area, displaying the specified rich media carousel component template at a specified position in the preview area of ​​the rich media playback page; After receiving a program setting instruction input by a user for the rich media playback page setting area, setting a program to be played for a corresponding rich media carousel component template in response to the program setting instruction; After the user completes the setting, the set of elements in the rich media playback page setting area is obtained to obtain program play template information, and the identifier of the program to be played in each rich media carousel component template is obtained to obtain program play information; wherein the elements include rich media carousel component templates; The program list information and the program list playback template information are sent to the user end, so that the user end receives the first program list information and the first program list playback template information sent by the server end, and a rich media playback page is constructed using a window parser according to the first program list playback template information, and the first program list information is registered in the current playlist manager, and the corresponding programs are played using each of the rich media carousel components according to the first program list information registered in the current playlist manager; wherein the first program list playback template information represents the interface design style of the rich media playback page, and the first program list information represents the programs played by each rich media carousel component in the rich media playback page and the order in which the programs are played; the rich media playback page includes a rich media carousel component.

7. The method according to claim 6, characterized in that The method further comprises: After receiving an event setting instruction input by a user for the rich media playback page setting area, an event function button is displayed at a specified position of the rich media playback page preview area in response to the event setting instruction, wherein the element further includes an event function button.

8. A rich media playback page control device, characterized in that: Applied to a user terminal, the device comprises: The server-side data receiving module is used to receive first program list information and first program list playing template information sent by the server, wherein the first program list playing template information represents the interface design style of the rich media playing page, and the first program list information represents the programs played by each rich media carousel component in the rich media playing page and the program playing order; A rich media play page construction module, used to construct a rich media play page using a window parser according to the first play list play template information, wherein the rich media play page includes a rich media carousel component; A program list information registration module, used to register the first program list information into the current playlist manager; The rich media carousel component playing module is used to play the corresponding program using each of the rich media carousel components according to the first program list information registered in the current playlist manager.

9. The device according to claim 8, characterized in that The device also includes: A rich media carousel component registration module, used to register each of the rich media carousel components into a rich media carousel component manager using an executor; A hash mapping relationship establishment module is used to establish, for each rich media carousel component, a hash mapping relationship between the rich media carousel component and the program corresponding to the rich media carousel component in the current playlist manager using the rich media carousel component manager; The rich media carousel component playback module is specifically used to: for each rich media carousel component, play the corresponding program in the current playlist manager according to the hash mapping relationship of the rich media carousel component, wherein the current playlist manager records the playback position and playback order of each program.

10. The device according to claim 9, characterized in that The rich media carousel component playback module is further used for: for each rich media carousel component, after the program currently played by the rich media carousel component is finished, query the sequence number of the program currently played by the rich media carousel component in the rich media carousel component manager according to the name of the rich media carousel component to obtain the first sequence number corresponding to the rich media carousel component; for each rich media carousel component, query the current playlist manager for the next program corresponding to the rich media carousel component according to the first sequence number corresponding to the rich media carousel component, and use the rich media carousel component to play the next program corresponding to the rich media carousel component.

11. The device according to claim 9, characterized in that The rich media playback page also includes an event function button; the device also includes: An instruction field generating module, used for generating a target instruction field corresponding to the specified event function button when a trigger instruction for the specified event function button is obtained; A target instruction generation module, used for parsing the target instruction field to obtain a target instruction corresponding to the target instruction field; The target instruction execution module is used to use the executor to send the target instruction to the current playlist manager, and use the current playlist manager to execute the target instruction.

12. The device according to claim 8, characterized in that The device also includes: a program list information update module, which is used to use a timing manager to create a program list change timing service corresponding to the first program list information; when the timing time of the program list change timing service is reached, stop the program playback of each rich media carousel component in the rich media playback page, obtain the second program list information and the second program list playback template information; construct a new rich media playback page based on the second program list playback template information, and play each program represented by the second program list information through the new rich media playback page.

13. A rich media playback page control device, characterized in that: Applied to the server, the device comprises: A setting page display module is used to display a rich media playback page setting page, wherein the rich media playback page setting page includes a data panel area, a rich media playback page preview area and a rich media playback page setting area, and the data panel area includes a plurality of rich media carousel component templates; A first page setting module is used to display the specified rich media carousel component template at a specified position of the rich media playback page preview area after receiving a user's instruction to add the specified rich media carousel component template to the data panel area; A second page setting module is used for setting a program to be played for a corresponding rich media carousel component template in response to a program setting instruction input by a user for the rich media playback page setting area after receiving the program setting instruction input by the user for the rich media playback page setting area; A program list information generation module is used to obtain the set of elements in the setting area of ​​the rich media playback page to obtain program list playback template information after the user setting is completed, and obtain the identifier of the program to be played by each rich media carousel component template to obtain program list information; wherein, the elements include rich media carousel component templates; send the program list information and the program list playback template information to the user end, so that the user end receives the first program list information and the first program list playback template information sent by the server end, build a rich media playback page using a window parser according to the first program list playback template information, register the first program list information in the current playlist manager, and use each of the rich media carousel components to play the corresponding program according to the first program list information registered in the current playlist manager; wherein, the first program list playback template information represents the interface design style of the rich media playback page, and the first program list information represents the programs played by each rich media carousel component in the rich media playback page and the program playback order; the rich media playback page includes a rich media carousel component.

14. The device according to claim 13, characterized in that The device also includes: a third page setting module, which is used to display an event function button at a specified position of the rich media playback page preview area in response to the event setting instruction after receiving an event setting instruction input by a user for the rich media playback page setting area, wherein the element also includes an event function button.

15. An electronic device, characterized in that: It includes a processor, a communication interface, a memory and a communication bus, wherein the processor, the communication interface and the memory communicate with each other through the communication bus; Memory, used to store computer programs; The processor is used to implement the rich media playback page control method described in any one of claims 1-5 or 6-7 when executing the program stored in the memory.

16. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed by the processor, the rich media playback page control method described in any one of claims 1-5 or 6-7 is implemented.

Images