[go: up one dir, main page]

WO2021146895A1 - Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium - Google Patents

Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium Download PDF

Info

Publication number
WO2021146895A1
WO2021146895A1 PCT/CN2020/073430 CN2020073430W WO2021146895A1 WO 2021146895 A1 WO2021146895 A1 WO 2021146895A1 CN 2020073430 W CN2020073430 W CN 2020073430W WO 2021146895 A1 WO2021146895 A1 WO 2021146895A1
Authority
WO
WIPO (PCT)
Prior art keywords
visualization application
browser
data
vehicle
application
Prior art date
Application number
PCT/CN2020/073430
Other languages
French (fr)
Chinese (zh)
Inventor
柯永基
Original Assignee
深圳元戎启行科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 深圳元戎启行科技有限公司 filed Critical 深圳元戎启行科技有限公司
Priority to CN202080003152.0A priority Critical patent/CN113498512B/en
Priority to PCT/CN2020/073430 priority patent/WO2021146895A1/en
Publication of WO2021146895A1 publication Critical patent/WO2021146895A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions

Definitions

  • This application relates to an optimization method, device, computer equipment and storage medium for vehicle-mounted image display.
  • an optimization method, device, computer device, and storage medium for vehicular image display that can effectively optimize the traditional vehicular image display mode are provided.
  • An optimization method for vehicle image display including:
  • the vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.
  • An optimization device for vehicle image display including:
  • the obtaining module is used to obtain the data display request of the browser, and the data display request carries the data identifier;
  • a jump module configured to jump from the current page of the browser to a corresponding target webpage according to the data display request, and the target webpage includes a visualization application;
  • the running module is configured to run the visualization application through the browser, and transmit the data identifier to the visualization application;
  • a generating module configured to generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server;
  • the receiving module is configured to receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application;
  • the display module is configured to render the vehicle-mounted data through the browser, and display the vehicle-mounted image obtained by the rendering on the visualization application.
  • a computer device including a memory and one or more processors, the memory stores computer readable instructions, and when the computer readable instructions are executed by the processor, the one or more processors execute The following steps:
  • the vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.
  • One or more non-volatile computer-readable storage media storing computer-readable instructions.
  • the computer-readable instructions When executed by one or more processors, the one or more processors perform the following steps:
  • the vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.
  • Fig. 1 is an application environment diagram of an optimization method for vehicle image display in one or more embodiments.
  • Fig. 2 is a schematic flowchart of a method for optimizing vehicle image display in one or more embodiments.
  • Fig. 3 is a schematic diagram of a process flow of developing a visualization application in one or more embodiments.
  • Fig. 4 is a block diagram of a method and apparatus for optimizing vehicle image display in one or more embodiments.
  • Figure 5 is a block diagram of a computer device in one or more embodiments.
  • the method for optimizing vehicle image display provided in this application can be applied to the application environment as shown in FIG. 1.
  • the terminal 102 communicates with the server 104 through the network.
  • An operating system is pre-installed on the terminal 102, and a browser is pre-deployed on the operating system.
  • the terminal 102 obtains the data display request of the browser, and the data display request carries the data identifier.
  • the terminal jumps from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application.
  • Visualization applications can be used for data display.
  • the terminal 102 runs the visualization application through the browser, and transmits the data identification to the visualization application. Visualization applications can be run on different operating systems through a browser.
  • the terminal 102 generates a data acquisition request according to the data identifier through a visualization application, and sends the data acquisition request to the server 104.
  • the terminal 102 receives the vehicle-mounted data corresponding to the data acquisition request returned by the server 104 through the visualization application.
  • the terminal 102 renders the vehicle-mounted data through the browser, and displays the rendered vehicle-mounted image on the visualization application.
  • the terminal 102 may be, but is not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices.
  • the server 104 may be implemented as an independent server or a server cluster composed of multiple servers.
  • a method for optimizing the display of an in-vehicle image is provided. Taking the method applied to the terminal in FIG. 1 as an example, the method includes the following steps:
  • Step 202 Obtain a data display request from the browser, and the data display request carries a data identifier.
  • An operating system is pre-installed on the terminal, and a browser is pre-deployed on the operating system.
  • the browser may be a browser that supports rendering of web pages. Rendering the web page through the browser enables more complete data display in the web page.
  • the terminal can obtain the user's data display request on the browser.
  • the data display request may be a data display request generated by the terminal encapsulating the data selected by the user through the http protocol.
  • the selected data may be vehicle-mounted data within a preset time period that needs to be played back.
  • the terminal parses the data display request to obtain the data identifier.
  • the data identification may include a data ID (Identity document).
  • Step 204 Jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application.
  • Step 206 Run the visualization application through the browser, and transmit the data identification to the visualization application.
  • the data display request may include the link address of the target webpage, and the link address may be a URL (Uniform Resource Locator), and the URL may be used to identify the storage location of the resource of the target webpage.
  • the terminal jumps from the current page of the browser to the corresponding target webpage according to the data display request.
  • the landing page includes a visualization application.
  • the visualization application is a wasm file obtained by compiling a preset application script.
  • the wasm file is a binary file that can be run on an operating system with a browser.
  • the terminal can identify whether there is an updated version of the visualization application in the target webpage according to the data display request.
  • the updated version of the visualization application is run through the browser.
  • the browser can transmit the data identification to the visualization application, and then obtain the corresponding vehicle-mounted data from the server according to the data identification through the visualization application, and display the vehicle-mounted data.
  • Step 208 Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server.
  • Step 210 Receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application.
  • the terminal encapsulates the data identification according to the preset protocol through the visualization application, generates a data acquisition request according to the encapsulated data, and sends the data acquisition request to the server according to the preset protocol.
  • the encapsulated data may include data identification, header file, interface identification, terminal status data, and so on.
  • the server parses the data acquisition request according to the preset protocol, and can obtain the data identification, interface identification, etc.
  • the server thus calls the interface corresponding to the interface identification, and obtains the vehicle-mounted data corresponding to the data identification in the cloud through the interface.
  • the vehicle-mounted data may be data within a preset time period. On-board data can include the speed, mileage, location information, map information, etc. of the vehicle during the automatic driving process. By storing data in the cloud, you can ensure that the data will never be lost and improve the security of the data.
  • the terminal receives the vehicle-mounted data returned by the server through the visualization application.
  • Step 212 Render the vehicle-mounted data through the browser, and display the rendered vehicle-mounted image on the visualization application.
  • the terminal converts the received vehicle-mounted data through a visualization application to obtain corresponding indicator data.
  • the index data may include driving speed, driving distance, location coordinates, and so on. Since the vehicle-mounted data is data within a preset time, the indicator data is rendered through the browser, that is, page rendering, so that multiple frames of vehicle-mounted images can be generated, and the multiple-frame vehicle-mounted images can be displayed through a visualization application.
  • Page rendering refers to the process of parsing html (hyper text markup language, hypertext markup language) through rules defined by CSS (Cascading Style Sheets) to implement page rendering.
  • the terminal obtains the data display request of the browser, and the data display request carries the data identifier. Jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application. In this way, the visualization application is run through the browser, and the data identification is transmitted to the visualization application.
  • a data acquisition request is generated according to the data identifier through a visualization application, the data acquisition request is sent to the server, and the vehicle-mounted data corresponding to the data acquisition request returned by the server is received. Furthermore, the vehicle-mounted data is rendered through the browser, and the rendered vehicle-mounted image is displayed on the visualization application. Since the visualization application is embedded in the target webpage, the visualization application can be run on the browser, so that the same version of the visualization application can be run on multiple operating systems with the browser installed, and there is no need to package the corresponding for each operating system The visualization application version avoids unnecessary manpower and material resources consumption in the process of vehicle image display, and then renders vehicle data through the browser and displays it on the visualization application, realizing the effective optimization of the traditional vehicle image display method.
  • the above method further includes the step of developing a visualization application, which specifically includes:
  • Step 302 Obtain a preset application script, and convert the preset application script into a cpp file.
  • Step 304 Compile the cpp file to obtain the wasm file, glue script and html page, use the wasm file as a visualization application, and use the glue script and html page to run the visualization application through a browser.
  • the terminal Before obtaining the data display request of the browser, the terminal will develop a visualization application that can run on the browser in advance.
  • the terminal obtains a preset application script, the preset application script may be a unity-based visual application script, and the preset application script is written in C#.
  • C# is an object-oriented programming language.
  • the visualization application corresponding to the preset application script can only be run in a specific operating system, and cannot be run in a browser.
  • the terminal converts the preset application script into a cpp file through IL2CPP (Intermediate Language To C++).
  • the cpp file is a source code file format written in C++ language (C plus plus, intermediate language).
  • the terminal thus compiles the cpp file through the emscripten compiler to obtain the wasm file, the glue script, and the html (hypertext markup language) page.
  • the wasm file can run in JavaScript.
  • JavaScript is a literal scripting language that can be run on the browser, that is, the wasm file is run on the browser, and the visualization application can be run on the browser.
  • Glue scripts and html pages are used to run visualization applications through the browser.
  • Glue script is a JavaScript file used to connect incompatible software components, that is, connect JavaScript and wasm to realize the interaction between JavaScript and wasm.
  • the html page is used to run the wasm file in the browser.
  • the terminal converts the preset application script into a cpp file by acquiring the preset application script. Compile the cpp file to obtain the wasm file, glue script and html page, use the wasm file as a visualization application, and use the glue script and html page to run the visualization application through a browser.
  • the cpp file is a source code file format written in C++ language (C plus plus, intermediate language).
  • the cpp file is compiled into a wasm file that can be run in a browser, so that the same version of the visualization application can be run on the installed browser. There is no need to package the corresponding visualization application version for each operating system on multiple operating systems of the device, avoiding unnecessary manpower and material resources.
  • running the visualization application through the browser includes: identifying the visualization application through the browser according to the glue script; and running the identified visualization application on the html page through the browser.
  • the terminal Before obtaining the data display request of the browser, the terminal converts the preset application script into a cpp file, and compiles the cpp file into a wasm file. Glue scripts and html pages will also be obtained during the compilation process.
  • the terminal uses the wasm file as a visualization application. JavaScript is running in the browser, and the browser can identify visual applications through glue scripts, and connect the visual applications with JavaScript to achieve interaction. Then the browser runs the wasm file through the html page.
  • the visual application is recognized according to the glue script through the browser, and the visual application obtained by the recognition is run on the html page through the browser. Since the visualization application exists in the wasm file format, and the browser cannot directly recognize the wasm file, the glue script is helpful for the browser to recognize the visualization application and run the visualization application on the html page generated during the compilation process to realize the wasm file in Stable operation on the browser.
  • before running the visualization application through the browser it further includes: sending the data display request to the server through the browser, and receiving the response information returned by the server; and identifying whether the visualization application has an updated version according to the response information through the browser ; When there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version of the visualization application; when there is no updated version, run the visualization application in the cached resource through the browser.
  • the terminal Before running the visualization application through the browser, the terminal will recognize whether the visualization application in the target webpage has been updated. Specifically, when the browser obtains the data display request, it sends the data display request to the server so as to receive the response information returned by the server.
  • the data display request may be an http request generated according to the http protocol.
  • the response information returned by the server is http response information.
  • the browser parses the response information and can get the http response header.
  • the browser identifies whether the state of the visualization application has changed according to the ETag (Entity Tag) field in the http response header, that is, whether there is an updated version of the visualization application. When the value of the ETag field in the http response header changes, it means that the visualization application has been updated and there is an updated version.
  • ETag Entity Tag
  • the browser will obtain the updated version of the visualization application from the server, and run the updated version of the visualization application.
  • the value of the ETag field in the http response header does not change, it means that the visualization application has not been updated and there is no updated version.
  • the browser obtains the visualization application from the cached resource and runs it.
  • the terminal receives the response information returned by the server through the browser, recognizes whether there is an updated version of the visualization application according to the response information, and determines whether to obtain the updated version of the visualization application from the server or obtain the visualization application from the cached resource based on the response information.
  • the new version of the visualization application can be automatically obtained, without the need to manually pull the new version of the visualization application, and the automation of the new version should be released.
  • rendering the vehicle-mounted data through a browser, and displaying the rendered vehicle-mounted image on a visualization application includes: converting the vehicle-mounted data into corresponding index data through the visualization application; Render to get the vehicle-mounted image, and display the vehicle-mounted image on the visualization application.
  • the terminal After the terminal obtains the vehicle-mounted data returned by the server through the visualization application, it can convert the vehicle-mounted data into corresponding indicator data through the visualization application.
  • the vehicle-mounted data may be vehicle-mounted data within a preset time period.
  • the server returns the vehicle-mounted data to the visualization application in the form of a string, and the visualization application converts the received string into indicator data, that is, an object.
  • Index data may include indexes such as driving speed, driving distance, and location coordinates.
  • the browser renders the indicator data, that is, page rendering, to generate a vehicle-mounted image, which is a vehicle-mounted image with multiple consecutive frames in a temporal order.
  • Each frame is a still picture
  • the terminal displays the multi-frame vehicle-mounted image through a visualization application, and the multi-frame vehicle-mounted image is formed into an animation.
  • Page rendering refers to the process of parsing html (hyper text markup language, hypertext markup language) through rules defined by CSS (Cascading Style Sheets) to implement page rendering.
  • the terminal converts the vehicle-mounted data into corresponding index data through a visualization application, which facilitates the browser to render the vehicle-mounted data accurately and quickly, so that the index data is rendered through the browser to obtain the vehicle-mounted image. Since the vehicle-mounted image is obtained through browser rendering and analysis, the obtained vehicle-mounted image is more complete, thereby improving the accuracy of the vehicle-mounted image display.
  • the terminal may use the script language engine in the browser to calculate and combine the indicator data, and render the vehicle-mounted image. Specifically, the corresponding position of the indicator data is calculated through the script language engine in the browser, so that the indicator data is combined to obtain a complete vehicle-mounted image, which is displayed on the visualization application.
  • the scripting language engine may be a Java script engine. The vehicle-mounted image obtained through the calculation and combination of the script language engine is more complete, which effectively improves the accuracy of the vehicle-mounted image display.
  • generating the data acquisition request according to the data identification through the visualization application includes: assemble the data identification through the visualization application according to a preset protocol to obtain the assembled data; and encapsulate the assembled data through the visualization application to obtain Encapsulated data; through a visualization application, a data acquisition request is generated based on the encapsulated data.
  • the terminal may load the preset protocol.
  • the preset protocol may be the http protocol.
  • the data identification is assembled according to the preset protocol through the visualization application, and the assembled data is obtained.
  • the assembled data can include data identification, header files, interface identification, terminal status data, and so on.
  • the header file can be a carrier file containing function functions and data interface declarations.
  • the terminal encapsulates the assembled data into the object through the visualization application, and then obtains the encapsulated data.
  • the object can be a variable with a type of class.
  • a class can be a blueprint for creating objects, or a software template for methods and variables in a specific type of object.
  • the class can encapsulate the assembled data and the operations on the assembled data.
  • the terminal generates a data acquisition request according to the encapsulated data, and can send the data acquisition request to the server according to a preset protocol.
  • the server is pre-configured with a preset protocol.
  • the server receives the data acquisition request, it calls the preset protocol to parse the data acquisition request, and obtains the data identification, header file, interface identification, terminal status data, etc.
  • the server encapsulates the parsed data into a request object, calls the interface corresponding to the interface identifier according to the request object, and obtains the vehicle-mounted data corresponding to the data identifier in the cloud through the interface.
  • the server uses the response object to send the vehicle-mounted data to the visualization application.
  • the terminal assembles and encapsulates the data identification according to the preset protocol through the visualization application, and generates the data acquisition request, which can hide the data identification and prevent the data identification and the corresponding code from being randomly accessed by the code defined by the external class. The security of on-board data acquisition.
  • a vehicle-mounted image display optimization device including: an acquisition module 402, a jump module 404, an operation module 406, a generation module 408, a receiving module 410, and a display module 412 ,in:
  • the obtaining module 402 is used to obtain a data display request of the browser, and the data display request carries a data identifier.
  • the jump module 404 is configured to jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application.
  • the running module 406 is used to run the visualization application through the browser, and transmit the data identification to the visualization application.
  • the generating module 408 is configured to generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server.
  • the receiving module 410 is configured to receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application.
  • the display module 412 is configured to render the vehicle-mounted data through the browser, and display the rendered vehicle-mounted image on the visualization application.
  • the above-mentioned device further includes: a compiling module for obtaining a preset application script and converting the preset application script into a cpp file; compiling the cpp file to obtain a wasm file, a glue script, and an html page, and The wasm file is used as a visualization application, and the glue script and html page are used to run the visualization application through the browser.
  • a compiling module for obtaining a preset application script and converting the preset application script into a cpp file
  • compiling the cpp file to obtain a wasm file, a glue script, and an html page
  • the wasm file is used as a visualization application
  • the glue script and html page are used to run the visualization application through the browser.
  • the running module 406 is further configured to recognize the visualization application according to the glue script through the browser; and to run the recognized visualization application on the html page through the browser.
  • the above-mentioned device further includes: an identification module for identifying whether there is an updated version of the visualization application through the browser; when there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version When there is no updated version, run the visualization application in the cached resource through the browser.
  • the display module 412 is also used to convert vehicle-mounted data into corresponding index data through a visualization application; render the index data through a browser to obtain a vehicle-mounted image, and display the vehicle-mounted image on the visualization application.
  • the generation module 408 is further configured to assemble the data identifiers according to a preset protocol through a visualization application to obtain assembled data; encapsulate the assembled data through the visualization application to obtain the encapsulated data; The visualization application generates a data acquisition request based on the encapsulated data.
  • each module in the above vehicle image display optimization device can be implemented in whole or in part by software, hardware, and combinations thereof.
  • the above-mentioned modules may be embedded in the form of hardware or independent of the processor in the computer equipment, or may be stored in the memory of the computer equipment in the form of software, so that the processor can call and execute the operations corresponding to the above-mentioned modules.
  • a computer device is provided.
  • the computer device may be a terminal, and its internal structure diagram may be as shown in FIG. 5.
  • the computer equipment includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus.
  • the processor of the computer device is used to provide calculation 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 computer programs 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.
  • the computer program is executed by the processor to realize an optimization method for vehicle-mounted image display.
  • the display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen
  • the input device of the computer equipment can be a touch layer covered on the display screen, or it can be a button, a trackball or a touch pad set on the housing of the computer equipment , It can also be an external keyboard, touchpad, or mouse.
  • FIG. 5 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 Including more or fewer parts than shown in the figure, or combining some parts, or having a different arrangement of parts.
  • a computer device that includes a memory and one or more processors.
  • the memory stores computer-readable instructions.
  • the one or more processors execute each of the foregoing method implementations. The steps in the example.
  • One or more non-volatile computer-readable storage media storing computer-readable instructions.
  • the computer-readable instructions are executed by one or more processors, the one or more processors execute the steps in each of the foregoing method embodiments. step.
  • Non-volatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
  • Volatile memory may include random access memory (RAM) or external cache memory.
  • 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 chain Channel (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

An optimization method for vehicle-mounted image display, comprising: acquiring a data display request from a browser, the data display request carrying data identification (202); jumping from a current page of the browser to a corresponding target web page according to the data display request, the target web page comprising a visualization application (204); transmitting the data identification to the visualization application by means of the browser running the visualization application (206); generating a data acquisition request according to the data identification by means of the visualization application, and sending the data acquisition request to a server (208); by means of the visualization application, receiving vehicle-mounted data corresponding to the data acquisition request returned by the server (210); rendering the vehicle-mounted data by means of the browser, and displaying the rendered vehicle-mounted image on the visualization application (212).

Description

车载图像显示的优化方法、装置、计算机设备和存储介质Optimization method, device, computer equipment and storage medium for vehicle-mounted image display 技术领域Technical field

本申请涉及一种车载图像显示的优化方法、装置、计算机设备和存储介质。This application relates to an optimization method, device, computer equipment and storage medium for vehicle-mounted image display.

背景技术Background technique

企业在进行自动驾驶技术的研发过程中,需要将车载图像在可视化应用上进行显示,从而实现可视化应用对自动驾驶过程中所采用的感知方式、预测方式、规划方式以及控制方式等多种方式进行反馈,进而通过反馈结果对多种方式进行优化。传统方式中,同一版本的可视化应用只能在特定的操作系统中运行,当需要将可视化应用在其他操作系统上运行时,需要根据相应的操作系统打包不同的可视化应用版本,才能将车载图像进行显示,导致现有的可视化应用在跨平台运行时,存在不必要的人力物力消耗。因此,如何有效优化传统的车载图像显示方式成为目前需要解决的一个技术问题。In the process of research and development of autonomous driving technology, enterprises need to display on-board images on visualization applications, so as to realize that visualization applications can perform various methods such as perception methods, prediction methods, planning methods, and control methods used in the automatic driving process. Feedback, and then optimize a variety of ways through feedback results. In the traditional way, the visualization application of the same version can only be run in a specific operating system. When the visualization application needs to be run on other operating systems, different visualization application versions need to be packaged according to the corresponding operating system in order to perform the on-board image It shows that the existing visualization applications have unnecessary manpower and material resources when they are running across platforms. Therefore, how to effectively optimize the traditional vehicle-mounted image display method has become a technical problem that needs to be solved at present.

发明内容Summary of the invention

根据本申请公开的各种实施例,提供一种能够有效优化传统的车载图像显示方式的车载图像显示的优化方法、装置、计算机设备和存储介质。According to various embodiments disclosed in the present application, an optimization method, device, computer device, and storage medium for vehicular image display that can effectively optimize the traditional vehicular image display mode are provided.

一种车载图像显示的优化方法,包括:An optimization method for vehicle image display, including:

获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier;

根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application;

通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application;

通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server;

通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and

通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.

一种车载图像显示的优化装置,包括:An optimization device for vehicle image display, including:

获取模块,用于获取浏览器的数据显示请求,所述数据显示请求携带数据标识;The obtaining module is used to obtain the data display request of the browser, and the data display request carries the data identifier;

跳转模块,用于根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;A jump module, configured to jump from the current page of the browser to a corresponding target webpage according to the data display request, and the target webpage includes a visualization application;

运行模块,用于通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;The running module is configured to run the visualization application through the browser, and transmit the data identifier to the visualization application;

生成模块,用于通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;A generating module, configured to generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server;

接收模块,用于通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及The receiving module is configured to receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and

显示模块,用于通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The display module is configured to render the vehicle-mounted data through the browser, and display the vehicle-mounted image obtained by the rendering on the visualization application.

一种计算机设备,包括存储器和一个或多个处理器,所述存储器中储存有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述一个或多个处理器执行以下步骤:A computer device, including a memory and one or more processors, the memory stores computer readable instructions, and when the computer readable instructions are executed by the processor, the one or more processors execute The following steps:

获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier;

根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application;

通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application;

通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server;

通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and

通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.

一个或多个存储有计算机可读指令的非易失性计算机可读存储介质,计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行以下步骤:One or more non-volatile computer-readable storage media storing computer-readable instructions. When the computer-readable instructions are executed by one or more processors, the one or more processors perform the following steps:

获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier;

根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application;

通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application;

通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获 取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server;

通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and

通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application.

本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征和优点将从说明书、附图以及权利要求书变得明显。The details of one or more embodiments of the present application are set forth in the following drawings and description. Other features and advantages of this application will become apparent from the description, drawings and claims.

附图说明Description of the drawings

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。In order to more clearly describe the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings needed in the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. A person of ordinary skill in the art can obtain other drawings based on these drawings without creative work.

图1为一个或多个实施例中车载图像显示的优化方法的应用环境图。Fig. 1 is an application environment diagram of an optimization method for vehicle image display in one or more embodiments.

图2为一个或多个实施例中车载图像显示的优化方法的流程示意图。Fig. 2 is a schematic flowchart of a method for optimizing vehicle image display in one or more embodiments.

图3为一个或多个实施例中对可视化应用进行开发步骤的流程示意图。Fig. 3 is a schematic diagram of a process flow of developing a visualization application in one or more embodiments.

图4为一个或多个实施例中车载图像显示的优化方法装置的框图。Fig. 4 is a block diagram of a method and apparatus for optimizing vehicle image display in one or more embodiments.

图5为一个或多个实施例中计算机设备的框图。Figure 5 is a block diagram of a computer device in one or more embodiments.

具体实施方式Detailed ways

为了使本申请的技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。In order to make the technical solutions and advantages of the present application clearer, the following further describes the present application in detail with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application, and are not used to limit the present application.

本申请提供的车载图像显示的优化方法,可以应用于如图1所示的应用环境中。终端102通过网络与服务器104进行通信。终端102上预先安装有操作系统,操作系统上预先部署有浏览器。终端102获取浏览器的数据显示请求,数据显示请求携带数据标识。终端根据数据显示请求从浏览器的当前页面跳转至对应的目标网页,目标网页中包括可视化应用。可视化应用可以用于进行数据显示。终端102通过浏览器运行可视化应用,将数据标识传输至可视化应用。可视化应用可以通过浏览器在不同的操作系统上运行。终端102通过可视化应用根据数据标识生成数据获取请求,将数据获取请求发送至服务器104。终端102通过可视化应用接收服务器104返回的数据获取请求对应的车载数据。终端102通过浏览器对车载数据进行渲染,将渲染得到的车载图像在可视化应用上进行显示。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。The method for optimizing vehicle image display provided in this application can be applied to the application environment as shown in FIG. 1. The terminal 102 communicates with the server 104 through the network. An operating system is pre-installed on the terminal 102, and a browser is pre-deployed on the operating system. The terminal 102 obtains the data display request of the browser, and the data display request carries the data identifier. The terminal jumps from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application. Visualization applications can be used for data display. The terminal 102 runs the visualization application through the browser, and transmits the data identification to the visualization application. Visualization applications can be run on different operating systems through a browser. The terminal 102 generates a data acquisition request according to the data identifier through a visualization application, and sends the data acquisition request to the server 104. The terminal 102 receives the vehicle-mounted data corresponding to the data acquisition request returned by the server 104 through the visualization application. The terminal 102 renders the vehicle-mounted data through the browser, and displays the rendered vehicle-mounted image on the visualization application. Among them, the terminal 102 may be, but is not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices. The server 104 may be implemented as an independent server or a server cluster composed of multiple servers.

在其中一个实施例中,如图2所示,提供了一种车载图像显示的优化方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:In one of the embodiments, as shown in FIG. 2, a method for optimizing the display of an in-vehicle image is provided. Taking the method applied to the terminal in FIG. 1 as an example, the method includes the following steps:

步骤202,获取浏览器的数据显示请求,数据显示请求携带数据标识。Step 202: Obtain a data display request from the browser, and the data display request carries a data identifier.

终端上预先安装有操作系统,操作系统上预先部署有浏览器。浏览器可以是支持对网页进行渲染的浏览器。通过浏览器对网页进行渲染,能够在网页中进行更完整的数据显示。终端可以获取用户在浏览器上的数据显示请求。数据显示请求可以是终端通过http协议将用户选择的数据进行封装,生成的数据显示请求。选择的数据可以是需要进行回放的预设时间段内的车载数据。终端对数据显示请求进行解析,得到数据标识。数据标识可以包括数据ID(Identity document)。An operating system is pre-installed on the terminal, and a browser is pre-deployed on the operating system. The browser may be a browser that supports rendering of web pages. Rendering the web page through the browser enables more complete data display in the web page. The terminal can obtain the user's data display request on the browser. The data display request may be a data display request generated by the terminal encapsulating the data selected by the user through the http protocol. The selected data may be vehicle-mounted data within a preset time period that needs to be played back. The terminal parses the data display request to obtain the data identifier. The data identification may include a data ID (Identity document).

步骤204,根据数据显示请求从浏览器的当前页面跳转至对应的目标网页,目标网页中包括可视化应用。Step 204: Jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application.

步骤206,通过浏览器运行可视化应用,将数据标识传输至可视化应用。Step 206: Run the visualization application through the browser, and transmit the data identification to the visualization application.

数据显示请求可以包括目标网页的链接地址,链接地址可以是URL(Uniform Resource Locator,统一资源定位符),URL可以用于标识目标网页的资源的存储位置。终端根据数据显示请求从浏览器的当前页面跳转至对应的目标网页。目标网页中包括可视化应用。可视化应用是将预设应用脚本进行编译得到的wasm文件,wasm文件是一种二进制文件,可以运行在具备浏览器的操作系统上。The data display request may include the link address of the target webpage, and the link address may be a URL (Uniform Resource Locator), and the URL may be used to identify the storage location of the resource of the target webpage. The terminal jumps from the current page of the browser to the corresponding target webpage according to the data display request. The landing page includes a visualization application. The visualization application is a wasm file obtained by compiling a preset application script. The wasm file is a binary file that can be run on an operating system with a browser.

终端可以根据数据显示请求识别目标网页中的可视化应用是否存在更新版本。当可视化应用存在更新版本时,通过浏览器运行该更新版本的可视化应用。当可视化应用不存在更新版本时,通过浏览器运行缓存资源中的可视化应用。当通过浏览器运行可视化应用后,浏览器可以将数据标识传输至可视化应用,进而通过可视化应用根据数据标识在服务器中获取对应的车载数据,并将车载数据进行显示。The terminal can identify whether there is an updated version of the visualization application in the target webpage according to the data display request. When there is an updated version of the visualization application, the updated version of the visualization application is run through the browser. When there is no updated version of the visualization application, run the visualization application in the cached resource through the browser. After running the visualization application through the browser, the browser can transmit the data identification to the visualization application, and then obtain the corresponding vehicle-mounted data from the server according to the data identification through the visualization application, and display the vehicle-mounted data.

步骤208,通过可视化应用根据数据标识生成数据获取请求,将数据获取请求发送至服务器。Step 208: Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server.

步骤210,通过可视化应用接收服务器返回的数据获取请求对应的车载数据。Step 210: Receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application.

终端通过可视化应用根据预设协议将数据标识进行封装,根据封装后的数据生成数据获取请求,从而根据预设协议将数据获取请求发送至服务器。封装后的数据可以包括数据标识、头文件、接口标识、终端的状态数据等。服务器在接收到数据获取请求后,根据预设协议对数据获取请求进行解析,可以得到 数据标识、接口标识等。服务器从而在调用接口标识对应的接口,通过该接口在云端中获取数据标识对应的车载数据。车载数据可以是预设时间段内的数据。车载数据可以包括自动驾驶过程中车辆的行驶速度、行驶里程、位置信息、地图信息等。通过云端存储数据,可以保证数据永不丢失,提高了数据的安全性。终端通过可视化应用接收服务器返回的车载数据。The terminal encapsulates the data identification according to the preset protocol through the visualization application, generates a data acquisition request according to the encapsulated data, and sends the data acquisition request to the server according to the preset protocol. The encapsulated data may include data identification, header file, interface identification, terminal status data, and so on. After receiving the data acquisition request, the server parses the data acquisition request according to the preset protocol, and can obtain the data identification, interface identification, etc. The server thus calls the interface corresponding to the interface identification, and obtains the vehicle-mounted data corresponding to the data identification in the cloud through the interface. The vehicle-mounted data may be data within a preset time period. On-board data can include the speed, mileage, location information, map information, etc. of the vehicle during the automatic driving process. By storing data in the cloud, you can ensure that the data will never be lost and improve the security of the data. The terminal receives the vehicle-mounted data returned by the server through the visualization application.

步骤212,通过浏览器对车载数据进行渲染,将渲染得到的车载图像在可视化应用上进行显示。Step 212: Render the vehicle-mounted data through the browser, and display the rendered vehicle-mounted image on the visualization application.

终端通过可视化应用对接收到的车载数据进行转换,得到相应的指标数据。指标数据可以包括行驶速度、行驶里程、位置坐标等。由于车载数据是预设时间内的数据,通过浏览器对指标数据进行渲染,即页面渲染,从而可以生成多帧车载图像,并通过可视化应用显示该多帧车载图像。页面渲染是指通过CSS(Cascading Style Sheets,层叠样式表)定义的规则将html(hyper text markup language,超文本标记语言)进行解析,实现页面绘制的过程。The terminal converts the received vehicle-mounted data through a visualization application to obtain corresponding indicator data. The index data may include driving speed, driving distance, location coordinates, and so on. Since the vehicle-mounted data is data within a preset time, the indicator data is rendered through the browser, that is, page rendering, so that multiple frames of vehicle-mounted images can be generated, and the multiple-frame vehicle-mounted images can be displayed through a visualization application. Page rendering refers to the process of parsing html (hyper text markup language, hypertext markup language) through rules defined by CSS (Cascading Style Sheets) to implement page rendering.

传统方式中,同一版本的可视化应用只能在特定的操作系统中运行,当需要将可视化应用在其他操作系统上运行时,需要根据相应的操作系统打包不同的可视化应用版本,才能将车载图像进行显示,导致现有的可视化应用在跨平台运行时,存在不必要的人力物力消耗。而在本实施例中,终端获取浏览器的数据显示请求,数据显示请求携带数据标识。根据数据显示请求从浏览器的当前页面跳转至对应的目标网页,目标网页中包括可视化应用。从而通过浏览器运行可视化应用,将数据标识传输至可视化应用。通过可视化应用根据数据标识生成数据获取请求,将数据获取请求发送至服务器,接收服务器返回的数据获取请求对应的车载数据。进而通过浏览器对车载数据进行渲染,将渲染得到的车载图像在可视化应用上进行显示。由于可视化应用是嵌在目标网页中的, 能够将可视化应用在浏览器上运行,从而实现将同一版本的可视化应用运行在安装有浏览器的多个操作系统上,无需针对每个操作系统打包相应的可视化应用版本,避免了车载图像显示过程中不必要的人力物力消耗,进而通过浏览器渲染车载数据,显示在可视化应用上,实现了传统的车载图像显示方式的有效优化。In the traditional way, the visualization application of the same version can only be run in a specific operating system. When the visualization application needs to be run on other operating systems, different visualization application versions need to be packaged according to the corresponding operating system in order to perform the on-board image It shows that the existing visualization applications have unnecessary manpower and material resources when they are running across platforms. In this embodiment, the terminal obtains the data display request of the browser, and the data display request carries the data identifier. Jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application. In this way, the visualization application is run through the browser, and the data identification is transmitted to the visualization application. A data acquisition request is generated according to the data identifier through a visualization application, the data acquisition request is sent to the server, and the vehicle-mounted data corresponding to the data acquisition request returned by the server is received. Furthermore, the vehicle-mounted data is rendered through the browser, and the rendered vehicle-mounted image is displayed on the visualization application. Since the visualization application is embedded in the target webpage, the visualization application can be run on the browser, so that the same version of the visualization application can be run on multiple operating systems with the browser installed, and there is no need to package the corresponding for each operating system The visualization application version avoids unnecessary manpower and material resources consumption in the process of vehicle image display, and then renders vehicle data through the browser and displays it on the visualization application, realizing the effective optimization of the traditional vehicle image display method.

在其中一个实施例中,如图3所示,上述方法还包括:对可视化应用进行开发的步骤,具体包括:In one of the embodiments, as shown in FIG. 3, the above method further includes the step of developing a visualization application, which specifically includes:

步骤302,获取预设应用脚本,将预设应用脚本转换为cpp文件。Step 302: Obtain a preset application script, and convert the preset application script into a cpp file.

步骤304,将cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将wasm文件作为可视化应用,胶水脚本和html页面用于通过浏览器运行可视化应用。Step 304: Compile the cpp file to obtain the wasm file, glue script and html page, use the wasm file as a visualization application, and use the glue script and html page to run the visualization application through a browser.

终端在获取浏览器的数据显示请求之前,会预先开发出可以在浏览器上运行的可视化应用。终端获取预设应用脚本,预设应用脚本可以是基于unity的可视化应用脚本,预设应用脚本是用C#编写的。C#是一种面向对象的编程语言。预设应用脚本对应的可视化应用只能在特定的操作系统中运行,无法在浏览器中运行。终端通过IL2CPP(Intermediate Language To C++,中间语言)将预设应用脚本转换为cpp文件。cpp文件是用C++语言(C plus plus,中级语言)编写的源代码文件格式。Before obtaining the data display request of the browser, the terminal will develop a visualization application that can run on the browser in advance. The terminal obtains a preset application script, the preset application script may be a unity-based visual application script, and the preset application script is written in C#. C# is an object-oriented programming language. The visualization application corresponding to the preset application script can only be run in a specific operating system, and cannot be run in a browser. The terminal converts the preset application script into a cpp file through IL2CPP (Intermediate Language To C++). The cpp file is a source code file format written in C++ language (C plus plus, intermediate language).

终端从而通过emscripten编译器将cpp文件进行编译,得到wasm文件、胶水脚本和html(hyper text markup language,超文本标记语言)页面。wasm文件能够在JavaScript中运行。JavaScript是一种直译式脚本语言,可以在浏览器上运行,即将wasm文件在浏览器上运行,实现将可视化应用在浏览器上运行。胶水脚本和html页面用于通过浏览器运行可视化应用。胶水脚本是一种JavaScript 文件,用于连接相互不兼容的软件组件,即连接JavaScript与wasm,实现JavaScript与wasm之间的交互。html页面用于在浏览器中运行wasm文件。The terminal thus compiles the cpp file through the emscripten compiler to obtain the wasm file, the glue script, and the html (hypertext markup language) page. The wasm file can run in JavaScript. JavaScript is a literal scripting language that can be run on the browser, that is, the wasm file is run on the browser, and the visualization application can be run on the browser. Glue scripts and html pages are used to run visualization applications through the browser. Glue script is a JavaScript file used to connect incompatible software components, that is, connect JavaScript and wasm to realize the interaction between JavaScript and wasm. The html page is used to run the wasm file in the browser.

在本实施例中,终端通过获取预设应用脚本,将预设应用脚本转换为cpp文件。将cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将wasm文件作为可视化应用,胶水脚本和html页面用于通过浏览器运行可视化应用。cpp文件是用C++语言(C plus plus,中级语言)编写的源代码文件格式,在将cpp文件编译为可在浏览器中运行的wasm文件,从而实现将同一版本的可视化应用运行在安装有浏览器的多个操作系统上,无需针对每个操作系统打包相应的可视化应用版本,避免了不必要的人力物力消耗。In this embodiment, the terminal converts the preset application script into a cpp file by acquiring the preset application script. Compile the cpp file to obtain the wasm file, glue script and html page, use the wasm file as a visualization application, and use the glue script and html page to run the visualization application through a browser. The cpp file is a source code file format written in C++ language (C plus plus, intermediate language). The cpp file is compiled into a wasm file that can be run in a browser, so that the same version of the visualization application can be run on the installed browser. There is no need to package the corresponding visualization application version for each operating system on multiple operating systems of the device, avoiding unnecessary manpower and material resources.

在其中一个实施例中,通过浏览器运行可视化应用包括:通过浏览器根据胶水脚本识别可视化应用;通过浏览器在html页面上运行识别得到的可视化应用。In one of the embodiments, running the visualization application through the browser includes: identifying the visualization application through the browser according to the glue script; and running the identified visualization application on the html page through the browser.

终端在获取浏览器的数据显示请求之前,会将预设应用脚本转换为cpp文件,并将cpp文件编译为wasm文件。在编译的过程中还会得到胶水脚本和html页面。终端将wasm文件作为可视化应用。浏览器中运行的是JavaScript,浏览器可以通过胶水脚本来识别可视化应用,将可视化应用与JavaScript进行连接,实现交互。进而浏览器通过html页面运行wasm文件。Before obtaining the data display request of the browser, the terminal converts the preset application script into a cpp file, and compiles the cpp file into a wasm file. Glue scripts and html pages will also be obtained during the compilation process. The terminal uses the wasm file as a visualization application. JavaScript is running in the browser, and the browser can identify visual applications through glue scripts, and connect the visual applications with JavaScript to achieve interaction. Then the browser runs the wasm file through the html page.

在本实施例中,通过浏览器根据胶水脚本识别可视化应用,通过浏览器在html页面上运行识别得到的可视化应用。由于可视化应用是以wasm文件格式存在的,而浏览器无法直接识别wasm文件,通过胶水脚本有利于浏览器识别可视化应用,并将可视化应用在编译过程中生成的html页面上运行,实现wasm文件在浏览器上稳定运行。In this embodiment, the visual application is recognized according to the glue script through the browser, and the visual application obtained by the recognition is run on the html page through the browser. Since the visualization application exists in the wasm file format, and the browser cannot directly recognize the wasm file, the glue script is helpful for the browser to recognize the visualization application and run the visualization application on the html page generated during the compilation process to realize the wasm file in Stable operation on the browser.

在其中一个实施例中,在通过浏览器运行可视化应用之前,还包括:通过 浏览器将数据显示请求发送至服务器,接收服务器返回的响应信息;通过浏览器根据响应信息识别可视化应用是否存在更新版本;当存在更新版本时,通过浏览器在服务器中获取更新版本的可视化应用,运行更新版本的可视化应用;当不存在更新版本时,通过浏览器运行缓存资源中的可视化应用。In one of the embodiments, before running the visualization application through the browser, it further includes: sending the data display request to the server through the browser, and receiving the response information returned by the server; and identifying whether the visualization application has an updated version according to the response information through the browser ; When there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version of the visualization application; when there is no updated version, run the visualization application in the cached resource through the browser.

终端在通过浏览器运行可视化应用之前,会识别目标网页中的可视化应用是否做了更新。具体的,当浏览器获取到数据显示请求时,将数据显示请求发送至服务器,以便接收服务器返回的响应信息。数据显示请求可以是根据http协议生成的http请求。相应地,服务器返回的响应信息为http响应信息。浏览器对响应信息进行解析,可以得到http响应头。浏览器根据http响应头中的ETag(Entity Tag,实体标签)字段来识别可视化应用的状态是否发生了改变,即可视化应用是否存在更新版本。当http响应头中的ETag字段的值发生变更时,表示可视化应用已进行更新,存在更新版本。此时,浏览器会在服务器中获取更新版本的可视化应用,并运行该更新版本的可视化应用。当http响应头中的ETag字段的值未发生变更时,表示可视化应用未进行更新,不存在更新版本。此时,浏览器在缓存资源中获取可视化应用,并运行。Before running the visualization application through the browser, the terminal will recognize whether the visualization application in the target webpage has been updated. Specifically, when the browser obtains the data display request, it sends the data display request to the server so as to receive the response information returned by the server. The data display request may be an http request generated according to the http protocol. Correspondingly, the response information returned by the server is http response information. The browser parses the response information and can get the http response header. The browser identifies whether the state of the visualization application has changed according to the ETag (Entity Tag) field in the http response header, that is, whether there is an updated version of the visualization application. When the value of the ETag field in the http response header changes, it means that the visualization application has been updated and there is an updated version. At this time, the browser will obtain the updated version of the visualization application from the server, and run the updated version of the visualization application. When the value of the ETag field in the http response header does not change, it means that the visualization application has not been updated and there is no updated version. At this point, the browser obtains the visualization application from the cached resource and runs it.

在本实施例中,终端通过浏览器接收服务器返回的响应信息,根据响应信息识别可视化应用是否存在更新版本,并以此决定从服务器获取更新版本的可视化应用,还是从缓存资源中获取可视化应用,能够在新版本发布时,自动获取新版本的可视化应用,无需人工拉取新版本的可视化应用,实现了新版本应应用发布的自动化。In this embodiment, the terminal receives the response information returned by the server through the browser, recognizes whether there is an updated version of the visualization application according to the response information, and determines whether to obtain the updated version of the visualization application from the server or obtain the visualization application from the cached resource based on the response information. When the new version is released, the new version of the visualization application can be automatically obtained, without the need to manually pull the new version of the visualization application, and the automation of the new version should be released.

在其中一个实施例中,通过浏览器对车载数据进行渲染,将渲染得到的车载图像在可视化应用上进行显示包括:通过可视化应用将车载数据转换为相应的指标数据;通过浏览器对指标数据进行渲染,得到车载图像,将车载图像在 可视化应用上进行显示。In one of the embodiments, rendering the vehicle-mounted data through a browser, and displaying the rendered vehicle-mounted image on a visualization application includes: converting the vehicle-mounted data into corresponding index data through the visualization application; Render to get the vehicle-mounted image, and display the vehicle-mounted image on the visualization application.

终端在通过可视化应用获取到服务器返回的车载数据之后,可以通过可视化应用将车载数据转换为相应的指标数据。车载数据可以是预设时间段内的车载数据。服务器将车载数据以字符串的形式返回至可视化应用,可视化应用将接收到的字符串转换为指标数据,即对象。指标数据可包括行驶速度、行驶里程、位置坐标等指标。从而浏览器对指标数据进行渲染,即页面渲染,生成车载图像,该车载图像是连续多帧在时间上存在先后顺序的车载图像。每一帧为静止的画面,终端通过可视化应用显示该多帧车载图像,将多帧车载图像形成动画。页面渲染是指通过CSS(Cascading Style Sheets,层叠样式表)定义的规则将html(hyper text markup language,超文本标记语言)进行解析,实现页面绘制的过程。After the terminal obtains the vehicle-mounted data returned by the server through the visualization application, it can convert the vehicle-mounted data into corresponding indicator data through the visualization application. The vehicle-mounted data may be vehicle-mounted data within a preset time period. The server returns the vehicle-mounted data to the visualization application in the form of a string, and the visualization application converts the received string into indicator data, that is, an object. Index data may include indexes such as driving speed, driving distance, and location coordinates. In this way, the browser renders the indicator data, that is, page rendering, to generate a vehicle-mounted image, which is a vehicle-mounted image with multiple consecutive frames in a temporal order. Each frame is a still picture, and the terminal displays the multi-frame vehicle-mounted image through a visualization application, and the multi-frame vehicle-mounted image is formed into an animation. Page rendering refers to the process of parsing html (hyper text markup language, hypertext markup language) through rules defined by CSS (Cascading Style Sheets) to implement page rendering.

在本实施例中,终端通过可视化应用将车载数据转换为相应的指标数据,有利于浏览器进行准确快速地渲染车载数据,从而通过浏览器对指标数据进行渲染,得到车载图像。由于车载图像是通过浏览器渲染解析得到的,得到的车载图像更加完整,从而提高了车载图像显示的准确性。In this embodiment, the terminal converts the vehicle-mounted data into corresponding index data through a visualization application, which facilitates the browser to render the vehicle-mounted data accurately and quickly, so that the index data is rendered through the browser to obtain the vehicle-mounted image. Since the vehicle-mounted image is obtained through browser rendering and analysis, the obtained vehicle-mounted image is more complete, thereby improving the accuracy of the vehicle-mounted image display.

在其中一个实施例中,终端可以通过浏览器中的脚本语言引擎,对指标数据进行计算组合,渲染得到车载图像。具体的,通过浏览器中的脚本语言引擎计算得到指标数据的对应位置,从而将指标数据进行组合,得到完整的车载图像,显示在可视化应用上。脚本语言引擎可以是Java script引擎。通过脚本语言引擎进行计算组合得到的车载图像,更为完整,有效提高了车载图像显示的准确性。In one of the embodiments, the terminal may use the script language engine in the browser to calculate and combine the indicator data, and render the vehicle-mounted image. Specifically, the corresponding position of the indicator data is calculated through the script language engine in the browser, so that the indicator data is combined to obtain a complete vehicle-mounted image, which is displayed on the visualization application. The scripting language engine may be a Java script engine. The vehicle-mounted image obtained through the calculation and combination of the script language engine is more complete, which effectively improves the accuracy of the vehicle-mounted image display.

在其中一个实施例中,通过可视化应用根据数据标识生成数据获取请求包括:通过可视化应用根据预设协议将数据标识进行装配,得到装配后的数据; 通过可视化应用将装配后的数据进行封装,得到封装后的数据;通过可视化应用根据封装后的数据生成数据获取请求。In one of the embodiments, generating the data acquisition request according to the data identification through the visualization application includes: assemble the data identification through the visualization application according to a preset protocol to obtain the assembled data; and encapsulate the assembled data through the visualization application to obtain Encapsulated data; through a visualization application, a data acquisition request is generated based on the encapsulated data.

当可视化应用在获取到浏览器发送的数据标识时,终端可以加载预设协议。预设协议可以是http协议。通过可视化应用根据预设协议将数据标识进行装配,得到装配后的数据。装配后的数据可以包括数据标识、头文件、接口标识、终端的状态数据等。头文件可以是包含功能函数、数据接口声明的载体文件。终端通过可视化应用将装配后的数据封装至对象中,进而得到封装后的数据。对象可以是具有类的类型的变量。类可以是用于创建对象的蓝图,可以是一个特定类型对象中方法和变量的软件模板。类可以将装配后的数据以及在装配后的数据上的操作封装在一起。When the visualization application obtains the data identifier sent by the browser, the terminal may load the preset protocol. The preset protocol may be the http protocol. The data identification is assembled according to the preset protocol through the visualization application, and the assembled data is obtained. The assembled data can include data identification, header files, interface identification, terminal status data, and so on. The header file can be a carrier file containing function functions and data interface declarations. The terminal encapsulates the assembled data into the object through the visualization application, and then obtains the encapsulated data. The object can be a variable with a type of class. A class can be a blueprint for creating objects, or a software template for methods and variables in a specific type of object. The class can encapsulate the assembled data and the operations on the assembled data.

终端根据封装后的数据生成数据获取请求,可以根据预设协议将数据获取请求发送至服务器。服务器预先配置有预设协议。当服务器接收到数据获取请求后,调用预设协议对数据获取请求进行解析,得到数据标识、头文件、接口标识、终端的状态数据等。服务器将解析得到的数据封装为request对象,根据request对象调用接口标识对应的接口,通过该接口在云端中获取数据标识对应的车载数据。进而服务器利用response对象将车载数据发送至可视化应用。The terminal generates a data acquisition request according to the encapsulated data, and can send the data acquisition request to the server according to a preset protocol. The server is pre-configured with a preset protocol. When the server receives the data acquisition request, it calls the preset protocol to parse the data acquisition request, and obtains the data identification, header file, interface identification, terminal status data, etc. The server encapsulates the parsed data into a request object, calls the interface corresponding to the interface identifier according to the request object, and obtains the vehicle-mounted data corresponding to the data identifier in the cloud through the interface. In turn, the server uses the response object to send the vehicle-mounted data to the visualization application.

在本实施例中,终端通过可视化应用根据预设协议将数据标识进行装配和封装,生成数据获取请求,能够隐藏数据标识,防止数据标识与对应的代码被外部类定义的代码随机访问,提高了车载数据获取的安全性。In this embodiment, the terminal assembles and encapsulates the data identification according to the preset protocol through the visualization application, and generates the data acquisition request, which can hide the data identification and prevent the data identification and the corresponding code from being randomly accessed by the code defined by the external class. The security of on-board data acquisition.

在其中一个实施例中,如图4所示,提供了一种车载图像显示的优化装置,包括:获取模块402、跳转模块404、运行模块406、生成模块408、接收模块410和显示模块412,其中:In one of the embodiments, as shown in FIG. 4, a vehicle-mounted image display optimization device is provided, including: an acquisition module 402, a jump module 404, an operation module 406, a generation module 408, a receiving module 410, and a display module 412 ,in:

获取模块402,用于获取浏览器的数据显示请求,数据显示请求携带数据标 识。The obtaining module 402 is used to obtain a data display request of the browser, and the data display request carries a data identifier.

跳转模块404,用于根据数据显示请求从浏览器的当前页面跳转至对应的目标网页,目标网页中包括可视化应用。The jump module 404 is configured to jump from the current page of the browser to the corresponding target webpage according to the data display request, and the target webpage includes the visualization application.

运行模块406,用于通过浏览器运行可视化应用,将数据标识传输至可视化应用。The running module 406 is used to run the visualization application through the browser, and transmit the data identification to the visualization application.

生成模块408,用于通过可视化应用根据数据标识生成数据获取请求,将数据获取请求发送至服务器。The generating module 408 is configured to generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server.

接收模块410,用于通过可视化应用接收服务器返回的数据获取请求对应的车载数据。The receiving module 410 is configured to receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application.

显示模块412,用于通过浏览器对车载数据进行渲染,将渲染得到的车载图像在可视化应用上进行显示。The display module 412 is configured to render the vehicle-mounted data through the browser, and display the rendered vehicle-mounted image on the visualization application.

在其中一个实施例中,上述装置还包括:编译模块,用于获取预设应用脚本,将预设应用脚本转换为cpp文件;将cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将wasm文件作为可视化应用,胶水脚本和html页面用于通过浏览器运行可视化应用。In one of the embodiments, the above-mentioned device further includes: a compiling module for obtaining a preset application script and converting the preset application script into a cpp file; compiling the cpp file to obtain a wasm file, a glue script, and an html page, and The wasm file is used as a visualization application, and the glue script and html page are used to run the visualization application through the browser.

在其中一个实施例中,运行模块406还用于通过浏览器根据胶水脚本识别可视化应用;通过浏览器在html页面上运行识别得到的可视化应用。In one of the embodiments, the running module 406 is further configured to recognize the visualization application according to the glue script through the browser; and to run the recognized visualization application on the html page through the browser.

在其中一个实施例中,上述装置还包括:识别模块,用于通过浏览器识别可视化应用是否存在更新版本;当存在更新版本时,通过浏览器在服务器中获取更新版本的可视化应用,运行更新版本的可视化应用;当不存在更新版本时,通过浏览器运行缓存资源中的可视化应用。In one of the embodiments, the above-mentioned device further includes: an identification module for identifying whether there is an updated version of the visualization application through the browser; when there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version When there is no updated version, run the visualization application in the cached resource through the browser.

在其中一个实施例中,显示模块412还用于通过可视化应用将车载数据转换为相应的指标数据;通过浏览器对指标数据进行渲染,得到车载图像,将车 载图像在可视化应用上进行显示。In one of the embodiments, the display module 412 is also used to convert vehicle-mounted data into corresponding index data through a visualization application; render the index data through a browser to obtain a vehicle-mounted image, and display the vehicle-mounted image on the visualization application.

在其中一个实施例中,生成模块408还用于通过可视化应用根据预设协议将数据标识进行装配,得到装配后的数据;通过可视化应用将装配后的数据进行封装,得到封装后的数据;通过可视化应用根据封装后的数据生成数据获取请求。In one of the embodiments, the generation module 408 is further configured to assemble the data identifiers according to a preset protocol through a visualization application to obtain assembled data; encapsulate the assembled data through the visualization application to obtain the encapsulated data; The visualization application generates a data acquisition request based on the encapsulated data.

关于车载图像显示的优化装置的具体限定可以参见上文中对于车载图像显示的优化方法的限定,在此不再赘述。上述车载图像显示的优化装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。For the specific limitation of the optimization device for the on-board image display, please refer to the above limitation on the optimization method for the on-board image display, which is not repeated here. Each module in the above vehicle image display optimization device can be implemented in whole or in part by software, hardware, and combinations thereof. The above-mentioned modules may be embedded in the form of hardware or independent of the processor in the computer equipment, or may be stored in the memory of the computer equipment in the form of software, so that the processor can call and execute the operations corresponding to the above-mentioned modules.

在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种车载图像显示的优化方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as shown in FIG. 5. The computer equipment 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 calculation 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 computer programs 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. The computer program is executed by the processor to realize an optimization method for vehicle-mounted image display. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, or it can be a button, a trackball or a touch pad set on the housing of the computer equipment , It can also be an external keyboard, touchpad, or mouse.

本领域技术人员可以理解,图5中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定, 具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。Those skilled in the art can understand that the structure shown in FIG. 5 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 Including more or fewer parts than shown in the figure, or combining some parts, or having a different arrangement of parts.

一种计算机设备,包括存储器及一个或多个处理器,存储器中储存有计算机可读指令,计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述各个方法实施例中的步骤。A computer device that includes a memory and one or more processors. The memory stores computer-readable instructions. When the computer-readable instructions are executed by one or more processors, the one or more processors execute each of the foregoing method implementations. The steps in the example.

一个或多个存储有计算机可读指令的非易失性计算机可读存储介质,计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述各个方法实施例中的步骤。One or more non-volatile computer-readable storage media storing computer-readable instructions. When the computer-readable instructions are executed by one or more processors, the one or more processors execute the steps in each of the foregoing method embodiments. step.

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中,该计算机可读指令在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be implemented by instructing relevant hardware through computer-readable instructions. The computer-readable instructions can be stored in a non-volatile computer. In a readable storage medium, when the computer-readable instructions are executed, they may include the processes of the above-mentioned method embodiments. Wherein, any reference to memory, storage, database, or other media used in the embodiments provided in this application may include non-volatile and/or volatile memory. Non-volatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. As an illustration and not a 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 chain Channel (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特 征的组合不存在矛盾,都应当认为是本说明书记载的范围。The technical features of the above embodiments can be combined arbitrarily. In order to make the description concise, all possible combinations of the technical features in the above embodiments are not described. However, as long as there is no contradiction in the combination of these technical features, they should It is considered as the range described in this specification.

以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。The above-mentioned embodiments only express several implementation manners of the present application, and the description is relatively specific and detailed, but it should not be understood as a limitation on the scope of the invention patent. It should be pointed out that for those of ordinary skill in the art, without departing from the concept of this application, several modifications and improvements can be made, and these all fall within the protection scope of this application. Therefore, the scope of protection of the patent of this application shall be subject to the appended claims.

Claims (20)

一种车载图像显示的优化方法,包括:An optimization method for vehicle image display, including: 获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier; 根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application; 通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application; 通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server; 通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and 通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application. 根据权利要求1所述的方法,其特征在于,在所述获取浏览器的数据显示请求之前,还包括:The method according to claim 1, characterized in that, before said obtaining the data display request of the browser, the method further comprises: 获取预设应用脚本,将所述预设应用脚本转换为cpp文件;及Obtain a preset application script, and convert the preset application script into a cpp file; and 将所述cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将所述wasm文件作为可视化应用,所述胶水脚本和html页面用于通过浏览器运行所述可视化应用。The cpp file is compiled to obtain a wasm file, a glue script and an html page, the wasm file is used as a visualization application, and the glue script and html page are used to run the visualization application through a browser. 根据权利要求2所述的方法,其特征在于,所述通过所述浏览器运行所述可视化应用包括:The method according to claim 2, wherein the running the visualization application through the browser comprises: 通过所述浏览器根据所述胶水脚本识别所述可视化应用;及Identify the visualization application according to the glue script through the browser; and 通过所述浏览器在所述html页面上运行识别得到的可视化应用。Run the recognized visualization application on the html page through the browser. 根据权利要求1所述的方法,其特征在于,在所述通过所述浏览器运行所述可视化应用之前,还包括:The method according to claim 1, wherein before the running the visualization application through the browser, the method further comprises: 通过所述浏览器将所述数据显示请求发送至服务器,接收服务器返回的响应信息;Sending the data display request to the server through the browser, and receiving response information returned by the server; 通过所述浏览器根据所述响应信息识别所述可视化应用是否存在更新版本;Identifying whether there is an updated version of the visualization application according to the response information through the browser; 当存在更新版本时,通过所述浏览器在服务器中获取更新版本的可视化应用,运行所述更新版本的可视化应用;及When there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version of the visualization application; and 当不存在更新版本时,通过所述浏览器运行缓存资源中的可视化应用。When there is no updated version, run the visualization application in the cached resource through the browser. 根据权利要求1所述的方法,其特征在于,所述通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示包括:The method according to claim 1, wherein the rendering the vehicle-mounted data through the browser, and displaying the vehicle-mounted image obtained by the rendering on the visualization application comprises: 通过所述可视化应用将所述车载数据转换为相应的指标数据;及Converting the vehicle-mounted data into corresponding indicator data through the visualization application; and 通过所述浏览器对所述指标数据进行渲染,得到车载图像,将所述车载图像在所述可视化应用上进行显示。The indicator data is rendered through the browser to obtain a vehicle-mounted image, and the vehicle-mounted image is displayed on the visualization application. 根据权利要求1至5任意一项所述的方法,其特征在于,所述通过所述可视化应用根据所述数据标识生成数据获取请求包括:The method according to any one of claims 1 to 5, wherein the generating a data acquisition request according to the data identifier through the visualization application comprises: 通过所述可视化应用根据预设协议将所述数据标识进行装配,得到装配后的数据;Assemble the data identifier according to a preset protocol through the visualization application to obtain assembled data; 通过所述可视化应用将所述装配后的数据进行封装,得到封装后的数据;及通过所述可视化应用根据封装后的数据生成数据获取请求。The assembled data is encapsulated by the visualization application to obtain the encapsulated data; and a data acquisition request is generated by the visualization application according to the encapsulated data. 一种车载图像显示的优化装置,包括:An optimization device for vehicle image display, including: 获取模块,用于获取浏览器的数据显示请求,所述数据显示请求携带数据标识;The obtaining module is used to obtain the data display request of the browser, and the data display request carries the data identifier; 跳转模块,用于根据所述数据显示请求从所述浏览器的当前页面跳转至对应 的目标网页,所述目标网页中包括可视化应用;A jump module, configured to jump from the current page of the browser to a corresponding target webpage according to the data display request, and the target webpage includes a visualization application; 运行模块,用于通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;The running module is configured to run the visualization application through the browser, and transmit the data identifier to the visualization application; 生成模块,用于通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;A generating module, configured to generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server; 接收模块,用于通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及The receiving module is configured to receive the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and 显示模块,用于通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The display module is configured to render the vehicle-mounted data through the browser, and display the vehicle-mounted image obtained by the rendering on the visualization application. 根据权利要求7所述的装置,其特征在于,所述装置还包括:编译模块,用于获取预设应用脚本,将所述预设应用脚本转换为cpp文件;及将所述cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将所述wasm文件作为可视化应用,所述胶水脚本和html页面用于通过浏览器运行所述可视化应用。8. The device according to claim 7, wherein the device further comprises: a compiling module for obtaining a preset application script, converting the preset application script into a cpp file; and compiling the cpp file To obtain a wasm file, a glue script and an html page, use the wasm file as a visualization application, and the glue script and html page are used to run the visualization application through a browser. 根据权利要求8所述的装置,其特征在于,所述运行模块还用于通过所述浏览器根据所述胶水脚本识别所述可视化应用;及通过所述浏览器在所述html页面上运行识别得到的可视化应用。8. The device according to claim 8, wherein the running module is further configured to recognize the visualization application according to the glue script through the browser; and run the recognition on the html page through the browser The resulting visualization application. 根据权利要求7所述的装置,其特征在于,所述装置还包括:识别模块,用于通过所述浏览器识别所述可视化应用是否存在更新版本;当存在更新版本时,通过所述浏览器在服务器中获取更新版本的可视化应用,运行所述更新版本的可视化应用;及当不存在更新版本时,通过所述浏览器运行缓存资源中的可视化应用。7. The device according to claim 7, wherein the device further comprises: an identification module for identifying whether there is an updated version of the visualization application through the browser; when there is an updated version, through the browser Obtain an updated version of the visualization application from the server, run the updated version of the visualization application; and when there is no updated version, run the visualization application in the cached resource through the browser. 一种计算机设备,包括存储器及一个或多个处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述一个或多个处理器执行时,使得 所述一个或多个处理器执行以下步骤:A computer device includes a memory and one or more processors. The memory stores computer readable instructions. When the computer readable instructions are executed by the one or more processors, the one or more Each processor performs the following steps: 获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier; 根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application; 通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application; 通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server; 通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and 通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application. 根据权利要求11所述的计算机设备,其特征在于,所述处理器执行所述计算机可读指令时还执行以下步骤:获取预设应用脚本,将所述预设应用脚本转换为cpp文件;及将所述cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将所述wasm文件作为可视化应用,所述胶水脚本和html页面用于通过浏览器运行所述网页可视化应用。The computer device according to claim 11, wherein the processor further executes the following steps when executing the computer-readable instructions: obtaining a preset application script, and converting the preset application script into a cpp file; and The cpp file is compiled to obtain a wasm file, a glue script and an html page, the wasm file is used as a visualization application, and the glue script and html page are used to run the webpage visualization application through a browser. 根据权利要求12所述的计算机设备,其特征在于,所述处理器执行所述计算机可读指令时还执行以下步骤:通过所述浏览器根据所述胶水脚本识别所述可视化应用;及通过所述浏览器在所述html页面上运行识别得到的可视化应用。The computer device according to claim 12, wherein the processor further executes the following steps when executing the computer-readable instructions: recognizing the visualization application according to the glue script through the browser; and The browser runs the recognized visualization application on the html page. 根据权利要求11所述的计算机设备,其特征在于,所述处理器执行所述计算机可读指令时还执行以下步骤:通过所述浏览器将所述数据显示请求发送 至服务器,接收服务器返回的响应信息;通过所述浏览器根据所述响应信息识别所述可视化应用是否存在更新版本;当存在更新版本时,通过所述浏览器在服务器中获取更新版本的可视化应用,运行所述更新版本的可视化应用;及当不存在更新版本时,通过所述浏览器运行缓存资源中的可视化应用。The computer device according to claim 11, wherein the processor further executes the following steps when executing the computer-readable instruction: sending the data display request to the server through the browser, and receiving the data display request returned by the server Response information; the browser identifies whether there is an updated version of the visualization application according to the response information; when there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version of the visualization application A visualization application; and when there is no updated version, run the visualization application in the cached resource through the browser. 根据权利要求11所述的计算机设备,其特征在于,所述处理器执行所述计算机可读指令时还执行以下步骤:通过所述可视化应用将所述车载数据转换为相应的指标数据;及通过所述浏览器对所述指标数据进行渲染,得到车载图像,将所述车载图像在所述可视化应用上进行显示。The computer device according to claim 11, wherein the processor further executes the following steps when executing the computer-readable instructions: converting the vehicle-mounted data into corresponding index data through the visualization application; and The browser renders the indicator data to obtain a vehicle-mounted image, and displays the vehicle-mounted image on the visualization application. 一个或多个存储有计算机可读指令的非易失性计算机可读存储介质,所述计算机可读指令被一个或多个处理器执行时,使得所述一个或多个处理器执行以下步骤:One or more non-volatile computer-readable storage media storing computer-readable instructions. When the computer-readable instructions are executed by one or more processors, the one or more processors execute the following steps: 获取浏览器的数据显示请求,所述数据显示请求携带数据标识;Acquiring a data display request of the browser, where the data display request carries a data identifier; 根据所述数据显示请求从所述浏览器的当前页面跳转至对应的目标网页,所述目标网页中包括可视化应用;Jumping from the current page of the browser to a corresponding target webpage according to the data display request, where the target webpage includes a visualization application; 通过所述浏览器运行所述可视化应用,将所述数据标识传输至所述可视化应用;Running the visualization application through the browser, and transmitting the data identifier to the visualization application; 通过所述可视化应用根据所述数据标识生成数据获取请求,将所述数据获取请求发送至服务器;Generate a data acquisition request according to the data identifier through the visualization application, and send the data acquisition request to the server; 通过所述可视化应用接收所述服务器返回的所述数据获取请求对应的车载数据;及Receiving the vehicle-mounted data corresponding to the data acquisition request returned by the server through the visualization application; and 通过所述浏览器对所述车载数据进行渲染,将渲染得到的车载图像在所述可视化应用上进行显示。The vehicle-mounted data is rendered through the browser, and the vehicle-mounted image obtained by the rendering is displayed on the visualization application. 根据权利要求16所述的存储介质,其特征在于,所述计算机可读指令 被所述处理器执行时还执行以下步骤:获取预设应用脚本,将所述预设应用脚本转换为cpp文件;及将所述cpp文件进行编译,得到wasm文件、胶水脚本和html页面,将所述wasm文件作为可视化应用,所述胶水脚本和html页面用于通过浏览器运行所述网页可视化应用。The storage medium according to claim 16, wherein the following steps are further executed when the computer-readable instructions are executed by the processor: obtaining a preset application script, and converting the preset application script into a cpp file; And compiling the cpp file to obtain a wasm file, a glue script and an html page, using the wasm file as a visualization application, and the glue script and html page are used to run the webpage visualization application through a browser. 根据权利要求17所述的存储介质,其特征在于,所述计算机可读指令被所述处理器执行时还执行以下步骤:通过所述浏览器根据所述胶水脚本识别所述可视化应用;及通过所述浏览器在所述html页面上运行识别得到的可视化应用。The storage medium according to claim 17, wherein when the computer-readable instructions are executed by the processor, the following steps are further executed: identifying the visualization application according to the glue script through the browser; and The browser runs the recognized visualization application on the html page. 根据权利要求16所述的存储介质,其特征在于,所述计算机可读指令被所述处理器执行时还执行以下步骤:通过所述浏览器将所述数据显示请求发送至服务器,接收服务器返回的响应信息;通过所述浏览器根据所述响应信息识别所述可视化应用是否存在更新版本;当存在更新版本时,通过所述浏览器在服务器中获取更新版本的可视化应用,运行所述更新版本的可视化应用;及当不存在更新版本时,通过所述浏览器运行缓存资源中的可视化应用。The storage medium according to claim 16, wherein when the computer-readable instructions are executed by the processor, the following steps are further executed: sending the data display request to the server through the browser, and receiving the server's return The response information; through the browser according to the response information to identify whether there is an updated version of the visualization application; when there is an updated version, obtain the updated version of the visualization application from the server through the browser, and run the updated version And when there is no updated version, run the visualization application in the cached resource through the browser. 根据权利要求16所述的存储介质,其特征在于,所述计算机可读指令被所述处理器执行时还执行以下步骤:通过所述可视化应用将所述车载数据转换为相应的指标数据;及通过所述浏览器对所述指标数据进行渲染,得到车载图像,将所述车载图像在所述可视化应用上进行显示。The storage medium according to claim 16, wherein when the computer-readable instructions are executed by the processor, the following steps are further executed: converting the vehicle-mounted data into corresponding indicator data through the visualization application; and The indicator data is rendered through the browser to obtain a vehicle-mounted image, and the vehicle-mounted image is displayed on the visualization application.
PCT/CN2020/073430 2020-01-21 2020-01-21 Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium WO2021146895A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202080003152.0A CN113498512B (en) 2020-01-21 2020-01-21 Optimization method, device, computer equipment and storage medium for vehicle-mounted image display
PCT/CN2020/073430 WO2021146895A1 (en) 2020-01-21 2020-01-21 Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2020/073430 WO2021146895A1 (en) 2020-01-21 2020-01-21 Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium

Publications (1)

Publication Number Publication Date
WO2021146895A1 true WO2021146895A1 (en) 2021-07-29

Family

ID=76992028

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/073430 WO2021146895A1 (en) 2020-01-21 2020-01-21 Optimization method and apparatus for vehicle-mounted image display, computer device and storage medium

Country Status (2)

Country Link
CN (1) CN113498512B (en)
WO (1) WO2021146895A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113961124A (en) * 2021-09-27 2022-01-21 上海联影医疗科技股份有限公司 Medical image display method, medical image display device, computer equipment and storage medium
CN119892492A (en) * 2025-03-24 2025-04-25 北京久安世纪科技有限公司 Character protocol playback method, system and medium based on operation and maintenance audit system

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1338403A (en) * 2000-08-17 2002-03-06 广东粤京安移动资讯有限公司 Public service system with GSM nevigation and location and network browse method
US20040122808A1 (en) * 2002-11-05 2004-06-24 Martin Anthony G. Updating the content of a presentation vehicle in a computer network
CN102542425A (en) * 2010-12-22 2012-07-04 时艳春 Road cargo logistics information management system and method
CN102721421A (en) * 2012-06-29 2012-10-10 惠州华阳通用电子有限公司 Automatic navigation system and automatic navigation method for pushing information to vehicle-mounted navigation terminal based on portal website
CN204155310U (en) * 2014-07-06 2015-02-11 山东天海科技股份有限公司 Big Dipper car networking logistics information service platform
CN108444495A (en) * 2017-11-02 2018-08-24 环达电脑(上海)有限公司 Onboard navigation system and its method that vehicle mounted guidance information is provided

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014085798A (en) * 2012-10-23 2014-05-12 Denso Corp Content provision system for vehicle
US9135346B2 (en) * 2013-06-07 2015-09-15 Google Inc. Index data for native applications
CN105956152A (en) * 2016-05-13 2016-09-21 北京金山安全软件有限公司 Webpage loading method and device and electronic equipment
US10554722B2 (en) * 2016-05-19 2020-02-04 Panasonic Avionics Corporation Methods and systems for secured remote browsing from a transportation vehicle
CN107045730B (en) * 2017-03-06 2023-10-24 青岛鹏海软件有限公司 Multi-dimensional display system and method for digital cultural scene or image
CN107730206A (en) * 2017-10-18 2018-02-23 深圳航天信息有限公司 Vehicle management system
CN109144567B (en) * 2018-08-03 2021-09-14 苏州麦迪斯顿医疗科技股份有限公司 Cross-platform webpage rendering method and device, server and storage medium
CN110032614B (en) * 2019-04-18 2020-02-07 成都四方伟业软件股份有限公司 Map vector rendering method and device based on wasm

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1338403A (en) * 2000-08-17 2002-03-06 广东粤京安移动资讯有限公司 Public service system with GSM nevigation and location and network browse method
US20040122808A1 (en) * 2002-11-05 2004-06-24 Martin Anthony G. Updating the content of a presentation vehicle in a computer network
CN102542425A (en) * 2010-12-22 2012-07-04 时艳春 Road cargo logistics information management system and method
CN102721421A (en) * 2012-06-29 2012-10-10 惠州华阳通用电子有限公司 Automatic navigation system and automatic navigation method for pushing information to vehicle-mounted navigation terminal based on portal website
CN204155310U (en) * 2014-07-06 2015-02-11 山东天海科技股份有限公司 Big Dipper car networking logistics information service platform
CN108444495A (en) * 2017-11-02 2018-08-24 环达电脑(上海)有限公司 Onboard navigation system and its method that vehicle mounted guidance information is provided

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113961124A (en) * 2021-09-27 2022-01-21 上海联影医疗科技股份有限公司 Medical image display method, medical image display device, computer equipment and storage medium
CN113961124B (en) * 2021-09-27 2024-02-27 上海联影医疗科技股份有限公司 Medical image display method, medical image display device, computer equipment and storage medium
CN119892492A (en) * 2025-03-24 2025-04-25 北京久安世纪科技有限公司 Character protocol playback method, system and medium based on operation and maintenance audit system

Also Published As

Publication number Publication date
CN113498512A (en) 2021-10-12
CN113498512B (en) 2025-01-21

Similar Documents

Publication Publication Date Title
US20230036980A1 (en) Micro-frontend system, sub-application loading method, electronic device, computer program product, and computer-readable storage medium
CN111176626B (en) Cross-programming-language code calling method and device, medium and equipment
CN112114890B (en) Mini-program processing method, device, equipment and storage medium
CN108108205B (en) Application page surface treatment method and apparatus
CN109284454B (en) Page rendering method, device, computer equipment and storage medium
WO2020151333A1 (en) Page loading method, apparatus, computer device and storage medium
CN105718313A (en) Application operation method and device
CN112596714A (en) Webpage development method, device, terminal, server and storage medium
US20110161840A1 (en) Performance of template based javascript widgets
CN113315829B (en) Client offline H5 page loading method and device, computer equipment and medium
CN106909361B (en) Web development method and device based on template engine
CN111680253A (en) Page application data packet generation method and device, computer equipment and storage medium
CN111740948A (en) Data packet issuing method, dynamic updating method, device, equipment and medium
CN109240697B (en) Call processing method and device and storage medium
CN106874519B (en) Page display method and device
CN113010827A (en) Page rendering method and device, electronic equipment and storage medium
CN104317570B (en) The apparatus and method of dynamic analysis Web applications
CN113010170A (en) Page rendering method, device, medium and electronic equipment based on Vue3 component
CN113498512B (en) Optimization method, device, computer equipment and storage medium for vehicle-mounted image display
CN113836469A (en) Website front-end development method and equipment
US9571557B2 (en) Script caching method and information processing device utilizing the same
CN105786476B (en) Data processing method and system between mobile client and server
CN110928545B (en) Component distribution method, development method and device of single-page application and storage medium
CN107239265B (en) Binding method and device of Java function and C function
JP5151696B2 (en) Program to rewrite uniform resource locator information

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20915497

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20915497

Country of ref document: EP

Kind code of ref document: A1