A page display method, system, electronic device and storage medium

Abstract

The present application relates to a page display method, system, electronic device and storage medium, wherein the page display method comprises: obtaining a video file generated by the terminal device, and displaying the video file in a video display interface in the display area; obtaining business display information generated by the terminal device, and displaying the business display information in a business display interface in the display area; wherein the business display interface is covered above the video display interface. Through the present application, the problem of low page display loading efficiency in the related art is solved, and the visual and efficient display of low-performance terminal display devices is realized.

Description

Technical Field

[0001] The present application relates to the field of visualization, and in particular to a page display method, system, electronic device and storage medium. Background Art

[0002] In order to meet the needs of animation demonstration and human-computer interaction of visualization display effects, the existing visualization front-end special effects technology needs to continuously improve the front-end computing power, and the hardware requirements for computers accessing the page are also constantly increasing.

[0003] In related technologies, the display effect of data visualization is ensured by developing collaborative storage, calculation and drawing of data. However, due to the slow update of some hardware devices, when using general technologies for front-end visualization, it is easy to experience freezes and blanks, low loading efficiency and poor user experience.

[0004] With regard to the problem of low efficiency of page display loading in related technologies, no effective solution has been proposed yet. Summary of the invention

[0005] In this embodiment, a page display method, system, electronic device and storage medium are provided to solve the problem of low page display loading efficiency in the related art.

[0006] In a first aspect, a page display method is provided in this embodiment, characterized in that it is applied to a terminal device, the terminal device includes a display area; the method includes:

[0007] Acquire a video file generated by the terminal device, and display the video file on a video display interface in the display area;

[0008] The service display information generated by the terminal device is obtained, and the service display information is displayed on a service display interface in the display area; wherein the service display interface is covered above the video display interface.

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

[0010] Acquire the interactive information generated by the terminal device, and display the interactive information on the operation interface in the display area;

[0011] Among them, the operation interface is overlaid on top of the business display interface; or, when the operation interface detects that the business display interface is missing, it is overlaid on top of the video display interface; the interactive information includes a first display form and a second display form, the first display form matches the first loading time for the video file or the business display information, the second display form matches the second loading time for the video file or the business display information, and the first loading time is greater than the second loading time.

[0012] In some embodiments, the video display interface for displaying the video file in the display area includes:

[0013] When a first touch operation on the video display interface is detected, or when a second touch operation on the interactive information is detected, the video file is displayed on the video display interface.

[0014] In some of the embodiments, displaying the business display information on the business display interface in the display area includes:

[0015] Detecting a playback completion signal for playing the video file;

[0016] directly displaying the service display information on the service display interface when the playback completion signal is detected; or,

[0017] When the playback completion signal is detected, a third touch operation on the interactive information is detected, and the business display information is displayed on the business display interface in response to the third touch operation.

[0018] In some of the embodiments, after displaying the interactive information on the operation interface in the display area, the method includes:

[0019] After detecting a fourth touch operation on the interactive information, displaying an information details page in the display area;

[0020] Alternatively, after detecting the fifth touch operation on the interactive information, a preset display interface rectangle is obtained, the contact point of the fifth touch operation is used as the center of the rectangle, and the video display interface or the business display interface is displayed in full screen according to the display interface rectangle.

[0021] In some of the embodiments, the business display interface overlaying the video display interface includes full screen overlaying or partial overlaying on the video display interface.

[0022] In some of the embodiments, before obtaining the video file generated by the terminal device, the process includes:

[0023] Obtaining preset original display information, and obtaining visual elements in the original display information;

[0024] Disassembling the visualization element to obtain at least two groups of disassembled elements;

[0025] Splitting all the disassembled elements into the video display interface and the business display interface to generate video disassembled elements and display disassembled elements;

[0026] Acquire a video animation recording result according to the video disassembly element, and obtain the video file generated by the terminal device according to the video animation recording result;

[0027] A display interface drawing result is obtained according to the display disassembly element, and the business display information generated by the terminal device is obtained according to the display interface drawing result.

[0028] In a second aspect, a page display system is provided in this embodiment, characterized in that the system includes a terminal device;

[0029] The terminal device is used to execute the page display method described in any one of the first aspects above.

[0030] In a third aspect, an electronic device is provided in this embodiment, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the page display method described in the first aspect when executing the computer program.

[0031] In a fourth aspect, a storage medium is provided in this embodiment, on which a computer program is stored, and when the program is executed by a processor, the page method described in the second aspect is implemented.

[0032] Compared with the related art, a page display method, system, electronic device and storage medium provided in this embodiment obtains a video file generated by the terminal device and displays the video file on the video display interface in the display area; obtains business display information generated by the terminal device and displays the business display information on the business display interface in the display area; wherein the business display interface is covered above the video display interface, which solves the problem of low page display loading efficiency in the related art and realizes a visual and efficient display of low-performance terminal display devices.

[0033] Details of one or more embodiments of the present application are set forth in the following drawings and description to make other features, objects, and advantages of the present application more readily apparent. BRIEF DESCRIPTION OF THE DRAWINGS

[0034] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0035] Figure 1 A block diagram of the terminal hardware structure of a page display method in an embodiment;

[0036] Figure 2 A schematic diagram of a flow chart of a page display method in an embodiment;

[0037] Figure 3 A schematic diagram of a display structure of a page display method in an embodiment;

[0038] Figure 4 A schematic diagram of a display interface of a page display method in an embodiment;

[0039] Figure 5 It is a flowchart of a page display method in another embodiment;

[0040] Figure 6 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0041] In order to more clearly understand the purpose, technical solutions and advantages of the present application, the present application is described and illustrated below in conjunction with the accompanying drawings and embodiments.

[0042] Unless otherwise defined, the technical terms or scientific terms involved in this application shall have the general meaning understood by people with ordinary skills in the technical field to which this application belongs. The words "one", "a", "a", "the", "these" and the like in this application do not represent quantitative restrictions, and they can be singular or plural. The terms "include", "comprise", "have" and any variants thereof involved in this application are intended to cover non-exclusive inclusions; for example, a process, method and system, product or device comprising a series of steps or modules (units) is not limited to the listed steps or modules (units), but may include unlisted steps or modules (units), or may include other steps or modules (units) inherent to these processes, methods, products or devices. The words "connect", "connected", "coupled" and the like involved in this application are not limited to physical or mechanical connections, but may include electrical connections, whether directly or indirectly. The "multiple" involved in this application refers to two or more. "And / or" describes the association relationship of associated objects, indicating that there can be three relationships. For example, "A and / or B" can mean: A exists alone, A and B exist at the same time, and B exists alone. Usually, the character " / " indicates that the objects associated with each other are in an "or" relationship. The terms "first", "second", "third", etc. involved in this application are only used to distinguish similar objects and do not represent a specific ordering of the objects.

[0043] The system embodiment provided in this embodiment can be implemented in a terminal, a computer or a similar computing device. For example, Figure 1 FIG. 1 is a hardware structure diagram of a terminal of the page display method of this embodiment. Figure 1 As shown, the terminal may include one or more ( Figure 1 Only one is shown in the figure) processor 102 and memory 104 for storing data, wherein processor 102 may include but is not limited to a processing device such as a microprocessor MCU or a programmable logic device FPGA. The above terminal may also include an input and output device 108. It can be understood by those skilled in the art that Figure 1 The structure shown is only for illustration and does not limit the structure of the above terminal. Figure 1 More or fewer components as shown, or with Figure 1 Different configurations shown.

[0044] The memory 104 can be used to store computer programs, for example, software programs and modules of application software, such as the computer program corresponding to the page display method in this embodiment. The processor 102 executes various functional applications and data processing by running the computer program stored in the memory 104, that is, to implement the above method. The memory 104 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 104 may further include a memory remotely arranged relative to the processor 102, and these remote memories may be connected to the terminal via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0045] The input-output device 108 is used to implement interaction between the user and the terminal, for example, to display the processing result of the page display method in this embodiment to the user.

[0046] In this embodiment, a page display method is provided, which is applied to a terminal device, and the terminal device includes a display area; Figure 2 is a flow chart of the page display method of this embodiment. Figure 2 As shown, the process includes the following steps:

[0047] Step S202, obtaining a video file generated by the terminal device, and displaying the video file in a video display interface in the display area.

[0048] Among them, the video file generated by the terminal device refers to a file generated by the terminal device, recorded in advance, and can be directly used for playback in the display area. The format of the video file is determined according to the format requirements of the display area; when playing, the video file is played according to the pre-set video display interface.

[0049] Step S204, obtaining the service display information generated by the terminal device, and displaying the service display information on the service display interface in the display area; wherein the service display interface is covered above the video display interface.

[0050] It should be noted that the business display information generated by the terminal device refers to information generated by the terminal device, drawn in advance, and can be directly used for display in the display area. The business display information includes graphic information, table information and / or text information, etc.; the business display information is displayed according to the pre-set business display interface during display.

[0051] Through the above steps, the video file is obtained to be played on the video display interface, and the business display information is obtained to be displayed on the business display interface. The information to be displayed is directly obtained for visual display, without the need to pull the underlying data for calculation and display during display. This can greatly reduce the amount of calculation and calculation time of the front end during interface display, solve the problem of low page display loading efficiency in related technologies, and realize visual and efficient display of low-performance terminal display devices.

[0052] In some of the embodiments, a page display method is also provided. Figure 3 is a schematic diagram of the display structure of the page display method of this embodiment. Figure 3 As shown, the method further includes: acquiring interactive information generated by the terminal device, and displaying the interactive information on the operation interface in the display area;

[0053] Among them, from Figure 3 From the perspective of the user on the right side shown, the operation interface is covered above the business display interface; or, when the operation interface detects that the business display interface is missing, it is covered above the video display interface; the interactive information includes a first display form and a second display form, the first display form matches the first loading time for the video file or the business display information, the second display form matches the second loading time for the video file or the business display information, and the first loading time is greater than the second loading time.

[0054] It should be noted that the interactive information generated by the terminal device refers to information generated by the terminal device, which is fully drawn in advance and can be directly used to implement human-computer interaction operations; the first display form is an interactive information form displayed in a transparent state; the second display form refers to an interactive information form displayed in a combination of color and shape; the first loading time refers to the loading time when the response time of the interactive information is greater than a preset time threshold; the second loading time refers to the loading time when the response time of the interactive information is less than or equal to the preset time threshold.

[0055] Preferably, when the operation interface is covered above the business display interface, if the operation response time of the interactive information for the business display information is the first loading time, the interactive information directly obtains the pre-recorded background business display information or background video file for display; if the operation response time of the interactive information for the business display information is the second loading time, the interactive information loads the underlying data in real time according to the obtained visualization operation instructions for calculation and then displays it.

[0056] When the operation interface is covered on top of the video display interface, if the operation response time of the interactive information for the video file is the first loading time, the interactive information directly obtains the pre-recorded background business display information or the background video file for display; if the operation response time of the interactive information for the video file is the second loading time, the interactive information loads the background data in real time according to the obtained visual operation instructions for calculation and then displays it.

[0057] Through the above steps, the response operation of the interactive information that exceeds the preset time threshold is simplified to the step of directly obtaining the complete recorded background business display information or background video files, avoiding the visualization process that takes a lot of time for real-time calculation, improving the efficiency of page display, solving the problem of low page display loading efficiency, and realizing the visual and efficient display of low-performance terminal display devices.

[0058] In some embodiments, the video display interface for displaying the video file in the display area includes:

[0059] When a first touch operation on the video display interface is detected, or when a second touch operation on the interactive information is detected, the video file is displayed on the video display interface.

[0060] Among them, the first touch operation refers to the operation of directly displaying or loading a video file, which may be an instruction to obtain the completion of opening the display area; specifically, when the first touch operation is to obtain the instruction to complete opening the display area, the preset video file is directly played; the second touch operation refers to, when the operation interface covers the video display interface, or when the operation interface covers the business display interface, the operation of issuing instructions to the interactive information to play the video file may be a single click, double click or long press, etc.

[0061] Through the above steps, for the case of directly playing video files and the case of using the interactive information to issue instructions to play video files, settings are set to obtain fully recorded video files for direct playback, so that there is no need to obtain underlying data for calculation and then display, avoiding the visualization process that takes a lot of time for real-time calculation, improving the efficiency of page display, solving the problem of low page display loading efficiency, and realizing efficient visualization display of low-performance terminal display devices.

[0062] In some embodiments, the business display interface that displays the business display information in the display area includes:

[0063] Detecting a playback completion signal for the video file;

[0064] directly displaying the service display information on the service display interface when the playback completion signal is detected; or,

[0065] When the playback completion signal is detected, a third touch operation on the interactive information is detected, and in response to the third touch operation, the business display information is displayed on the business display interface.

[0066] The third touch operation refers to an operation of loading the display information of the business display interface, and may be performed by single-clicking or double-clicking the interactive information to load the display information for display.

[0067] Through the above steps, the business display information can be displayed directly after the video file is played, or it can be displayed after the third touch operation is detected after the video file is played. It will not be displayed when the third touch operation is not detected. This achieves diversified display of the business display information while ensuring display efficiency.

[0068] In some of the embodiments, after the interactive information is displayed on the operation interface in the display area, the method includes:

[0069] After detecting a fourth touch operation on the interactive information, displaying the information details page in the display area;

[0070] Alternatively, after detecting the fifth touch operation on the interactive information, a preset display interface rectangle is obtained, the contact point of the fifth touch operation is used as the center of the rectangle, and the video display interface or the business display interface is displayed in full screen according to the display interface rectangle.

[0071] Among them, the fourth touch operation refers to the operation of loading the interactive information of the operation interface, which is used to further obtain the information details of the interactive information. The fourth touch operation can be to load the interactive information for display by single-clicking or double-clicking the interactive information; the information details page can be jumped out and displayed on the display area, can be displayed in a small module in the current display area, or can be displayed in full screen in the current display area; the fifth touch operation refers to the operation of viewing the details through the interactive information, which can be to enlarge the video file or the business display information by single-clicking or double-clicking the interactive information, or to display the video file or the business display information by enlarging the floating window.

[0072] Through the above steps, the operation on the interactive information can be an operation of viewing information details or an operation of viewing details. The above method realizes diversified operations of the interactive information while ensuring display efficiency.

[0073] In some of the embodiments, the business display interface overlaying the video display interface includes full screen overlaying or partial overlaying on the video display interface.

[0074] It should be noted that the operation interface covering the business display interface includes full screen coverage or partial coverage of the business display interface; the operation interface covering the video display interface also includes full screen coverage or partial coverage of the video display interface.

[0075] Through the above steps, the coverage issues of the business display interface and the operation interface include full product coverage and partial coverage. The above method realizes diversified interface layout while ensuring display efficiency, which facilitates the layout and operation of the page interface.

[0076] In some of the embodiments, before obtaining the video file generated by the terminal device, the process includes:

[0077] Obtaining preset original display information, and obtaining visual elements in the original display information;

[0078] Decomposing the visualization element to obtain at least two groups of decomposition elements;

[0079] Splitting all the disassembled elements into the video display interface and the business display interface to generate video disassembled elements and display disassembled elements;

[0080] Obtain a video animation recording result according to the video disassembly element, and obtain the video file generated by the terminal device according to the video animation recording result;

[0081] A display interface drawing result is obtained according to the display disassembly element, and the service display information generated by the terminal device is obtained according to the display interface drawing result.

[0082] It should be noted that the original display information refers to the animation effects, display information and / or operation buttons corresponding to the video disassembly element, the display disassembly element and / or the operation disassembly element of the UI front-end interface design before the visual element disassembly is performed; the visual element refers to the various animation effects, display information and / or operation buttons that constitute the visual display result in the original display information; the at least two groups of disassembled elements refer to the different interfaces where the animation effects are implemented, for example, for each animation effect, display information and / or operation button displayed in the background part of the page display, they are classified into a group of disassembled elements and split into the video display interface; for each animation effect, display information and / or operation button displayed in the information card part of the page display, they are classified into a group of disassembled elements and split into the business display interface; the disassembled element can also be split into the operation interface to generate an operation disassembly element, so as to obtain the interactive interface drawing result according to the operation disassembly element, and obtain the interactive information generated by the terminal device according to the interactive interface drawing result.

[0083] Through the above steps, the original display information is disassembled into the video display interface, the business display interface and the operation interface, and different front-end display effects can be classified into different display interfaces to form display layers. The page display is performed according to the interface layer, which can simplify the calculation process of the front-end display, and can greatly reduce the calculation amount and calculation time of the front-end when performing interface display, solve the problem of low efficiency of page display loading in related technologies, and realize the visual and efficient display of low-performance terminal display devices.

[0084] It should be understood that although Figure 2 The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 2 At least part of the steps may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily executed at the same time, but can be executed at different times. The execution order of these sub-steps or stages is not necessarily sequential, but can be executed in turn or alternately with other steps or at least part of the sub-steps or stages of other steps.

[0085] The present embodiment is described and illustrated below through preferred embodiments.

[0086] Figure 4 is a schematic diagram of a display interface of a page display method of an embodiment, such as Figure 4As shown, the page display method includes a video display interface, a business display interface and an operation interface. The video display interface is used to play video files made with page special effects; the business display interface overlays the pictures, tables and other contents required to be displayed by the business on the video display interface for display; the operation interface overlays the front-end interactive buttons on the business display interface in a transparent or physical form to obtain interactive information.

[0087] The video played on the video display interface is looped through a video editing tool, so that the looped playback of the video file consumes a small amount of memory, and it will be loaded gradually when it is not fully loaded, while not affecting the front-end effect display on the business display interface. The playback effect of the business display interface is implemented through code, which can be an effect of jumping out of the business display interface. The operation interface can be a button in a physical form or a transparent operation interface, which can be set according to actual needs; when it is necessary to guide the user to click the button, it can be set to a physical form; when it is mainly to highlight the display information of the business display interface below, it can be set to a transparent form; or, when the operation interface covers the top of the video display interface, in order to highlight the dynamic effect of the video recorded in the video display interface, the operation interface can be set to a transparent form, so that the user can perform interactive operations on the operation interface according to the guidance of the recorded video dynamic effect.

[0088] For example, when the video display interface plays a dynamic effect video showing the administrative divisions of a province, a transparent operation interface can be set at the position of the provincial capital marked in the video display interface, so that when the user operates the provincial capital icon on the page display interface, a geographic information card and / or a population information card displaying the provincial capital city will jump out, and the above-mentioned cards are located on the business display interface; further, after jumping out the geographic information card and / or the population information card, an operation interface for displaying a physical button can be set on the population information card on the business display interface, and the physical button can obtain the annual population change statistical data details interface of the population information, thereby guiding the user to operate the physical button to view the annual population change statistical data details of the provincial capital city.

[0089] Through the above steps, since the main background of the large-screen video display interface of the page display has been completed by the video, the amount of code for the business display interface and the operation interface of the page display method is greatly reduced, thereby reducing the time complexity of the code implementation and the performance requirements for the playback device are also greatly reduced, solving the problem of low page display loading efficiency in related technologies and realizing a visual and efficient display of low-performance terminal display devices.

[0090] Figure 5 is a flow chart of a page display method according to another embodiment. Figure 5As shown, the page display method includes the following steps: page prototype design, rendering output, page disassembly, special effects video production, business display interface production based on the video, operation interface production based on the video and business display interface, and completion of splicing.

[0091] Among them, producing the business display interface according to the video refers to drawing the display information of the corresponding video modules or the corresponding video playback position for the recorded special effects video files; completing the splicing refers to superimposing the produced video, business display interface and operation interface, so as to splice them into a complete page display interface.

[0092] It should be noted that the steps shown in the above process or the flowchart in the attached figure can be executed in a computer system such as a set of computer executable instructions, and although the logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in a different order than here. For example, the step of making a special effect video can be exchanged with the step of making a business display interface, that is, the business display interface can be made in advance, and then the special effect video can be made based on the business display interface, and then the operation interface can be further made based on the video and the business display interface.

[0093] In this embodiment, a page display system is also provided, which includes a terminal device; the terminal device is used to execute any of the page display methods described above.

[0094] In this embodiment, an electronic device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor is configured to run the computer program to execute the steps in any one of the above method embodiments.

[0095] Optionally, the electronic device may further include a transmission device and an input / output device, wherein the transmission device is connected to the processor, and the input / output device is connected to the processor.

[0096] Optionally, in this embodiment, the processor may be configured to perform the following steps through a computer program:

[0097] S1, obtaining a video file generated by the terminal device, and displaying the video file in a video display interface in the display area.

[0098] S2, obtaining the service display information generated by the terminal device, and displaying the service display information on the service display interface in the display area; wherein the service display interface is covered above the video display interface.

[0099] It should be noted that the specific examples in this embodiment can refer to the examples described in the above embodiments and optional implementation modes, and will not be repeated in this embodiment.

[0100] In addition, in combination with the page display method provided in the above embodiments, a storage medium may be provided in this embodiment to implement the method. The storage medium stores a computer program; when the computer program is executed by a processor, any of the page display methods in the above embodiments is implemented.

[0101] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Figure 6 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a page display method is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a key, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.

[0102] Those skilled in the art will understand that Figure 6 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0103] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0104] It should be understood that the specific embodiments described herein are only used to explain the application, rather than to limit it. Based on the embodiments provided in this application, all other embodiments obtained by ordinary technicians in this field without creative work are within the protection scope of this application.

[0105] Obviously, the drawings are only some examples or embodiments of the present application. For ordinary technicians in the field, the present application can also be applied to other similar situations based on these drawings without creative work. In addition, it is understandable that although the work done in this development process may be complicated and lengthy, for ordinary technicians in the field, certain changes in design, manufacturing or production based on the technical content disclosed in this application are only conventional technical means and should not be regarded as insufficient content disclosed in this application.

[0106] The term "embodiment" in this application refers to a specific feature, structure or characteristic described in conjunction with the embodiment that can be included in at least one embodiment of the present application. The appearance of this phrase in various locations in the specification does not necessarily mean the same embodiment, nor does it mean that it is mutually exclusive with other embodiments and is independent or optional. It is clearly or implicitly understood by those of ordinary skill in the art that the embodiments described in this application can be combined with other embodiments without conflict.

[0107] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of patent protection. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the scope of protection of the present application. Therefore, the scope of protection of the present application shall be subject to the attached claims.

Claims

1. A page display method, characterized in that: Applied to a terminal device, the terminal device includes a display area; the method includes: Acquire a video file generated by the terminal device, and display the video file on a video display interface in the display area; Acquire the service display information generated by the terminal device, and display the service display information on the service display interface in the display area; wherein the service display interface is covered above the video display interface; The method further includes: acquiring interactive information generated by the terminal device, and displaying the interactive information on an operation interface in the display area; Among them, the operation interface is overlaid on top of the business display interface; or, when the operation interface detects that the business display interface is missing, it is overlaid on top of the video display interface; the interactive information includes a first display form and a second display form, the first display form matches the first loading time for the video file or the business display information, the second display form matches the second loading time for the video file or the business display information, and the first loading time is greater than the second loading time.

2. The page display method according to claim 1, characterized in that: The video display interface for displaying the video file in the display area includes: When a first touch operation on the video display interface is detected, or when a second touch operation on the interactive information is detected, the video file is displayed on the video display interface.

3. The page display method according to claim 1, characterized in that: The business display interface for displaying the business display information in the display area includes: Detecting a playback completion signal for playing the video file; directly displaying the service display information on the service display interface when the playback completion signal is detected; or, When the playback completion signal is detected, a third touch operation on the interactive information is detected, and the business display information is displayed on the business display interface in response to the third touch operation.

4. The page display method according to claim 1, characterized in that: After the interactive information is displayed on the operation interface in the display area, the method includes: After detecting a fourth touch operation on the interactive information, displaying an information details page in the display area; Alternatively, after detecting the fifth touch operation on the interactive information, a preset display interface rectangle is obtained, the contact point of the fifth touch operation is used as the center of the rectangle, and the video display interface or the business display interface is displayed in full screen according to the display interface rectangle.

5. The page display method according to claim 1, characterized in that: The business display interface overlaying the video display interface includes full screen overlaying or partial overlaying on the video display interface.

6. The page display method according to any one of claims 1 to 5, characterized in that: Before obtaining the video file generated by the terminal device, the method includes: Acquire preset original display information, and acquire visual elements in the original display information; Disassembling the visualization element to obtain at least two groups of disassembled elements; Splitting all the disassembled elements into the video display interface and the business display interface to generate video disassembled elements and display disassembled elements; Acquire a video animation recording result according to the video disassembly element, and obtain the video file generated by the terminal device according to the video animation recording result; A display interface drawing result is obtained according to the display disassembly element, and the business display information generated by the terminal device is obtained according to the display interface drawing result.

7. A page display system, characterized in that: The system includes a terminal device; The terminal device is used to execute the page display method according to any one of claims 1 to 6.

8. An electronic device comprising a memory and a processor, characterized in that: A computer program is stored in the memory, and the processor is configured to run the computer program to execute the page display method according to any one of claims 1 to 6.

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

Images