Method and system for loading thermodynamic data on web page

Abstract

The invention provides a method and a system for loading thermodynamic data on a web page. The method comprises the following steps: S1, thermodynamic triggering-starting playing; s2, time scale loading: obtaining the time scale of thermal distribution in past 24 hours; s3, performing thermal fragmentation, namely fragmenting the thermal data according to the scales, and loading a first thermal slice; s4, performing thermodynamic playing, namely playing after the first thermodynamic piece is loaded; s5, continuous loading: in a thermodynamic playing process, loading a subsequent thermodynamic piece; according to the method, the thermal distribution data of nationwide online drivers in past 24 hours is subjected to thermal fragmentation processing according to the time scale, so that the data can be normally played only by completing loading of the first thermal piece during playing, then the subsequent thermal piece data is loaded by utilizing the playing time, and under the condition that the network is stable, the data of the subsequent thermal piece can be loaded by utilizing the data of the subsequent thermal piece. And the user does not have obvious waiting, so that the user experience is improved.

Description

Technical Field

[0001] The invention relates to a data loading method, in particular to a method for loading thermal data on a web page, and belongs to the technical field of thermal data loading. Background Art

[0002] Web page is a computer term that usually refers to a website or a specific page of a web application on the Internet. It is the basic unit of a website, usually written with technologies such as HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) and JavaScript, and can display text, pictures, videos, links and other content in a web browser; Web pages are the basis of web browsing and information retrieval, and they can be static or dynamic. Static page content is pre-written on the server, and the server returns the same page content each time a request is made. Dynamic pages are usually generated dynamically by the server based on user requests, and can return different content based on different user needs.

[0003] The driver thermal data on the web page uses the web page to display the thermal distribution map data of online drivers across the country in the past 24 hours. It is usually used by taxi platforms, logistics companies or other occasions where the driver's location needs to be tracked.

[0004] Heat map: It dynamically displays the location distribution of drivers over a period of time, similar to the heat map animation of a time series.

[0005] Thermal sharding: splits a large thermal data set into smaller, easier to manage and process parts.

[0006] Traditionally, when displaying the thermal distribution map of online drivers across the country in the past 24 hours on the Web, it is usually necessary to load all the thermal data before starting to play normally, which causes users to wait for a long time and affects the user experience. Therefore, a method and system for loading thermal data on a web page are proposed. Summary of the invention

[0007] In view of this, the present invention provides a method and system for loading thermal data on a web page to solve or alleviate the technical problems existing in the prior art and at least provide a beneficial choice.

[0008] The technical solution of the embodiment of the present invention is implemented as follows: A method for loading thermal data on a web page comprises the following steps:

[0009] S1, thermal trigger-start playing;

[0010] S2, time scale loading - obtain the time scale of thermal distribution in the past 24 hours;

[0011] S3, thermal sharding - shard the thermal data according to the scale and load the first thermal slice;

[0012] S4, thermal playback - the first thermal film will be played after loading is completed;

[0013] S5, continuous loading - during the thermal playback process, the subsequent thermal films are loaded;

[0014] S6. Execute S7, S8, S9 or S12 according to the user's selection. If no selection is made, continue to execute S5;

[0015] S7, user pauses - stops the thermal playback, and continues to load the remaining thermal films;

[0016] S8, user pause and resume - continue playing the thermal data when paused;

[0017] S9, the user manually changes the playback time - pauses the loading in S5, and checks whether the target time data has been loaded, if yes, executes S10, otherwise executes S11;

[0018] S10, immediately play the thermal data corresponding to the target scale, and return to S5;

[0019] S11, loading the thermal data corresponding to the target scale, and returning to S10;

[0020] S12, user exits - stops hot playback.

[0021] Further preferably, in S1, the user performs thermal triggering by clicking a trigger on a web page;

[0022] The trigger is edited in JavaScript or TypeScript.

[0023] Further preferably, in S2, corresponding data is obtained through a web page using an API or a data interface, and then the data is processed to convert the data into a form of thermal distribution;

[0024] Each hour contains 4-6 time scales, and each scale corresponds to a piece of thermal data.

[0025] Further preferably, in S3, each thermal sheet contains 4-6 pieces of thermal data, and the playback time of each piece of thermal data is 0.4-0.6 seconds.

[0026] Further preferably, in said S4, the thermal data is synchronized according to the time scale to generate a thermal map on the map, and played according to the time change;

[0027] Among them, the heat map is generated using folium and or geopandas tools. The switching time of each heat map is 0.4-0.6 seconds, and the total playback length of each heat map is 1.6-3.6 seconds.

[0028] Further preferably, in S5, during the thermal playback process, the data of the second thermal film continues to be loaded, and this cycle is repeated until the last thermal film is loaded.

[0029] Further preferably, in S7, the thermal playback is stopped, and the subsequent 5-15 thermal film data are loaded, and the loading of the thermal film is suspended after the loading is completed;

[0030] In S8, the loaded thermal sheet data continues to be played, and the unloaded thermal sheets continue to be loaded.

[0031] Further preferably, in S9, whether the data at the target time has been loaded is checked by using a buffer indicator and / or adding a monitoring loading event.

[0032] Further preferably, in S10, the data corresponding to the target scale is played immediately, and the thermal sheets that have not been loaded after the scale are searched and loaded in sequence;

[0033] In S11, the playback is paused, and the thermal film of the current scale is loaded immediately. After the loading is completed, the playback starts, and the thermal films that have not been loaded after the scale are searched and loaded in sequence;

[0034] In S12, the thermal playback is stopped, and the thermal data of all thermal sheets are cleared.

[0035] A system for loading thermal data on a web page, the system comprising a processor and a register coupled to the processor, wherein the register stores program instructions, and when the program instructions are executed by the processor, the processor executes the method for loading thermal data on the web page.

[0036] Since the embodiment of the present invention adopts the above technical solution, it has the following advantages: the present invention performs thermal slicing on the thermal distribution data of online drivers across the country in the past 24 hours according to the time scale, so that when playing, it is only necessary to complete the loading of the first thermal slice before normal playback can be performed, and then the subsequent thermal slice data can be loaded using the playback time. When the network is stable, the user will not have obvious waiting, thereby improving the user experience.

[0037] The above summary is for illustrative purposes only and is not intended to be limiting in any way. In addition to the illustrative aspects, embodiments and features described above, further aspects, embodiments and features of the present invention will be readily apparent by reference to the accompanying drawings and the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0039] Figure 1 It is a schematic diagram of the method flow of the present invention;

[0040] Figure 2 It is a schematic diagram of the system flow of the present invention. DETAILED DESCRIPTION

[0041] In the following, only some exemplary embodiments are briefly described. As those skilled in the art will appreciate, the described embodiments may be modified in various ways without departing from the spirit or scope of the present invention. Therefore, the drawings and descriptions are considered to be exemplary and non-restrictive in nature.

[0042] It should be noted that the terms "first", "second", "symmetrical", "array", etc. are only used to distinguish between description and position description purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Therefore, the definition of "first", "symmetrical", etc. can explicitly or implicitly include one or more of these features; similarly, when the number of certain features is not limited in the form of words such as "two" or "three", it should be noted that this feature also explicitly or implicitly includes one or more feature quantities.

[0043] The embodiments of the present invention are described in detail below with reference to the accompanying drawings.

[0044] Embodiment 1

[0045] like Figure 1-2 As shown, an embodiment of the present invention provides a method for loading thermal data on a web page, comprising the following steps:

[0046] S1, thermal trigger-start playing;

[0047] S2, time scale loading - obtain the time scale of thermal distribution in the past 24 hours;

[0048] S3, thermal sharding - shard the thermal data according to the scale and load the first thermal slice;

[0049] S4, thermal playback - the first thermal film will be played after loading is completed;

[0050] S5, continuous loading - during the thermal playback process, the subsequent thermal films are loaded;

[0051] S6. Execute S7, S8, S9 or S12 according to the user's selection. If no selection is made, continue to execute S5;

[0052] S7, user pauses - stops the thermal playback, and continues to load the remaining thermal films;

[0053] S8, user pause and resume - continue playing the thermal data when paused;

[0054] S9, the user manually changes the playback time - pauses the loading in S5, and checks whether the target time data has been loaded, if yes, executes S10, otherwise executes S11;

[0055] S10, immediately play the thermal data corresponding to the target scale, and return to S5;

[0056] S11, loading the thermal data corresponding to the target scale, and returning to S10;

[0057] S12, user exits - stops hot playback.

[0058] In one embodiment, in S1, a user performs a thermal trigger by clicking a trigger on a web page;

[0059] Among them, the trigger is edited using JavaScript;

[0060] By using JavaScript to add a trigger on the web page, the HTML code is as follows:

[0061]

[0062] In one embodiment, in S2, corresponding data is obtained through an API via a web page, and then the data is processed to convert the data into a form of thermal distribution;

[0063] Among them, each hour contains 4 time scales, and each scale corresponds to a piece of thermal data;

[0064] The thermal data is divided by using the time scale so that each piece of thermal data can be played in sequence according to the time scale.

[0065] In one embodiment, in S3, each thermal sheet contains 4 pieces of thermal data, and the playback time of each piece of thermal data is 0.4 seconds;

[0066] By controlling the playback time of thermal data, the user experience is enhanced and the display of the heat map is made smoother.

[0067] In one embodiment, in S4, the thermal data is synchronized according to the time scale to generate a thermal map on the map, and played according to the time change;

[0068] Among them, the heat map is generated by using the folium tool. The switching time of each heat map is 0.4 seconds, and the total playback length of each heat map is 1.6 seconds.

[0069] By using the folium tool, the thermal distribution data is synchronized to the map to generate a heat map;

[0070] Among them, the map uses the third-party Amap;

[0071] Among them, the folium tool is a map visualization library based on Leaflet, which is mainly used to create interactive maps. It has the characteristics of processing basic geographic data types such as points, lines, polygons, and rendering these data on the map. It can also provide rich map style options, including markers, lines, polygons, heat maps, scatter plots, etc.

[0072] The folium tool is tightly integrated with Python and JavaScript and can be easily used in web applications. Compared with GeoPandas, the folium tool is more focused on map visualization.

[0073] In one embodiment, in S5, during the heat play process, the data of the second heat sheet continues to be loaded, and the cycle continues until the last heat sheet is loaded;

[0074] By loading subsequent heat slice data during heat playback, users can only perceive the loading time of the first slice, and users will not feel obvious waiting.

[0075] In one embodiment, in S7, the heat play is stopped, and the data of the next five heat slices are loaded, and the loading of the heat slices is suspended after the loading is completed;

[0076] By loading the subsequent five thermal film data when the thermal playback is paused, the loaded thermal film data can be played when the playback is resumed, and excessive loading of thermal film data can be prevented to cause waste of resources.

[0077] In S8, the loaded thermal sheet data continues to be played, and the unloaded thermal sheets continue to be loaded;

[0078] By playing the loaded thermal film data and then continuing to load the remaining unloaded thermal films, the overall viewing smoothness is ensured.

[0079] In one embodiment, in S9, whether the target time data has been loaded is determined by using a buffer indicator;

[0080] By using the buffer indicator of the player, the loading process is displayed according to the time scale. When the target time data jumps to the unloaded area, the action in S11 is executed through the buffer indicator. When the target time data jumps to the loaded area, S10 is executed.

[0081] In one embodiment, in S10, the data corresponding to the target scale is played immediately, and the thermal sheets that have not been loaded after the scale are searched and loaded in sequence;

[0082] By immediately playing the data corresponding to the target scale, the user will not have an obvious sense of waiting, and then continue to load the unloaded thermal film, making the user's overall viewing smoother.

[0083] In S11, the playback is paused, and the thermal film of the current scale is loaded immediately. After the loading is completed, the playback starts, and the thermal films that have not been loaded after the current scale are searched and loaded in sequence;

[0084] By pausing the playback, the web page is given enough time to load the thermal film of the current scale to prevent frequent freezes during viewing. Then, the thermal films that have not been loaded after this scale are found and loaded one by one to skip the thermal films that have not been loaded between the scales and load the subsequent thermal film data to prevent waste of resources.

[0085] In S12, the thermal playback is stopped, and the thermal data of all thermal sheets are cleared;

[0086] By clearing the thermal data of all thermal sheets to reduce the data cache of web pages, it can prevent the web pages from running slowly due to excessive cache data after a long period of time.

[0087] Embodiment 2

[0088] like Figure 1-2 As shown, the embodiment of the present invention also provides a method for loading thermal data on a web page, comprising the following steps:

[0089] S1, thermal trigger-start playing;

[0090] S2, time scale loading - obtain the time scale of thermal distribution in the past 24 hours;

[0091] S3, thermal sharding - shard the thermal data according to the scale and load the first thermal slice;

[0092] S4, thermal playback - the first thermal film will be played after loading is completed;

[0093] S5, continuous loading - during the thermal playback process, the subsequent thermal films are loaded;

[0094] S6. Execute S7, S8, S9 or S12 according to the user's selection. If no selection is made, continue to execute S5;

[0095] S7, user pauses - stops the thermal playback, and continues to load the remaining thermal films;

[0096] S8, user pause and resume - continue playing the thermal data when paused;

[0097] S9, the user manually changes the playback time - pauses the loading in S5, and checks whether the target time data has been loaded, if yes, executes S10, otherwise executes S11;

[0098] S10, immediately play the thermal data corresponding to the target scale, and return to S5;

[0099] S11, loading the thermal data corresponding to the target scale, and returning to S10;

[0100] S12, user exits - stops hot playback.

[0101] In one embodiment, in S1, a user performs a thermal trigger by clicking a trigger on a web page;

[0102] Among them, the trigger is edited using TypeScript;

[0103] Add triggers to web pages by using TypeScriptweb.

[0104] In one embodiment, in S2, corresponding data is obtained through an API or a data interface via a web page, and then the data is processed to convert the data into a form of thermal distribution;

[0105] Among them, each hour contains 6 time scales, and each scale corresponds to a piece of thermal data;

[0106] The thermal data is divided by using the time scale so that each piece of thermal data can be played in sequence according to the time scale.

[0107] In one embodiment, in S3, each thermal sheet contains 6 pieces of thermal data, and the playback time of each piece of thermal data is 0.6 seconds;

[0108] By controlling the playback time of thermal data, the user experience is enhanced and the display of the heat map is made smoother.

[0109] In one embodiment, in S4, the thermal data is synchronized according to the time scale to generate a thermal map on the map, and played according to the time change;

[0110] Among them, the heat map is generated by using the geopandas tool. The switching time of each heat map is 0.6 seconds, and the total playback length of each heat map is 3.6 seconds.

[0111] GeoPandas is an open source project that extends the Pandas library to support spatial data manipulation and geospatial analysis.

[0112] It allows users to process and analyze data with spatial information and supports the concept of spatial data frame (spatialDataFrame); GeoPandas provides spatial data import, export, conversion and processing functions, including compatibility with GIS software;

[0113] Compared with the folium tool, GeoPandas is more focused on the processing and analysis of spatial data.

[0114] In one embodiment, in S5, during the heat play process, the data of the second heat sheet continues to be loaded, and the cycle continues until the last heat sheet is loaded;

[0115] By loading subsequent heat slice data during heat playback, users can only perceive the loading time of the first slice, and users will not feel obvious waiting.

[0116] In one embodiment, in S7, the heat play is stopped, and the subsequent 15 heat sheet data are loaded, and the loading of the heat sheet is suspended after the loading is completed;

[0117] By loading the subsequent 15 thermal film data when the thermal playback is paused, the loaded thermal film data can be played when the playback is resumed, and excessive loading of thermal film data can be prevented to cause waste of resources.

[0118] In S8, the loaded thermal sheet data continues to be played, and the unloaded thermal sheets continue to be loaded;

[0119] By playing the loaded thermal film data and then continuing to load the remaining unloaded thermal films, the overall viewing smoothness is ensured.

[0120] In one embodiment, in S9, whether the target time data has been loaded is checked by adding a monitoring loading event.

[0121] By adding a listener loading event canplaythrough on the web page, when the canplaythrough event is not triggered, S10 is executed, and when the canplaythrough event is triggered, S11 is executed.

[0122] In one embodiment, in S10, the data corresponding to the target scale is played immediately, and the thermal sheets that have not been loaded after the scale are searched and loaded in sequence;

[0123] By immediately playing the data corresponding to the target scale, the user will not have an obvious sense of waiting, and then continue to load the unloaded thermal film, making the user's overall viewing smoother.

[0124] In S11, the playback is paused, and the thermal film of the current scale is loaded immediately. After the loading is completed, the playback starts, and the thermal films that have not been loaded after the current scale are searched and loaded in sequence;

[0125] By pausing the playback, the web page is given enough time to load the thermal film of the current scale to prevent frequent freezes during viewing. Then, the thermal films that have not been loaded after this scale are found and loaded one by one to skip the thermal films that have not been loaded between the scales and load the subsequent thermal film data to prevent waste of resources.

[0126] In S12, the thermal playback is stopped, and the thermal data of all thermal sheets are cleared;

[0127] By clearing the thermal data of all thermal sheets to reduce the data cache of web pages, it can prevent the web pages from running slowly due to excessive cache data after a long period of time.

[0128] Embodiment 3

[0129] like Figure 1-2 As shown, the embodiment of the present invention also provides a method for loading thermal data on a web page, comprising the following steps:

[0130] S1, thermal trigger-start playing;

[0131] S2, time scale loading - obtain the time scale of thermal distribution in the past 24 hours;

[0132] S3, thermal sharding - shard the thermal data according to the scale and load the first thermal slice;

[0133] S4, thermal playback - the first thermal film will be played after loading is completed;

[0134] S5, continuous loading - during the thermal playback process, the subsequent thermal films are loaded;

[0135] S6. Execute S7, S8, S9 or S12 according to the user's selection. If no selection is made, continue to execute S5;

[0136] S7, user pauses - stops the thermal playback, and continues to load the remaining thermal films;

[0137] S8, user pause and resume - continue playing the thermal data when paused;

[0138] S9, the user manually changes the playback time - pauses the loading in S5, and checks whether the target time data has been loaded, if yes, executes S10, otherwise executes S11;

[0139] S10, immediately play the thermal data corresponding to the target scale, and return to S5;

[0140] S11, loading the thermal data corresponding to the target scale, and returning to S10;

[0141] S12, user exits - stops hot playback.

[0142] In one embodiment, in S1, a user performs a thermal trigger by clicking a trigger on a web page;

[0143] Among them, the trigger is edited using JavaScript;

[0144] By using JavaScript to add a trigger on the web page, the HTML code is as follows:

[0145]

[0146]

[0147] In one embodiment, in S2, corresponding data is obtained through an API via a web page, and then the data is processed to convert the data into a form of thermal distribution;

[0148] Among them, each hour contains 5 time scales, and each scale corresponds to a piece of thermal data;

[0149] The thermal data is divided by using the time scale so that each piece of thermal data can be played in sequence according to the time scale.

[0150] In one embodiment, in S3, each thermal sheet contains 5 pieces of thermal data, and the playback time of each piece of thermal data is 0.5 seconds;

[0151] By controlling the playback time of thermal data, the user experience is enhanced and the display of the heat map is made smoother.

[0152] In one embodiment, in S4, the thermal data is synchronized according to the time scale to generate a thermal map on the map, and played according to the time change;

[0153] Among them, the heat map is generated using folium and geopandas tools. The switching time of each heat map is 0.5 seconds, and the total playback length of each heat map is 2.5 seconds.

[0154] By using the folium tool and the geopandas tool, the thermal distribution data is synchronized to the map to generate a heat map;

[0155] Among them, the map uses the third-party Amap;

[0156] By combining Folium and GeoPandas, the ability to process, analyze, and visualize geospatial data is improved.

[0157] In one embodiment, in S5, during the heat play process, the data of the second heat sheet continues to be loaded, and the cycle continues until the last heat sheet is loaded;

[0158] By loading subsequent heat slice data during heat playback, users can only perceive the loading time of the first slice, and users will not feel obvious waiting.

[0159] In one embodiment, in S7, the heat play is stopped, and the subsequent 10 heat sheet data are loaded, and the loading of the heat sheet is suspended after the loading is completed;

[0160] By loading the subsequent 10 thermal film data when the thermal playback is paused, the loaded thermal film data can be played when the playback is resumed, and excessive loading of thermal film data can be prevented to cause waste of resources.

[0161] In S8, the loaded thermal sheet data continues to be played, and the unloaded thermal sheets continue to be loaded;

[0162] By playing the loaded thermal film data and then continuing to load the remaining unloaded thermal films, the overall viewing smoothness is ensured.

[0163] In one embodiment, in S9, whether the data at the target time has been loaded is checked by using a buffer indicator and adding a monitoring loading event;

[0164] By using the canplaythrough event and the buffering indicator together, you can ensure smooth media loading and playback.

[0165] In one embodiment, in S10, the data corresponding to the target scale is played immediately, and the thermal sheets that have not been loaded after the scale are searched and loaded in sequence;

[0166] By immediately playing the data corresponding to the target scale, the user will not have an obvious sense of waiting, and then continue to load the unloaded thermal film, making the user's overall viewing smoother.

[0167] In S11, the playback is paused, and the thermal film of the current scale is loaded immediately. After the loading is completed, the playback starts, and the thermal films that have not been loaded after the current scale are searched and loaded in sequence;

[0168] By pausing the playback, the web page is given enough time to load the thermal film of the current scale to prevent frequent freezes during viewing. Then, the thermal films that have not been loaded after this scale are found and loaded one by one to skip the thermal films that have not been loaded between the scales and load the subsequent thermal film data to prevent waste of resources.

[0169] In S12, the thermal playback is stopped, and the thermal data of all thermal sheets are cleared;

[0170] By clearing the thermal data of all thermal sheets to reduce the data cache of web pages, it can prevent the web pages from running slowly due to excessive cache data after a long period of time.

[0171] In one embodiment, the data volume of the shard is 5 based on comprehensive considerations of the initial loading speed and the stability of the automatic playback, which can optimize the loading speed and send as few requests as possible.

[0172] Embodiment 4

[0173] An embodiment of the present invention also provides a system for loading thermal data on a web page. The system includes a processor and a register coupled to the processor. The register stores program instructions. When the program instructions are executed by the processor, the processor executes the method of embodiment one, embodiment two or embodiment three.

[0174] The above are only specific embodiments of the present invention, but the protection scope of the present invention is not limited thereto. Any person skilled in the art can easily think of various changes or substitutions within the technical scope disclosed by the present invention, which should be included in the protection scope of the present invention. Therefore, the protection scope of the present invention should be based on the protection scope of the claims.

Claims

1. A method for loading thermal data on a web page, characterized in that: The following steps are involved: S1, thermal trigger-start playing; S2, time scale loading - obtain the time scale of thermal distribution in the past 24 hours; S3, thermal sharding - shard the thermal data according to the scale and load the first thermal slice; S4, thermal playback - the first thermal film will be played after loading is completed; S5, continuous loading - during the thermal playback process, the subsequent thermal films are loaded; S6, execute S7, S8, S9 or S12 according to the user's selection, if no selection is made, continue to execute S5; S7, user pauses - stops the thermal playback, and continues to load the remaining thermal films; S8, user pause and resume - continue playing the thermal data when paused; S9, the user manually changes the playback time - pauses the loading in S5, and checks whether the target time data has been loaded. If yes, execute S10, otherwise execute S11; S10, immediately play the thermal data corresponding to the target scale, and return to S5; S11, loading the thermal data corresponding to the target scale, and returning to S10; S12, user exits - stops hot playback.

2. The method for loading thermal data on a web page according to claim 1, characterized in that: In S1, the user performs thermal triggering by clicking a trigger on a web page; The trigger is edited in JavaScript or TypeScript.

3. The method for loading thermal data on a web page according to claim 1, characterized in that: In S2, the corresponding data is obtained through the web page using an API or a data interface, and then the data is processed to convert the data into a form of thermal distribution; Each hour contains 4-6 time scales, and each scale corresponds to a piece of thermal data.

4. The method for loading thermal data on a web page according to claim 1, characterized in that: In S3, each thermal sheet contains 4-6 pieces of thermal data, and the playback time of each piece of thermal data is 0.4-0.6 seconds.

5. The method for loading thermal data on a web page according to claim 4, characterized in that: In said S4, the thermal data is synchronized according to the time scale to generate a thermal map on the map, and played according to the time change; Among them, the heat map is generated using folium and or geopandas tools. The switching time of each heat map is 0.4-0.6 seconds, and the total playback length of each heat map is 1.6-3.6 seconds.

6. The method for loading thermal data on a web page according to claim 1, characterized in that: In S5, during the thermal playback process, the data of the second thermal film continues to be loaded, and this cycle continues until the last thermal film is loaded.

7. The method for loading thermal data on a web page according to claim 1, characterized in that: In S7, the heat play is stopped, and the subsequent 5-15 heat sheet data are loaded, and the loading of the heat sheet is suspended after the loading is completed; In S8, the loaded thermal sheet data continues to be played, and the unloaded thermal sheets continue to be loaded.

8. The method for loading thermal data on a web page according to claim 1, characterized in that: In S9, whether the data at the target time has been loaded is checked by using a buffer indicator or by adding a monitoring loading event.

9. The method for loading thermal data on a web page according to claim 8, characterized in that: In S10, the data corresponding to the target scale is played immediately, and the thermal sheets that have not been loaded after the scale are searched and loaded in sequence; In S11, the playback is paused, and the thermal film of the current scale is loaded immediately. After the loading is completed, the playback starts, and the thermal films that have not been loaded after the scale are searched and loaded in sequence; In S12, the thermal playback is stopped, and the thermal data of all thermal sheets are cleared.

10. A system for loading thermal data on a web page, characterized in that: The system includes a processor and a register coupled to the processor, wherein program instructions are stored in the register, and when the program instructions are executed by the processor, the processor executes the method for loading thermal data on a web page as described in any one of claims 1-9.

Images