Integrated multimedia broadcasting method, device, equipment and medium

Abstract

The invention provides an integrated multimedia broadcasting method and device, equipment and a medium. The method comprises the following steps: setting a theme interface; setting a transparent DIV mask layer on the theme interface, and cutting the transparent DIV mask layer to form a plurality of coordinates; according to the theme interface, combining a plurality of coordinates contained in a set position in the theme interface into a coordinate set; associating the multimedia with the coordinate sets, and performing touch response setting on each coordinate set; integrating the native view container, the video playing container and the webview container into a terminal; when a playing requirement is received, judging the type of a playing source, calling a corresponding container to complete playing, returning to a theme interface after the playing is completed, and waiting for next triggering; the videos and the pictures of the same theme are integrated together, and a user can click on a theme interface to obtain required information, so that theme propaganda is more centralized.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to an integrated multimedia broadcasting method, device, equipment and medium. Background Art

[0002] Every year, banks participate in various large-scale exhibitions to showcase their latest application results in various aspects, enhance their social influence and strengthen their competitiveness. The results show a large number of digital financial product promotions. In order to promote products more comprehensively and fully, we designed product posters, advertising videos, product feature introductions and other exhibition videos, and produced product demonstrations for the audience to experience. These multimedia forms vary, some in the form of static images, some in the form of videos, and some in the form of applications.

[0003] Different multimedia presentation forms require different playback carriers, which means that they need to be deployed on multiple terminals. Even if they can be deployed on the same terminal, they must consider the frequent switching between different playback carriers, whether they are compatible with each other, the difficulty of operation, and even the poor experience. This leads to two disadvantages: First, the cost increases. More terminal deployment means an increase in exhibition costs. For the requirements of rapid listing and rapid implementation of multimedia deployment, decentralized deployment means more application development and operation and maintenance costs; second, it cannot form thematic publicity. Decentralized multimedia deployment is very difficult to achieve thematic publicity, and for ordinary audiences, decentralized information sources increase the difficulty of understanding a product and affect the publicity effect. Therefore, it is necessary to achieve universal and integrated multimedia exhibition. Summary of the invention

[0004] The technical problem to be solved by the present invention is to provide an integrated multimedia exhibition method, device, equipment and medium, which integrates multimedia such as videos, pictures and applications corresponding to a display project. Users can click on the theme interface to obtain the required information, making the theme promotion more centralized.

[0005] In a first aspect, the present invention provides a method comprising:

[0006] Step 1: Set the theme interface;

[0007] Step 2: setting a transparent DIV mask layer on the theme interface, and cutting the transparent DIV mask layer to form multiple coordinates;

[0008] Step 3: According to the theme interface, multiple coordinates included in the set position in the theme interface are combined into a coordinate set; multimedia is associated with the coordinate set, and touch response settings are performed for each coordinate set;

[0009] Step 4: Integrate the native view container, video playback container, and webview container into a terminal; when a playback request is received, determine the playback source type, call the corresponding container to complete the playback, and return to the theme interface after completion, waiting for the next trigger.

[0010] In a second aspect, the present invention provides a device, comprising: a theme module, setting a theme interface;

[0011] A cutting module, which sets a transparent DIV mask layer on the theme interface and cuts the transparent DIV mask layer to form multiple coordinates;

[0012] The association response module combines multiple coordinates contained in the set position in the theme interface into a coordinate set according to the theme interface; associates the multimedia with the coordinate set, and sets touch response for each coordinate set;

[0013] The playback module integrates the native view container, video playback container, and webview container into a terminal; when a playback request is received, the playback source type is determined, and the corresponding container is called to complete the playback. After completion, the theme interface is returned to wait for the next trigger.

[0014] In a third aspect, the present invention provides an electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method described in the first aspect when executing the program.

[0015] In a fourth aspect, the present invention provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method described in the first aspect.

[0016] One or more technical solutions provided in the embodiments of the present invention have at least the following technical effects or advantages:

[0017] The present invention can well integrate different display multimedia types of a product on a terminal screen in the form of a coordinate set. Under the premise of following a unified display theme, each single multimedia can be freely designed and used, and an easy-to-understand logical association relationship can be formed between the multimedia according to the needs of publicity and planning. The present invention can be widely used in various types of achievement exhibitions and exhibition halls of government agencies.

[0018] The above description is only an overview of the technical solution of the present invention. In order to more clearly understand the technical means of the present invention, it can be implemented according to the contents of the specification. In order to make the above and other purposes, features and advantages of the present invention more obvious and easy to understand, the specific implementation methods of the present invention are listed below. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The present invention will be further described below in conjunction with embodiments with reference to the accompanying drawings.

[0020] Figure 1 A poster schematic diagram of the present invention;

[0021] Figure 2 It is a schematic diagram of the carousel of the present invention;

[0022] Figure 3 It is a schematic diagram of the mask layer and the theme interface view container of the present invention;

[0023] Figure 4 It is a marked schematic diagram of the present invention;

[0024] Figure 5 A schematic diagram of the triggering area of ​​the present invention;

[0025] Figure 6 It is a schematic diagram of the index of the present invention;

[0026] Figure 7 It is a playback flow chart of the present invention;

[0027] Figure 8 is a flow chart of the method in Embodiment 1 of the present invention;

[0028] Fig. 9 It is a schematic diagram of the structure of the device in the second embodiment of the present invention. DETAILED DESCRIPTION

[0029] The technical solution in the embodiment of the present application has the following general idea:

[0030] like Figure 1 As shown, the present invention uses the main poster of the product as the main interface to integrate various types of multimedia exhibitions of the product. The main poster that is flexibly designed in combination with the characteristics of the financial product is used as the main interface for the promotion and display of the financial product. The focus area is accurately located and the multimedia content is bound by means of grid coordinates. A connection is established between the designated focus area and the specific multimedia. Various multimedia exhibition carriers are integrated at the same time, and various types of multimedia exhibitions are integrated into one terminal. In this way, the audience can browse various product information in one place, and can also click on any focus in the poster to watch and experience on demand according to prompts or their own needs. The exhibition mode integrated in a grid manner is called the on-demand mode.

[0031] like Figure 2 As shown, the present invention also supports free switching between on-demand mode and automatic carousel mode. In the carousel mode, images and videos are automatically played in sequence by default, and free switching of multimedia content is achieved through the thumbnail menu.

[0032] The implementation of a grid-based integrated multimedia broadcast solution mainly consists of the following steps:

[0033] First, save all multimedia content that needs to be displayed on a terminal to the terminal's specified directory uni_save, and then implement integration as follows:

[0034] (1) Set the theme interface.

[0035] (1) First, the Android native view container is called as the theme interface display carrier. The program finds the specified image file in the uni_save directory according to the set information and establishes an association.

[0036] (2) The program reads the length and width of the terminal device screen, adapts the length and width of the view container to the terminal screen, and then displays the image on the view container.

[0037]

[0038]

[0039] (2) Positioning by coordinate set method.

[0040] (1) Figure 3 As shown, a transparent DIV mask layer is set on the theme interface view container, and the mask layer completely covers the theme interface image. Subsequent integrated operations are based on the mask layer.

[0041] (2) Grid the mask layer into many cells of fixed size (the cell size can be adjusted to achieve more accurate positioning based on the actual needs of the theme interface content), and then assign a unique coordinate parameter to each cell to locate the cell position. The main code is as follows:

[0042]

[0043] like Figure 4 As shown, the coordinates of the position of "1" can be marked as (11,4), (12,4), (13,4), (11,5), (12,5), (13,5), and the coordinates of the position of "2" can be marked as (14,7), (15,7), (16,7).

[0044] (iii) Multimedia association and touch response.

[0045] (1) Combining coordinate positions into a coordinate set. As can be seen from the above, locating a position requires a combination of one or more coordinates. We combine these coordinates into a coordinate set to uniquely mark a location.

[0046] (2) Establish an association between the coordinate set and multimedia. We establish a one-to-one association between the multimedia files stored in the uni_save directory and the corresponding parameter set. Each parameter set is uniquely associated with a multimedia file. When the target multimedia is an Internet application, establish an association between the coordinate set and the Internet application access address. For example: There is an "a.mp4" video file in the uni_save directory, which is associated with the "1" position in the theme interface. The main association code is as follows:

[0047]

[0048] (3) Figure 5 As shown, trigger locking. When the audience touches any point on the terminal screen, the program listens for and responds to the audience's touch event. Each response uniquely locks the first responding cell to avoid multiple cells responding at the same time, such as Figure 5 As shown, when the "touch point" is triggered, the program monitors the (x1, y1) area that responds first and locks it. At that time, other areas covered by the "touch point" will no longer respond.

[0049] (4) Figure 6 As shown, the playback source index. The program identifies the cell coordinate parameters that trigger the response, and performs playback source indexing on the coordinate parameters and the multimedia association relationship described in step (2). When a match is successful, the specified multimedia playback source is returned.

[0050] (IV) Integrated playback.

[0051] (1) Figure 7 As shown, the Android native view container, video playback container, and webview container are integrated into an application terminal.

[0052] (2) When a playback request is received, the program determines the playback source type, calls the corresponding playback component of the integrated player to complete the playback, and returns to the theme interface after completion, waiting for the next trigger. For example: when the trigger multimedia type is mp4, the program calls the video playback component in the integrated player.

[0053] (V) Playback mode switching

[0054] The program defaults to on-demand mode. In on-demand mode, the terminal screen displays a static image by default. When automatic multimedia playback is required, it can be switched to carousel mode. At this time, the program directly calls the integrated player to achieve automatic sequential playback and provides thumbnails for content selection.

[0055] Embodiment 1

[0056] like Figure 8 As shown, this embodiment provides an integrated multimedia display method, which is characterized by comprising:

[0057] Step 1: First, call the Android native view container as the theme interface display carrier, find the specified image file in the uni_save directory according to the settings and establish an association; read the length and width of the terminal device screen, adapt the length and width of the view container to the length and width of the terminal screen, and then display the image on the view container;

[0058] Step 2: a transparent DIV mask layer is set on the theme interface view container, the transparent DIV mask layer completely covers the theme interface, the transparent DIV mask layer is gridded and divided into a plurality of cells, and each cell is assigned a unique coordinate parameter for locating the cell position;

[0059] Step 3: According to the theme interface, multiple coordinates included in the set position in the theme interface are combined into a coordinate set, and the coordinate set is used to mark a position information;

[0060] Establish a one-to-one association relationship between the multimedia stored in the uni_save directory and the corresponding coordinate set, and each coordinate set is associated with one multimedia. When the multimedia is an Internet application, establish an association relationship between the coordinate set and the Internet application access address; set the monitoring touch event to correspond to each coordinate, lock a coordinate each time when responding, and obtain the corresponding coordinate set according to the coordinate; identify the coordinate that triggers the response, correspond the coordinate to the coordinate set, and obtain the associated multimedia according to the coordinate set;

[0061] Step 4: Integrate the native view container, video playback container, and webview container into a terminal; when a playback request is received, determine the playback source type, call the corresponding container to complete the playback, and return to the theme interface after completion, waiting for the next trigger.

[0062] Based on the same inventive concept, the present application also provides a device corresponding to the method in Example 1, see Example 2 for details.

[0063] Embodiment 2

[0064] like Fig. 9 As shown, in this embodiment, an integrated multimedia display device is provided, which is characterized by comprising:

[0065] The theme module first calls the Android native view container as the theme interface display carrier, finds the specified image file in the uni_save directory according to the settings and establishes an association; reads the length and width of the terminal device screen, adapts the length and width of the view container to the length and width of the terminal screen, and then displays the image on the view container;

[0066] The cutting module sets a transparent DIV mask layer on the theme interface view container, wherein the transparent DIV mask layer completely covers the theme interface, grids the transparent DIV mask layer into a plurality of cells, and assigns a unique coordinate parameter to each cell for locating the cell position;

[0067] The association response module combines multiple coordinates contained in the set position in the subject interface into a coordinate set according to the subject interface, and the coordinate set is used to mark a position information;

[0068] Establish a one-to-one association relationship between the multimedia stored in the uni_save directory and the corresponding coordinate set, and each coordinate set is associated with one multimedia. When the multimedia is an Internet application, establish an association relationship between the coordinate set and the Internet application access address; set the monitoring touch event to correspond to each coordinate, lock a coordinate each time when responding, and obtain the corresponding coordinate set according to the coordinate; identify the coordinate that triggers the response, correspond the coordinate to the coordinate set, and obtain the associated multimedia according to the coordinate set;

[0069] The playback module integrates the native view container, video playback container, and webview container into a terminal; when a playback request is received, the playback source type is determined, and the corresponding container is called to complete the playback. After completion, the theme interface is returned to wait for the next trigger.

[0070] Since the device introduced in the second embodiment of the present invention is a device used to implement the method of the first embodiment of the present invention, those skilled in the art can understand the specific structure and deformation of the device based on the method introduced in the first embodiment of the present invention, so it is not described here in detail. All devices used in the method of the first embodiment of the present invention belong to the scope of protection of the present invention.

[0071] Based on the same inventive concept, the present application provides an electronic device embodiment corresponding to the first embodiment, see the third embodiment for details.

[0072] Embodiment 3

[0073] This embodiment provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, any implementation method in the first embodiment can be implemented.

[0074] Since the electronic device introduced in this embodiment is a device used to implement the method in the first embodiment of the present application, based on the method introduced in the first embodiment of the present application, a person skilled in the art can understand the specific implementation of the electronic device of the present embodiment and its various variations, so how the electronic device implements the method in the embodiment of the present application is not described in detail here. As long as a person skilled in the art implements the device used by the method in the embodiment of the present application, it belongs to the scope of protection of the present application.

[0075] Based on the same inventive concept, the present application provides a storage medium corresponding to the first embodiment, see the fourth embodiment for details.

[0076] Embodiment 4

[0077] This embodiment provides a computer-readable storage medium on which a computer program is stored. When the computer program is executed by a processor, any implementation method in the first embodiment can be implemented.

[0078] Those skilled in the art will appreciate that embodiments of the present invention may be provided as methods, systems, or computer program products. Therefore, the present invention may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0079] The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each process and / or block in the flowchart and / or block diagram, as well as the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0080] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0081] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0082] Although the specific implementation modes of the present invention are described above, those skilled in the art should understand that the specific implementation modes described are only illustrative and are not intended to limit the scope of the present invention. Equivalent modifications and changes made by those skilled in the art in accordance with the spirit of the present invention should be included in the scope of protection of the claims of the present invention.

Claims

1. An integrated multimedia broadcasting method, characterized in that: include: Step 1: Set the theme interface; Step 2: setting a transparent DIV mask layer on the theme interface, and cutting the transparent DIV mask layer to form multiple coordinates; Step 3: According to the theme interface, multiple coordinates included in the set position in the theme interface are combined into a coordinate set; multimedia is associated with the coordinate set, and touch response settings are performed for each coordinate set; Step 4: Integrate the native view container, video playback container, and webview container into a terminal; when a playback request is received, determine the playback source type, call the corresponding container to complete the playback, and return to the theme interface after completion, waiting for the next trigger.

2. The integrated multimedia broadcasting method according to claim 1, characterized in that: The step 1 is specifically as follows: first, call the Android native view container as the theme interface display carrier, find the specified image file in the uni_save directory according to the settings and establish an association; read the length and width of the terminal device screen, adapt the length and width of the view container to the length and width of the terminal screen, and then display the image on the view container.

3. The integrated multimedia broadcasting method according to claim 1, characterized in that: The step 2 is specifically as follows: a transparent DIV mask layer is set on the theme interface view container, the transparent DIV mask layer completely covers the theme interface, the transparent DIV mask layer is gridded and divided into multiple cells, and each cell is assigned a unique coordinate parameter for locating the cell position.

4. The integrated multimedia broadcasting method according to claim 1, characterized in that: The step 3 specifically includes: according to the theme interface, combining multiple coordinates included in the set position in the theme interface into a coordinate set, wherein the coordinate set is used to mark a position information; Establish a one-to-one association relationship between the multimedia stored in the uni_save directory and the corresponding coordinate set. Each coordinate set is associated with one multimedia. When the multimedia is an Internet application, establish an association relationship between the coordinate set and the Internet application access address. Set the touch event listener to correspond to each coordinate, lock a coordinate each time it responds, and obtain the corresponding coordinate set based on the coordinate; The coordinates triggering the response are identified, the coordinates are mapped to a coordinate set, and the associated multimedia is obtained according to the coordinate set.

5. An integrated multimedia display device, characterized in that: include: Theme module, set the theme interface; A cutting module, which sets a transparent DIV mask layer on the theme interface and cuts the transparent DIV mask layer to form multiple coordinates; The association response module combines multiple coordinates contained in the set position in the theme interface into a coordinate set according to the theme interface; associates the multimedia with the coordinate set, and sets the touch response for each coordinate set; The playback module integrates the native view container, video playback container, and webview container into a terminal; when a playback request is received, the playback source type is determined, and the corresponding container is called to complete the playback. After completion, the theme interface is returned to wait for the next trigger.

6. The integrated multimedia display device according to claim 5, characterized in that: The theme module specifically includes: first calling the Android native view container as the theme interface display carrier, finding the specified image file in the uni_save directory according to the settings and establishing an association; reading the length and width of the terminal device screen, adapting the length and width of the view container to the length and width of the terminal screen, and then displaying the image on the view container.

7. The integrated multimedia display device according to claim 5, characterized in that: The cutting module specifically includes: setting a transparent DIV mask layer on the theme interface view container, the transparent DIV mask layer completely covers the theme interface, gridding the transparent DIV mask layer into multiple cells, and then assigning a unique coordinate parameter to each cell to locate the cell position.

8. The integrated multimedia display device according to claim 5, characterized in that: The association response module specifically comprises: according to the subject interface, combining multiple coordinates included in the set position in the subject interface into a coordinate set, wherein the coordinate set is used to mark a position information; Establish a one-to-one association relationship between the multimedia stored in the uni_save directory and the corresponding coordinate set. Each coordinate set is associated with one multimedia. When the multimedia is an Internet application, establish an association relationship between the coordinate set and the Internet application access address. Set the touch event listener to correspond to each coordinate, lock a coordinate each time it responds, and obtain the corresponding coordinate set based on the coordinate; The coordinates triggering the response are identified, the coordinates are mapped to a coordinate set, and the associated multimedia is obtained according to the coordinate set.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, the method according to any one of claims 1 to 4 is implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 4 is implemented.

Images