Program production method, program display method and related equipment

Abstract

The application provides a program production method, a program display method and related equipment. The program production method comprises: providing a first page, the first page comprising a plurality of to-be-selected materials, the plurality of to-be-selected materials comprising different contents; in response to a selection instruction for a first target material in the plurality of to-be-selected materials, generating a first preview image in the first page; the first preview image corresponds to the first target material; in response to determining that the first target material is a material in a predetermined format, associating the first target program with the first target material, so that the first target program is displayed when the first target material is triggered. The program display method comprises: displaying the first preview image on a third page; the first preview image corresponds to the first target material; in response to determining that the first target material is a material in a predetermined format, and receiving a triggering operation on the first target material, switching the first preview image to the first target program associated with the first target material on the third page.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of multimedia, and in particular to a program production method, a program display method and related equipment. BACKGROUND

[0002] With the advent of the Internet of Things + 5G era, bank outlets are facing intelligent transformation. Various new marketing methods have brought rich financial products to banks, creating new development opportunities for businesses, and various screens and information publishing systems have been widely used in bank outlets.

[0003] However, the display and interaction content in the current bank self-service environment is single and cannot meet the diversified needs of users. SUMMARY

[0004] Therefore, the present application aims to provide a program production method, a program display method and related equipment.

[0005] To achieve the above purpose, the present application provides a program production method, comprising:

[0006] providing a first page, the first page comprising a plurality of materials to be selected, the plurality of materials to be selected comprising different contents;

[0007] In response to a selection instruction for a first target material in the plurality of materials to be selected, generating a first preview image in the first page; the first preview image corresponds to the first target material;

[0008] In response to determining that the first target material is a material of a predetermined format, associating a first target program with the first target material, so that the first target program is displayed when the first target material is triggered.

[0009] The present application also provides a program display method, comprising:

[0010] displaying a first preview image on a third page; the first preview image corresponds to a first target material;

[0011] In response to determining that the first target material is a material of a predetermined format, and receiving a triggering operation for the first target material, switching and displaying the first preview image as a first target program associated with the first target material on the third page.

[0012] The present application also provides a computer device comprising one or more processors, a memory, and one or more programs, wherein the one or more programs are stored in the memory and executed by the one or more processors, and the programs comprise instructions for executing the program production method or the program display method as described above.

[0013] The embodiment of the present application further provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and capable of running on the processor, wherein the processor implements the program production method or the program display method as described above.

[0014] The embodiment of the present application further provides a non-transitory computer readable storage medium, which stores computer instructions for causing a computer to execute the program production method or the program display method as described above.

[0015] The embodiment of the present application further provides a computer program product, which comprises computer program instructions, and when the computer program instructions run on a computer, the computer program instructions cause the computer to execute the program production method or the program display method as described above.

[0016] From the above description, it can be seen that the program production method provided by the present application realizes dynamic interaction in program display by associating a program with a material in a predetermined format for display, and triggering the program when the material in the predetermined format is displayed, thereby solving the problem of single interaction in a self-service environment in a bank terminal to some extent and improving user interaction experience. BRIEF DESCRIPTION OF DRAWINGS

[0017] In order to more clearly illustrate the technical solutions in the present application or related art, the following will briefly introduce the drawings needed to be used in the embodiments or related art description. Obviously, the drawings in the following description are only embodiments of the present application, and for those skilled in the art, other drawings can also be obtained without creative labor based on these drawings.

[0018] Figure 1 A schematic diagram of an exemplary system provided by the embodiments of the present disclosure is shown.

[0019] Figure 2A A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0020] Figure 2B A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0021] Figure 3A A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0022] Figure 3B A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0023] Figure 3CA schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0024] Figure 3D A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0025] Figure 3E A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0026] Figure 3F A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0027] Figure 3G A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0028] Figure 3H A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0029] Figure 3I A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0030] Figure 3J A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0031] Figure 3K A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0032] Figure 3L A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0033] Figure 3M A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0034] Figure 3N A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0035] Figure 4 A schematic diagram of one exemplary method is shown in accordance with an embodiment of the present disclosure.

[0036] Figure 5 A schematic diagram of another exemplary method is shown in accordance with an embodiment of the present disclosure.

[0037] Figure 6A A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0038] Figure 6B A schematic diagram of one exemplary page is shown in accordance with an embodiment of the present disclosure.

[0039] Figure 7 A hardware structure schematic diagram of an exemplary computer device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0040] For the purposes of the present application, the technical solutions and advantages thereof are more clearly apparent, the present application is further described in detail below with reference to the accompanying drawings and specific embodiments.

[0041] It should be noted that, unless otherwise defined, technical or scientific terms used in the embodiments of the present application should be understood as their common meanings to those of ordinary skill in the art to which the present application pertains. The terms "first", "second", and similar terms used in the embodiments of the present application do not denote any order, quantity, or importance, but are only used to distinguish different components. The terms "include", "contain", and similar terms mean that the elements or objects before the terms encompass the elements or objects listed after the terms and their equivalents, and do not exclude other elements or objects. The terms "connect" or "connected" and similar terms do not mean physical or mechanical connections, but can include electrical connections, whether direct or indirect. The terms "upper", "lower", "left", "right", and the like only represent relative positional relationships, and when the absolute positions of the described objects change, the relative positional relationships can also change accordingly.

[0042] Figure 1 A schematic diagram of an exemplary system 100 provided by an embodiment of the present disclosure is shown.

[0043] As shown in Figure 1 the system 100 can include a first terminal device 102, a server 104, and a second terminal device 106. Optionally, the system 100 can also include a database server 108 for storing data such as materials and programs.

[0044] The first terminal device 102 and the second terminal device 106 can be any terminal device, such as a fixed terminal (e.g., a personal computer) or a mobile terminal (e.g., a notebook computer, a mobile phone, etc.). The server 104 can be a single server device or a server cluster. When implemented as a server cluster, a distributed architecture can be used. Similarly, the database server 108 can be a single server device or a server cluster, and can use a distributed architecture.

[0045] In some embodiments, the system 100 can be applied to a bank self-service environment and the like. As an optional embodiment, the first terminal device 102 can correspond to a front end for a bank staff to make a program to complete the development of an interactive program of a bank-related product (e.g., a financial product or a card product) and the like. The server 104 can complete service deployment based on the developed interactive program of the bank-related product, so as to provide various services of the interactive program to a bank customer side. The second terminal device 106 can correspond to a user end, such as a bank self-service machine and the like, for a user to use the interactive program of the bank-related product developed by the first terminal device 102 through the server 104.

[0046] In the related art, the interactive program in the self-service environment of the bank terminal is mostly static and single, and cannot meet the diversified needs of the user when interacting, and the like. In some scenarios, the needs of the user for understanding the bank-related product cannot be met.

[0047] Based on this, the embodiments of the present application provide a program making method, which associates a program in a displayed material, displays the program when the material is triggered, so as to realize dynamic interaction when the program is displayed, can solve the problem of single interaction in the self-service environment of the bank terminal to a certain extent, and improves the user interactive experience. Meanwhile, the simple multimedia interactive software can be replaced, and the investment of bank labor cost can be reduced.

[0048] In the initial state, a user (e.g., a bank staff) can log in to a bank information publishing system provided by the server 104 by using the first terminal device 102. For example, the user (e.g., a bank staff) can access the bank information publishing system by inputting a corresponding address in a browser of the first terminal device 102, and can log in to the platform by inputting a username and a password. After logging in to the bank information publishing system, the platform can be used to make a required program.

[0049] Figure 2A A schematic diagram of one exemplary page 200 according to an embodiment of the present disclosure is shown.

[0050] As shown in Figure 2A , the bank information publishing system can first provide a page 200 for creating a program, and a user (e.g., a bank staff) can first create various attribute information and the like required by a to-be-generated program in the page 200 after logging in to the bank information publishing system.

[0051] As an optional embodiment, as shown in Figure 2AAs shown, the page 200 can display a program control, and a drop-down menu of the program control can include various sub-controls related to the program, etc. For example, a create program control 202 can be created, and the control can be named as interactive program production, or program production, etc.

[0052] In some embodiments, when the user (e.g., a bank staff) clicks the create program control 202 interactive program production control, the first terminal can provide a window for editing a name and selecting a resolution in the page in response to a triggering instruction for the create program control 202. Figure 2B A schematic diagram of another exemplary page 200 according to an embodiment of the present disclosure is shown. As shown, Figure 2B As shown, when the create program control 202 is triggered, a window 204 can be popped up in the page. Optionally, the window 204 can include a name editing box 206 and a plurality of to-be-selected resolutions 208.

[0053] The name editing box 206 is mainly used for editing the name of the program. The user can fill in the name of the program to be created in the name editing box 206. The name of the program can be named according to the bank-related product (e.g., a financial product or a card product) corresponding to the program, or can be named according to other needs, such as the time of program production, etc.

[0054] The resolution is mainly used for setting the display resolution of the program. The user can determine the target resolution by selecting the resolution. The resolution can include a plurality of resolutions, and the corresponding second terminal playing the program can be adapted. Exemplarily, the resolution can include two resolutions, such as 1920*1080 and 1080*1920. In addition, the user can cancel the selected resolution and reselect the resolution.

[0055] After the name of the program and the resolution are processed by using the window 204, the determination button is clicked, indicating that the name of the program and the resolution are created. The server 104 can receive and store the filled name of the program and the selected resolution of the program, for subsequent generation of the program. Figure 3A A schematic diagram of one exemplary page 300 according to an embodiment of the present disclosure is shown. As shown, Figure 3A As shown, in the first terminal, the page 200 is switched to the page 300 in response to a selection instruction for a target resolution in the plurality of to-be-selected resolutions 208, and the edited name is received.

[0056] Next, the user (e.g., a bank staff) can produce the program in the page 300.

[0057] In some embodiments, as shown, Figure 3AAs shown, the page 300 can include a preview area 302, a plurality of layout options 304, and a plurality of selectable materials 306. The preview area 302 can be understood as a canvas on which a user (e.g., a bank staff) can edit. The plurality of selectable materials 306 can include different contents, such as different display screens, etc. The materials can be multimedia materials, and the format of the materials includes at least one of a picture format and a video format. That is, the materials can be materials in a picture format or materials in a video format. When a user clicks or drags a certain material, a material (i.e., a target material) in the plurality of selectable materials 306 is selected. The target material can generate a preview image in the page 300 directly after being clicked or dragged by the user. The generated preview image corresponds to the selected target material.

[0058] The plurality of layout options 304 can include a plurality of different layouts, such as a layout including only a single material and a layout including a plurality of materials. A user (e.g., a bank staff) can select a target layout option 304 from the plurality of layout options 304. When the user (e.g., a bank staff) selects (e.g., clicks) one of the plurality of layout options 304, the first terminal divides the preview area 302 into at least one sub-area based on the target layout option 304 in response to a selection instruction for the target layout option 304 in the plurality of layout options 304. In this way, when a user selects a certain material, the first preview image 306a is generated in a first target sub-area of the at least one sub-area in response to a selection instruction for a first target material in the plurality of selectable materials 306.

[0059] In some embodiments, the target layout option 304 can be a layout including only a single material. At this time, the preview area 302 can include only one sub-area, and the target sub-area is the sub-area, as shown. Figure 3A A user can click or drag a certain material in the plurality of selectable materials 306 to the only sub-area (i.e., the target sub-area), and a preview image can be generated in the target sub-area. That is, a preview image corresponding to the target material can be generated directly in the only sub-area in the preview area 302.

[0060] In some embodiments, the target layout option 304 can be a layout including a plurality of materials, and the preview area 302 can include a plurality of sub-areas arranged in a mosaic manner, such as two sub-areas, three sub-areas, four sub-areas, or more sub-areas, etc. Figure 3B A schematic diagram of another exemplary page 300 according to embodiments of the present disclosure is shown. For example Figure 3BAs shown, the preview area 302 can include four sub-areas, such as a first sub-area 3022, a second sub-area 3024, a third sub-area 3026, and a fourth sub-area 3028. It should be understood that, Figure 3B The four sub-areas are shown in the middle. The user can click a first target sub-area (i.e., one of the sub-areas) of the plurality of sub-areas, and then click a first target material of the plurality of materials to be selected, or the user can not click a second target sub-area, but directly drag the first target material to the first target sub-area. In response to a selection instruction for the first target material of the plurality of materials to be selected 306, the first terminal generates the first preview image 306a in the first target sub-area of the plurality of sub-areas. Figure 3C .

[0061] In some embodiments, before generating the first preview image 306a in the first target sub-area of the at least one sub-area in response to the selection instruction for the first target material of the plurality of materials to be selected 306, the method further includes: in response to a triggering operation for a first target sub-area of the plurality of sub-areas of the collage setting, switching display of the plurality of sub-areas of the collage setting to the first target sub-area, for example Figure 3F As shown. In this way, when the first target material is added, the first target sub-area of the plurality of sub-areas can be enlarged, which can facilitate better addition of the first target material.

[0062] In some embodiments, before generating the second preview image in the second target sub-area of the plurality of sub-areas in response to the selection instruction for the second target material of the plurality of materials to be selected 306, the method can further include: in response to a touch operation for the first preview image 306a, switching display of the first target sub-area displaying the first preview image 306a to the plurality of sub-areas of the collage setting.

[0063] In response to a triggering operation for a second target sub-area of the plurality of sub-areas of the collage setting, switching display of the plurality of sub-areas of the collage setting to the second target sub-area.

[0064] Next, the user can click a second target sub-area (i.e., one of the remaining sub-areas of the plurality of sub-areas) of the plurality of sub-areas, and then click a second target material of the plurality of materials to be selected; or the user can not click the second target sub-area, but directly drag the second target material to the second target sub-area. In response to a selection instruction for the second target material of the plurality of materials to be selected 306, the first terminal generates a second preview image in the second target sub-area of the plurality of sub-areas. The second preview image corresponds to the second target material.

[0065] It is understandable that the selection of materials and generation of preview images in the operation of the remaining sub-regions in a large number of sub-regions, such as the third sub-region 3026 and the fourth sub-region 3028, can be similar to that of the second sub-region 3024 mentioned above, and will not be repeated here.

[0066] After generating the preview image, users can then add programs to materials in pre-defined formats, such as image files. However, programs cannot be added to materials in non-pre-defined formats, such as video files. Programs can be interactive. In other words, when the material corresponding to the preview image is in image format, programs can be added to that material. Specifically, this can be done by associating programs with materials, such as... Figure 3D As shown, this implements the addition of a program. The program is then displayed when the material is triggered. The following explanation uses a first target material as an example; it should be understood that the operations for associating the second and third target materials with programs to be added are similar. In some embodiments, in response to determining that the first target material is material of a predetermined format, a first target program is associated with the first target material so that the first target program is displayed when the first target material is triggered.

[0067] In some embodiments, the page 300 may further include a program addition button 308, which may be positioned at multiple selectable media 306. Clicking the program addition button 308 provides a window for selecting programs, such as... Figure 3E As shown, after selecting the program to be added in the window, the program to be added can be associated with the material corresponding to the preview image. When the user clicks the program add button 308, the first terminal provides a window 310 for selecting programs in response to the trigger operation of the program add button 308. The window includes multiple programs to be selected 312. Then, the user can click on a program and click the OK button, thus realizing the selection of the target program. Then, the first terminal obtains the target program in response to the selection instruction of the target program among the multiple programs to be selected 312, and associates the target program with the material. It can be understood that for the first target material, in response to the trigger operation of the program add button 308, a window 310 for selecting programs is provided, which includes multiple programs to be selected 312; in response to the selection instruction of the first target program among the multiple programs to be selected 312, the first target program is obtained.

[0068] In some embodiments, a background music control 314 can also be included in the page 300. The background music control 314 can be used to add background music to a target program. A user can click the background music control 314, and the first terminal can associate the background music with the first target program in response to the triggering operation on the background music control 314.

[0069] In some embodiments, a plurality of carousel controls 316 can also be included in the page 300, and the plurality of carousel controls 316 can include different carousel orders. The carousel controls 316 can also include a material button for adding a material. A carousel duration editing box corresponding to each of the plurality of carousel controls 316 can also be included below the plurality of carousel controls 316, and different playing durations can be added to the plurality of materials played in the same layout. When a first target material is added to the preview area 302, the first target material can be generated in the carousel control 316 of the first carousel order in the carousel controls 316, and a default playing duration can be generated in the corresponding carousel duration editing box. A user can also edit the playing duration in the corresponding carousel duration editing box to generate an edited playing duration. For other materials played in the same layout, a user can click the add button at a certain carousel order in the carousel controls 316, and the first terminal can add the other material (e.g., a second target material) at the carousel order and generate a playing duration for the other material (e.g., the second target material).

[0070] That is, in the first terminal, in response to a selection instruction on a target carousel control 316 in the plurality of carousel controls 316, the first target material or the second target material is added in the target carousel control 316, and a duration editing box corresponding to the target carousel control 316 is provided; receiving duration information generated in the duration editing box, and associating the duration information with the first target material or the second target material, so that the target material is displayed according to the duration when displayed.

[0071] In some embodiments, the page 300 can further include a plurality of selectable controls 318 for superimposed display in a preview image (e.g., the first preview image 306a or the second preview image). The plurality of selectable controls 318 can have different formats, such as including a text box format, a material box format, a two-dimensional code format, a webpage format, and a PDF format, etc. For a control of a predetermined format, such as at least one of a text box format, a material box format, a two-dimensional code format, and a PDF format, a corresponding program (e.g., a second target program) can be added to the control of the predetermined format (e.g., a target control of the predetermined format). The program (e.g., the second target program) can be used for display when the control of the predetermined format (e.g., the target control of the predetermined format) is triggered. For a control of a non-predetermined format, such as a webpage format, program addition cannot be performed. However, it can be understood that when the control of the webpage format is triggered, it can jump to the webpage, and the display of the content corresponding to the webpage can be realized.

[0072] When a user triggers a control in the plurality of selectable controls 318, such as clicks the control or drags the control to a drawing preview image (e.g., the first preview image 306a or the second preview image), a selection instruction for a target control in the plurality of selectable controls 318 is performed. In response to the selection instruction for the target control in the plurality of selectable controls 318, the first terminal superimposes and displays the target control in the preview image (e.g., the first preview image 306a or the second preview image). For a target control of a predetermined format, when a user triggers the target control in the preview image (e.g., the first preview image 306a or the second preview image), such as clicks a border of the target control, the first terminal associates a second target program with the target control in response to determining that the target control is of the predetermined format.

[0073] In some embodiments, as shown in FIG. 3B, superimposed display of the target control in the first preview image 306a or the second preview image includes: Figure 3F

[0074] In some embodiments, as shown in FIG. 3B, superimposed display of the target control in the first preview image 306a or the second preview image includes:

[0075] ​In response to a selection instruction for a target placement region of the plurality of placement regions 320, the target control is placed in the target placement region. When selected, a placement region 320 that is convenient for the user to touch in the first preview diagram 306a can be selected.

[0076] In some embodiments, before placing the target control in the target placement region, the size of the target placement region can also be adjusted to adapt the target placement region to the target control. For example, the border of the target placement region can be enlarged or reduced.

[0077] It should be understood that the target control in multiple different formats can be superimposed in the same preview diagram (e.g., the first preview diagram 306a or the second preview diagram), and for each preset format of the control, a corresponding second target program can be associated.

[0078] The determination method of the second target program can be similar to that of the first target program. Specifically, if the user clicks the border of the target control, the first terminal can provide a window 310 for selecting a program in response to a triggering operation for the target control, and the window 310 includes a plurality of programs to be selected 312; and the second target program is obtained in response to a selection instruction for the second target program of the plurality of programs to be selected 312.

[0079] In some embodiments, for the target control 318a in the text box format, the first terminal can also receive and display the text (e.g., characters or numbers, etc.) input in the target control 318a in the text box format. For dynamic text, the cycle and movement direction of the dynamic text can also be received. Specifically, the user can select the border of the text box in the sub-region of the preview region 302, select to add static or dynamic text in the right toolbar of the page 300, and input the text. After inputting the text, the text properties such as text font, font size, font style, alignment, color filling, and background filling can also be selected. For dynamic text, the cycle and movement direction of the dynamic text can also be set. In this way, the first terminal can superimpose and display the text information in the text box in response to the text information input in the target control, as shown in Figure 3G After the target control 318a in the text box format is associated with the second target program, it can be as shown in Figure 3H

[0080] ​In some embodiments, for the target control 318b in the material box format, the first terminal can also receive and display the material (e.g. picture material or video material, etc.) added in the target control 318b in the material box format. Specifically, the user can select the border of the material box in the sub-region of the preview area 302, select a certain material in the right toolbar of the page 300, and add it to the material box. The material box can be dragged to adjust its position, or the material box can be enlarged or reduced by clicking the material box and then stretching the four sides of the material box. The material is displayed in the material box, as shown in Figure 3I When the picture format material is added in the target control 318b in the material box format, the associated second target program can be as shown in Figure 3J

[0081] In some embodiments, for the target control 318c in the two-dimensional code format, the first terminal can also receive and display the two-dimensional code added in the target control 318c in the two-dimensional code format. The two-dimensional code can also be associated with a corresponding second target program. Specifically, the user can select the border of the two-dimensional code control in the sub-region of the preview area 302, change the right toolbar of the page 300 to a plurality of two-dimensional codes to be selected, select a certain two-dimensional code to be added from them, and add it to the two-dimensional code in the sub-region of the preview area 302, as shown in Figure 3K Clicking the two-dimensional code border can add an interactive program to the two-dimensional code, and a pop-up window as shown in Figure 3E is popped up, and the second target program to be associated is selected. After associating the second target program, it can be as shown in Figure 3L

[0082] In some embodiments, for the target control 318d in the PDF format, the first terminal can also receive and display the PDF material added in the target control 318d in the PDF format. Specifically, the user can select the border of the PDF in the sub-region of the preview area 302, change the right toolbar of the page 300 to a plurality of PDF materials to be selected, select a certain PDF material to be added from them, and add it to the target control 318d in the PDF format, as shown in Figure 3M Clicking the two-dimensional code border can add an interactive program to the two-dimensional code, and a pop-up window as shown in Figure 3E is popped up, and the second target program to be associated is selected. After associating the second target program, it can be as shown in Figure 3N

[0083] In some embodiments, when there is no interactive operation within a preset time period during the playing of the program, the previous playing level of the current playing page, i.e. the previous playing page of the current playing page, can be automatically returned. The preset time period can be set according to application requirements.

[0084] In this way, the production of the program for the first target material is completed.​​​

[0085] In some embodiments, the page 300 includes a save control and a preview control, and the user can click the save control to save the finished program. The preview control can also be clicked to preview the program after the program is saved.

[0086] As can be seen from the above embodiments, the system 100 provided by the embodiments of the present disclosure realizes dynamic interaction of programs in a bank self-service environment, can attract bank customers to actively interact, enables the bank customers to understand bank related products (such as financial products or card products) through the interaction process, improves the interaction experience of the bank customers in the self-service environment, and can replace simple multimedia interaction software, thereby reducing the investment in labor costs.

[0087] The embodiments of the present disclosure also provide a program production method. Figure 4 A flowchart of an example method 400 provided by the embodiments of the present disclosure is shown. As shown in the figure, the method 400 can be applied to a first terminal of a bank, and can further include the following steps. Figure 4 Figure 1 In step 402, a first page (for example, as shown in the figure) is provided, and the first page includes a plurality of to-be-selected materials 306, and the plurality of to-be-selected materials 306 include different contents.

[0088] In step 404, in response to a selection instruction for a first target material in the plurality of to-be-selected materials 306, a first preview image 306a (for example, as shown in the figure or as shown in the figure) is generated in the first page; the first preview image 306a corresponds to the first target material. Figure 3A In step 406, in response to a determination that the first target material is a material of a predetermined format, a first target program is associated with the first target material, so that the first target program is displayed when the first target material is triggered.

[0089] Figure 3C In some embodiments, the method 400 can further include that the first page further includes a plurality of to-be-selected controls 318, and the method further includes the following steps. Figure 3F In response to a selection instruction for a target control in the plurality of to-be-selected controls 318, the target control is superimposed and displayed in the first preview image 306a (for example, as shown in the figure or as shown in the figure).

[0090]

[0091]

[0092] Figure 3D Figure 3F

[0093] ​​​​​​​in response to determining that the target control is a control of a predetermined format, associating a second target program with the target control such that the second target program is presented when the target control is triggered (e.g., as shown in Figure 3J , Figure 3L or Figure 3N ).

[0094] In some embodiments, the method 400 further includes:

[0095] providing a second page for creating a program (e.g., as shown in Figure 2A ), the second page including a create program control 202;

[0096] in response to a triggering instruction for the create program control 202, providing a window for editing a name and selecting a resolution, the window including a name edit box 206 and a plurality of to-be-selected resolutions 208;

[0097] in response to a selection instruction for a target resolution of the plurality of to-be-selected resolutions 208, and receiving an edited name, switching the second page to the first page.

[0098] In some embodiments, the method 400 further includes that the first page further includes a preview area 302 and a plurality of layout options 304, and the generating a first preview image 306a in the first page in response to a selection instruction for a first target material of the plurality of to-be-selected materials 306 includes:

[0099] in response to a selection instruction for a target layout option 304 of the plurality of layout options 304, dividing the preview area 302 into at least one sub-area based on the target layout option 304;

[0100] generating the first preview image 306a in a first target sub-area of the at least one sub-area in response to a selection instruction for a first target material of the plurality of to-be-selected materials 306.

[0101] In some embodiments, the method 400 further includes that the at least one sub-area includes a plurality of sub-areas of a mosaic setting (e.g., as shown in Figure 3B ), and the generating the first preview image in the first target sub-area of the at least one sub-area in response to the selection instruction for the first target material of the plurality of to-be-selected materials further includes:

[0102] in response to a triggering operation for a first target sub-area of the plurality of sub-areas of the mosaic setting, switching display of the plurality of sub-areas of the mosaic setting to the first target sub-area.

[0103] In some embodiments, the method further comprises:

[0104] in response to a touch operation on the first preview image, switching display of the first target sub-region displaying the first preview image to display of the plurality of sub-regions in the collage setting;

[0105] in response to a trigger operation on a second target sub-region of the plurality of sub-regions in the collage setting, switching display of the plurality of sub-regions in the collage setting to display of the second target sub-region;

[0106] in response to a selection instruction on a second target material of the plurality of materials to be selected, generating a second preview image in the second target sub-region of the plurality of sub-regions, the second preview image corresponding to the second target material;

[0107] in response to determining that the second target material is a material in a predetermined format, associating a third target program with the second target material, so that the second target material is triggered to display the third target program.

[0108] In some embodiments, the method 400 can further comprise that the first page further comprises a program adding button 308, and the method further comprises determining the first target program or the third target program by:

[0109] in response to a trigger operation on the program adding button 308, providing a window 310 for selecting a program (for example Figure 3E as shown), the window comprising a plurality of programs to be selected 312;

[0110] in response to a selection instruction on a first target program of the plurality of programs to be selected 312 or the third target program, obtaining the first target program or the third target program; and / or

[0111] the method further comprises determining the second target program by:

[0112] in response to a trigger operation on the target control, providing a window 310 for selecting a program, the window comprising a plurality of programs to be selected 312;

[0113] in response to a selection instruction on a second target program of the plurality of programs to be selected 312, obtaining the second target program.

[0114] In some embodiments, the method 400 can further comprise that the first page further comprises a background music control 314, and the method further comprises: in response to a trigger operation on the background music control 314, associating the background music with at least one of the first target program, the second target program and the third target program.

[0115] In some embodiments, the method 400 can further include that the first page further includes a plurality of carousel controls 316, the plurality of carousel controls 316 including different carousel orders; and the method further includes:

[0116] adding the first target material or the second target material in a target carousel control 316 of the plurality of carousel controls 316 and providing a time length editing box corresponding to the target carousel control 316 in response to a selection instruction for the target carousel control 316;

[0117] receiving time length information generated in the time length editing box, associating the time length information with the first target material or the second target material, so that the target material is displayed according to the time length when displayed.

[0118] In some embodiments, the method 400 can further include that at least one of the first target program, the second target program and the third target program includes an interactive program.

[0119] The formats of the plurality of materials to be selected 306 include a picture format and a video format; and the material of the predetermined format is a material of the picture format.

[0120] The formats of the plurality of controls to be selected 318 include a text box format, a material box format, a two-dimensional code format, a webpage format and a PDF format; and the control of the predetermined format includes at least one of a control of the text box format, a control of the material box format, a control of the two-dimensional code format and a control of the PDF format.

[0121] In some embodiments, the method 400 can further include that the superimposed display of the target control in the first preview image 306a includes:

[0122] identifying the content in the first preview image 306a to obtain a background region in the first preview image 306a, and dividing the background region into a plurality of placement regions 320 (as shown in Figure 3F The placement region 320 is used for placing the target control.

[0123] In response to a selection instruction for a target placement region of the plurality of placement regions 320, placing the target control in the target placement region.

[0124] In some embodiments, the method 400 can further include that the placing the target control in the target placement region includes:

[0125] adjusting the size of the target placement region to adapt the target placement region to the target control.

[0126] It should be noted that the method of the embodiments of the present application can be executed by a single device, such as a computer or a server, etc. The method of the embodiments of the present application can also be applied to a distributed scenario, and be completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only execute one or more steps in the method of the embodiments of the present application, and the multiple devices can interact with each other to complete the method.

[0127] It should be noted that some embodiments of the present application have been described. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in a different order and still achieve desirable results. Additionally, the processes depicted in the figures do not necessarily require the particular order shown, or sequential order, to achieve the desired results. In certain implementations, multitasking and parallel processing can be advantageous.

[0128] The embodiments of the present application also provide a program display method. Figure 5 A flowchart of another example method 500 provided by the embodiments of the present disclosure is shown. As shown, the method 500 can be implemented by the second terminal 106 of the system 100, and can further include the following steps. Figure 5 Figure 1 The method 500 can be implemented by the second terminal 106 of the system 100, and can further include the following steps.

[0129] At step 502, a first preview image 306a (for example, a thumbnail image) is displayed on a third page; the first preview image 306a corresponds to a first target material. Figure 6B At step 502, a first preview image 306a (for example, a thumbnail image) is displayed on a third page; the first preview image 306a corresponds to a first target material.

[0130] At step 504, in response to determining that the first target material is a material of a predetermined format and receiving a triggering operation on the first target material, the first preview image 306a is switched and displayed on the third page as a first target program associated with the first target material.

[0131] In some embodiments, the method 500 can further include: before the first preview image 306a is displayed on the third page, the third page further includes a display area, and the method 500 further includes:

[0132] The display area of the third page displays a spliced preview image; the spliced preview image includes at least the first preview image 306a and a second preview image arranged in a spliced manner; the second preview image corresponds to a second target material.

[0133] In response to a touch operation on the first preview image 306a, the spliced preview image of the display area is switched and displayed as the first preview image 306a. In response to a touch operation on the first preview image 306a, the spliced preview image of the display area is switched and displayed as the first preview image 306a.

[0134] In some embodiments, the method 500 can further include: in response to determining that the touch operation is not received within the first preset time length, switching display of the first target program as the first preview image 306a on the third page.

[0135] In response to determining that the touch operation is not received within the second preset time length, switching display of the first preview image 306a as the spliced preview image on the third page.

[0136] In some embodiments, the method 500 can further include: the first preview image 306a includes a target control (for example Figure 6A ) displayed in superposition; and further including, in response to a trigger instruction for the target control, switching display of the first preview image 306a as a second target program associated with the first target control on the third page.

[0137] In some embodiments, the method 500 can further include: displaying a spliced preview image on a display area of the third page; the spliced preview image at least includes the first preview image 306a and a second preview image spliced; the second preview image corresponds to a second target material;

[0138] In response to a touch operation for the second preview image, switching display of the spliced preview image of the display area as the second preview image.

[0139] In some embodiments, the method 500 can further include: in response to determining that the second target material is a material of a predetermined format and receiving a trigger operation for the second target material, switching display of the second preview image as a third target program associated with the second target material on the third page.

[0140] In some embodiments, the method 500 can further include: in response to a trigger operation for the home control 1042 of the second terminal, returning to the third page. By clicking the screen pause / play program on the terminal device, clicking the return button can return to the program list, and the bank customer can select the program to be watched by himself / herself, and in response to determining that there is no interaction within a preset time length, automatically returning to the previous level program.

[0141] It should be noted that the method of the embodiments of the present disclosure can be executed by a single device, such as a computer or a server, etc. The method of the embodiments of the present disclosure can also be applied to a distributed scenario, and be completed by multiple devices cooperating with each other. In the case of such a distributed scenario, one of the multiple devices can only execute one or more steps in the method of the embodiments of the present disclosure, and the multiple devices can interact with each other to complete the method.

[0142] It is noted that some embodiments of the present disclosure have been described. Other embodiments are within the scope of the claims. In some cases, actions or steps recited in the claims can be performed in a different order than that described above and still achieve desirable results. Additionally, the processes depicted in the figures do not necessarily require the particular order shown, or sequential order, to achieve the desired results. In certain implementations, multitasking and parallel processing can be advantageous or necessary.

[0143] The embodiments of the present disclosure also provide a computer device for implementing the above-mentioned method 400 or 500. Figure 7 A hardware structure schematic diagram of an exemplary computer device 600 provided by the embodiments of the present disclosure is shown. The computer device 600 can be used to implement the first terminal of the method 100, the second terminal of the method 200, the server of the method 300, the first terminal of the method 400, the second terminal of the method 500, or the server of the method 600. Figure 1 The computer device 600 can be used to implement the first terminal of the method 100, the second terminal of the method 200, the server of the method 300, the first terminal of the method 400, the second terminal of the method 500, or the server of the method 600. Figure 1 The computer device 600 can be used to implement the first terminal of the method 100, the second terminal of the method 200, the server of the method 300, the first terminal of the method 400, the second terminal of the method 500, or the server of the method 600. Figure 1 The computer device 600 can be used to implement the first terminal of the method 100, the second terminal of the method 200, the server of the method 300, the first terminal of the method 400, the second terminal of the method 500, or the server of the method 600.

[0144] As shown in Figure 7 , the computer device 600 can include a processor 602, a memory 604, a network module 606, a peripheral interface 608, and a bus 610. Among them, the processor 602, the memory 604, the network module 606, and the peripheral interface 608 are connected to each other through the bus 610 for internal communication connection in the computer device 600.

[0145] The processor 602 can be a central processing unit (CPU), an image processor, a neural network processor (NPU), a microcontroller (MCU), a programmable logic device, a digital signal processor (DSP), an application specific integrated circuit (ASIC), or one or more integrated circuits. The processor 602 can be used to perform functions related to the techniques described in the present disclosure. In some embodiments, the processor 602 can also include multiple processors integrated as a single logical component. For example, as shown in Figure 7 , the processor 602 can include multiple processors 602a, 602b, and 602c.

[0146] The memory 604 can be configured to store data (e.g., instructions, computer code, etc.). As Figure 7As shown, the data stored by the memory 604 can include program instructions (e.g., program instructions for implementing the method of detecting frame rate of the embodiments of the present disclosure) and data to be processed (e.g., the memory can store configuration files of other modules, etc.). The processor 602 can also access the program instructions and data stored by the memory 604, and execute the program instructions to operate on the data to be processed. The memory 604 can include volatile storage or non-volatile storage. In some embodiments, the memory 604 can include random access memory (RAM), read only memory (ROM), optical disk, magnetic disk, hard disk, solid state disk (SSD), flash memory, memory stick, etc.

[0147] The network interface 606 can be configured to provide communication with other external devices to the computer device 600 via a network. The network can be any wired or wireless network capable of transmitting and receiving data. For example, the network can be a wired network, a local wireless network (e.g., Bluetooth, WiFi, near field communication (NFC), etc.), a cellular network, the Internet, or a combination thereof. It can be understood that the type of network is not limited to the specific examples described above.

[0148] The peripheral interface 608 can be configured to connect the computer device 600 with one or more peripheral devices to achieve information input and output. For example, the peripheral devices can include input devices such as a keyboard, a mouse, a touchpad, a touch screen, a microphone, various sensors, etc., and output devices such as a display, a speaker, a vibrator, an indicator light, etc.

[0149] The bus 610 can be configured to transmit information between various components (e.g., the processor 602, the memory 604, the network interface 606, and the peripheral interface 608) of the computer device 600, such as an internal bus (e.g., a processor-memory bus), an external bus (a USB port, a PCI-E bus), etc.

[0150] It should be noted that although the architecture of the computer device 600 described above only shows the processor 602, the memory 604, the network interface 606, the peripheral interface 608, and the bus 610, in the specific implementation process, the architecture of the computer device 600 can also include other components necessary for normal operation. In addition, those skilled in the art can understand that the architecture of the computer device 600 described above can also only include components necessary for implementing the embodiments of the present disclosure, and does not necessarily include all the components shown in the figure.

[0151] Based on the same inventive concept, the present disclosure also provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to execute the method 400 or 500 of any of the above embodiments.

[0152] The computer readable medium of the embodiments can include permanent and non-permanent, removable and non-removable media, which can be implemented by any method or technology to store information. The information can be computer readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassette, magnetic tape, magnetic disk storage or other magnetic storage device, or any other non-transmission medium that can be used to store information accessible by a computing device.

[0153] The computer instructions stored in the storage medium of the above embodiments are used to make the computer execute the method 400 or 500 as described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which are not repeated here.

[0154] Based on the same inventive concept, the disclosure also provides a computer program product corresponding to the method 400 or 500 of any of the above embodiments, which includes a computer program. In some embodiments, the computer program is executable by one or more processors to make the processor execute the method 400 or 500. The processor executing the corresponding steps in the corresponding method 400 or 500 embodiments can be the processor belonging to the corresponding execution subject.

[0155] The computer program product of the above embodiments is used to make the processor execute the method 400 or 500 as described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which are not repeated here.

[0156] Those skilled in the art should understand that the discussion of any of the above embodiments is only exemplary and is not intended to imply that the scope of the disclosure (including claims) is limited to these examples; under the idea of the disclosure, the above embodiments or technical features between different embodiments can also be combined, the steps can be implemented in any order, and there are many other changes of different aspects of the embodiments of the disclosure as described above. In order to be brief, they are not provided in detail.

[0157] Additionally, to simplify the description and discussion, and so as not to obscure the embodiments of the disclosure with details that are well known to those skilled in the art, some conventional attributes of integrated circuit (IC) chips and other components can or can not be shown in the drawings or discussed below. Furthermore, devices can be shown in block diagram form in order to avoid obscuring the embodiments of the disclosure, and this also acknowledges the fact that the details in regard to how such block devices are implemented are highly dependent on the platform within which an embodiment of the disclosure is being implemented (i.e., such details should be completely evident to those skilled in the art). Where specific details are set forth in order to describe an illustrative embodiment of the disclosure, it will be apparent to one skilled in the art that the embodiment of the disclosure can be practiced without, or with variations of, these specific details. Thus, the description is to be considered as illustrative and not restrictive, and the scope of the disclosure is to be determined not with the assistance of the foregoing description alone.

[0158] While the disclosure has been described in connection with specific embodiments thereof, many alternatives, modifications and variations will be apparent to those skilled in the art in light of the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) can use the embodiments discussed.

[0159] Embodiments of the disclosure are intended to cover all such alternatives, modifications and variations as falling within the scope of the appended claims. Accordingly, any omission, modification, equivalent replacement, improvement, etc. made within the spirit and principle of the embodiments of the disclosure should be included in the protection scope of the disclosure.

Claims

1. A production method characterized by comprising: The program is an interactive program; The program production method comprises: providing a first page, the first page comprising a plurality of materials to be selected, the plurality of materials to be selected comprising different contents; in response to a selection instruction for a first target material in the plurality of materials to be selected, generating a first preview image in the first page; the first preview image corresponds to the first target material; in response to determining that the first target material is a material of a predetermined format, associating a first target program with the first target material, so that the first target program is displayed when the first target material is triggered; The first page further comprises a preview area and a plurality of layout options, and the first preview image is generated in the first page in response to the selection instruction for the first target material in the plurality of materials to be selected, comprising: in response to a selection instruction for a target layout option in the plurality of layout options, dividing the preview area into at least one sub-region based on the target layout option; in response to a selection instruction for a first target material in the plurality of materials to be selected, generating the first preview image in a first target sub-region of the at least one sub-region; The at least one sub-region comprises a plurality of sub-regions arranged in a mosaic manner; and before the first preview image is generated in the first target sub-region of the at least one sub-region in response to the selection instruction for the first target material in the plurality of materials to be selected, the method further comprises: in response to a trigger operation for a first target sub-region in the plurality of sub-regions arranged in a mosaic manner, switching the plurality of sub-regions arranged in a mosaic manner to display the first target sub-region; in response to a touch operation on the first preview image, switching the first target sub-region to display the plurality of sub-regions arranged in a mosaic manner; in response to a trigger operation for a second target sub-region in the plurality of sub-regions arranged in a mosaic manner, switching the plurality of sub-regions arranged in a mosaic manner to display the second target sub-region; in response to a selection instruction for a second target material in the plurality of materials to be selected, generating a second preview image in a second target sub-region of the plurality of sub-regions, the second preview image corresponding to the second target material; in response to determining that the second target material is a material of a predetermined format, associating a third target program with the second target material, so that the third target program is displayed when the second target material is triggered; The first page further comprises a plurality of carousel controls, and the plurality of carousel controls comprise different carousel orders; the method further comprises: in response to a selection instruction for a target carousel control in the plurality of carousel controls, adding the first target material or the second target material in the target carousel control, and providing a time length editing box corresponding to the target carousel control; receiving time length information generated in the time length editing box, associating the time length information with the first target material or the second target material, so that the first target material or the second target material is displayed according to the time length when displayed.

2. The program production method according to Claim 1, characterized by, The first page further comprises a plurality of to-be-selected controls, and the method further comprises: in response to a selection instruction for a target control in the plurality of to-be-selected controls, superimposedly displaying the target control in the first preview image; in response to determining that the target control is a control of a predetermined format, associating a second target program with the target control, so that the target control displays the second target program when triggered.

3. The program creating method according to Claim 1, wherein The method further comprises: providing a second page for creating a program, the second page comprising a create program control; in response to a trigger instruction for the create program control, providing a window for editing a name and selecting a resolution, the window comprising a name editing box and a plurality of to-be-selected resolutions; in response to a selection instruction for a target resolution in the plurality of to-be-selected resolutions and receiving the edited name, switching the second page to the first page.

4. The program creating method according to Claim 1, characterized by, The first page further comprises a program adding button, and the method further comprises determining the first target program or the third target program by: in response to a trigger operation for the program adding button, providing a window for selecting a program, the window comprising a plurality of to-be-selected programs; in response to a selection instruction for a first target program or the third target program in the plurality of to-be-selected programs, obtaining the first target program or the third target program; and / or The method further comprises determining a second target program by: in response to a trigger operation for a target control of a predetermined format, providing a window for selecting a program, the window comprising a plurality of to-be-selected programs; in response to a selection instruction for a second target program in the plurality of to-be-selected programs, obtaining the second target program.

5. The program creating method according to Claim 1, wherein The first page further comprises a background music control, and the method further comprises: in response to a trigger operation for the background music control, associating the background music with at least one of the first target program, the second target program and the third target program.

6. The program creating method according to Claim 1, wherein At least one of the first target program, the second target program and the third target program comprises an interactive program; The format of the plurality of to-be-selected materials comprises a picture format and a video format; the material of the predetermined format is a material of the picture format; The format of the plurality of to-be-selected controls comprises a text box format, a material box format, a two-dimensional code format, a web page format and a PDF format; the control of the predetermined format comprises at least one of a control of the text box format, a control of the material box format, a control of the two-dimensional code format and a control of the PDF format.

7. The program production method according to Claim 2, characterized by, The superimposedly displaying the target control in the first preview image comprises: identifying the content in the first preview image to obtain a background area in the first preview image, and dividing the background area into a plurality of placement areas; the placement area is used for placing the target control; in response to a selection instruction for a target placement area in the plurality of placement areas, placing the target control in the target placement area.

8. The program creating method according to Claim 7, wherein The placing the target control in the target placement area comprises: Adjust a size of the target placement area to adapt the target placement area to the target control.

9. A program presenting method characterized by comprising: The program is obtained by using the program production method in any one of claims 1 to 8; and the program display method comprises: displaying a first preview image on the third page; the first preview image corresponds to a first target material; in response to determining that the first target material is a material in a predetermined format and receiving a trigger operation for the first target material, switching the first preview image to a first target program associated with the first target material on the third page; the third page comprises a display area, and before displaying the first preview image on the third page, the method further comprises: displaying a spliced preview image in the display area on the third page; the spliced preview image comprises at least the first preview image and a second preview image spliced together; the second preview image corresponds to a second target material; in response to a touch operation for the first preview image, switching the spliced preview image in the display area to the first preview image.

10. The program presenting method of Claim 9, wherein, Further comprising: in response to determining that no touch operation is received within a first preset time period, switching the first target program to the first preview image on the third page; in response to determining that no touch operation is received within a second preset time period, switching the first preview image to the spliced preview image on the third page. 11.A computer device, comprising one or more processors, a memory, and one or more programs, wherein the one or more programs are stored in the memory and executed by the one or more processors, and the programs comprise instructions for performing the method according to any one of claims 1-8 or the method according to any one of claims 9-10. 12.A non-transitory computer-readable storage medium containing a computer program, which when executed by one or more processors, causes the processors to perform the method according to any one of claims 1-8 or the method according to any one of claims 9-10.

Images