Method and device for increasing loading speed of VR panoramic picture slice, equipment and medium

Abstract

The invention discloses a method, a device, equipment and a medium for improving loading speed of VR panoramic picture slices, and the method comprises the following steps: carrying out statistics on source file information of a VR panoramic picture, determining slice parameters, slicing a source file according to the slice parameters, calculating coordinates of a starting point of each slice, carrying out standard naming on each slice according to the coordinates, and storing the named slices. When the front end loads and displays the VR panoramic picture, the multiple slices are loaded at the same time, and the loading efficiency of the VR panoramic picture is improved. According to the method, through scientific calculation of the slice size and regular naming, a large amount of VR panoramic picture slices are converted into a plurality of small-size slices with reasonable sizes, the slices are transmitted back to a front-end browser according to parameters and addresses of each slice file, the multiple slices are loaded at the same time, the loading efficiency of the VR panoramic picture is greatly improved, and the loading efficiency of the VR panoramic picture is improved. And the method is simple and practical, can also be applied to the field of high-quality picture loading, and is wide in application range.

Description

Technical Field

[0001] The present invention relates to the technical field of fast loading and displaying high-quality VR panoramic images, and in particular to a method, device, equipment, and medium for improving the loading speed of VR panoramic image slices. Background Art

[0002] Panoramic images allow people to easily access all-round information; in a narrow sense, panoramas refer to panoramic images that can cover a 360° horizontal and 180° vertical field of view. In practical applications, panoramic images refer to various types of panoramas that exceed the normal viewing angle of the human eye. Virtual panorama (VR), also known as three-dimensional panoramic virtual reality, is a real-scene virtual reality technology based on panoramic images. VR panoramic technology has been developed based on traditional panoramic technology. It uses VR virtual reality technology and panoramic display technology to provide 720° panoramic displays of panoramic pictures or video capture. This real-scene virtual reality technology based on panoramic images has a high degree of authenticity and immersion. With the advancement of mobile network communication technology and the rapid popularization of smart mobile terminals, the application of VR panoramic image technology in the mobile Internet has also developed rapidly.

[0003] However, due to the limitations of network conditions and mobile terminal hardware processing capabilities, the requirements for panoramic images in the mobile Internet field are much higher than those in the traditional Web field. In the traditional Web field, panoramic images are often loaded and displayed by directly loading the entire image. The disadvantages of this method are: (1) The file size of a single panoramic image is large, and one-time transmission or loading after downloading is limited by bandwidth and hardware equipment. (2) Loading the entire image takes a long time, is inefficient, and the user experience is not smooth, making it difficult to meet actual application needs. (3) When browsing panoramic images, users usually only see a small part of the panoramic image, so loading the entire image is not necessary, which also leads to a waste of resources.

[0004] Patent document No. 202211521712.9 discloses an image processing method and related device. This application embodiment can be applied to the field of cloud storage. The method provided can ensure that the image is loaded normally, reduce the storage space of local image files, reduce the time to read and parse the image, and thus reduce the loading and display time of the page, thereby enhancing the user experience of opening the web page. However, its solution does not slice large files, and the loading and running speed of large files cannot be guaranteed.

[0005] Therefore, in reality, for mobile Internet applications, a method for slicing and loading VR panoramic images is needed. Through standardized segmentation and loading under fixed rules, the rapid display of high-resolution panoramic images can be achieved, which solves the limitations of mobile Internet bandwidth and hardware and ensures that users can browse panoramic images quickly and smoothly. Summary of the Invention

[0006] In response to the above problems, the purpose of the present invention is to provide a method, device, equipment and medium for improving the loading speed of VR panoramic image slices, and to use standardized slices to achieve fast loading and display of high-resolution VR panoramic images.

[0007] Embodiments of the present invention provide a method, apparatus, device, and medium for improving the loading speed of VR panoramic image slices.

[0008] A first aspect: A method for improving the loading speed of VR panoramic image slices, comprising:

[0009] S1. Count VR panoramic image source file information and determine slice parameters;

[0010] S2. Slice the source file according to the slicing parameters;

[0011] S3, calculating the starting point coordinates of each slice;

[0012] S4. Name each slice in a standardized manner according to the coordinates and save it;

[0013] S5. When the front end loads and displays VR panoramic images, it loads multiple slices at the same time to improve the loading efficiency of VR panoramic images.

[0014] Furthermore, the VR panoramic image source file information includes: height, width and suffix information of the source file.

[0015] Furthermore, the slice parameters include the height and width of the slice file, where:

[0016] tileHeight=Math.ceil(sourceHeight / rows)

[0017] tileWidth=Math.ceil(sourceWidth / cols)

[0018] Among them, tileHeight is the height of the slice file, tileWidth is the width of the slice file, sourceHeight is the height of the source file, sourceWidth is the width of the source file, rows is the number of slice rows, cols is the number of slice columns, and Math.ceil is the Java language rounding code.

[0019] Furthermore, the S2 also includes real-time statistics of the current slicing progress, the formula is:

[0020] ((n-1)*cols+m) / (rows*cols)

[0021] Among them, n is the number of rows of the slice, m is the number of columns of the slice, rows is the number of rows of the slice, and cols is the number of columns of the slice.

[0022] Furthermore, the calculation of the starting point coordinates of each slice in S3 includes:

[0023] S31, starting slicing from the upper left corner of the source file with a slicing parameter of tileHeight*tileWidth;

[0024] S32. Determine the starting point of the first row and first column of the image as (0,0), and calculate the coordinates of the starting points of each row and column slice using the formula:

[0025] ((n-1)*tileHeight,(m-1)*tileWidth)

[0026] Where n is the row number of the slice, and m is the column number of the slice.

[0027] Furthermore, in S4, each slice is named in a standardized manner according to the coordinates, and the slice file is named:

[0028] "n"+"_"+"m"+"suffix"

[0029] Among them, n is the row number of the slice, m is the column number of the slice, and suffix is ​​the suffix name.

[0030] Furthermore, the S5 comprises the steps of:

[0031] S51, importing the proxy address after VR panoramic image slices;

[0032] S52. Load the corresponding named slice according to the starting point coordinates of the slice.

[0033] A second aspect: A device for increasing the loading speed of VR panoramic image slices, comprising:

[0034] Source parameter module, statistics VR panoramic image source file information;

[0035] Slicing parameter module, determines the slicing parameters;

[0036] Slicing module, slices the source file according to slicing parameters;

[0037] Save module, save the slice file;

[0038] Display module, synchronously loads and displays slice files.

[0039] A third aspect: An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the steps of the method provided in the first aspect are implemented.

[0040] A fourth aspect: A non-transitory computer-readable storage medium having a computer program stored thereon, which implements the steps of the method provided in the first aspect when executed by a processor.

[0041] Beneficial effects of the present invention:

[0042] The VR panoramic image slicing and loading method adopted by the present invention completes the slicing of a large VR panoramic image into multiple small-sized slices of reasonable sizes through scientific calculation of slice size and regular naming. The parameters and address of each slice file are returned to the front-end browser to achieve simultaneous loading of multiple slices, greatly improving the loading efficiency of VR panoramic images and reducing the loading time by more than 95%. The method is simple and practical, and can also be applied to the field of high-quality image loading, with a wide range of applications. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] Figure 1 This is a flow chart of a method for improving the loading speed of VR panoramic image slices according to the present invention;

[0044] Figure 2 This is a schematic structural diagram of a device for improving the loading speed of VR panoramic image slices according to the present invention;

[0045] Figure 3 Schematic diagram of the principle of the method of the present invention;

[0046] Figure 4 This is a schematic diagram of obtaining VR panoramic image information in the present invention;

[0047] Figure 5 This is a schematic diagram of the slice parameter setting of the present invention;

[0048] Figure 6 This is a schematic diagram of the slice file saving format of the present invention;

[0049] Figure 7 This is a schematic diagram of an application example of the method of the present invention;

[0050] Figure 8 Schematic diagram of the structure of the electronic device of the present invention. DETAILED DESCRIPTION

[0051] The following describes embodiments of the present invention in detail. Examples of the embodiments are shown in the accompanying drawings, wherein the same or similar symbols throughout represent the same or similar elements or elements having the same or similar functions. The embodiments described below with reference to the accompanying drawings are exemplary and are intended only to explain the present invention and are not to be construed as limiting the present invention.

[0052] When loading and displaying high-quality VR panoramic images, the files of single VR panoramic images are large. One-time transmission or loading after downloading will be limited by bandwidth and hardware equipment. The loading time is long, the efficiency is low, the user experience is not smooth, and it is difficult to meet actual application needs.

[0053] In view of the above problems, the present invention provides a method for improving the loading speed of VR panoramic image slices. Figure 1 A flow chart of a method for improving the loading speed of VR panoramic image slices provided by an embodiment of the present invention is provided. Figure 3 The schematic diagram is a principle diagram, and the method includes:

[0054] S1. Count VR panoramic image source file information and determine slice parameters.

[0055] Slicing can be done using the Image IO tool in Java. The VR panoramic image source file information mainly includes: source file height (source Height), width (source Width) and suffix information, etc. Figure 4 As shown,

[0056] The file size of "Langxi Road and Shanghai Road.jpg" is 118.86M, the suffix is ​​jpg, the width is 19000, and the height is 9500.

[0057] Slice parameters include the height and width of the slice file, where:

[0058] tileHeight=Math.ceil(sourceHeight / rows)

[0059] tileWidth=Math.ceil(sourceWidth / cols)

[0060] Among them, tileHeight is the height of the slice file, tileWidth is the width of the slice file, sourceHeight is the height of the source file, sourceWidth is the width of the source file, rows is the number of slice rows, cols is the number of slice columns, and Math.ceil is the Java language rounding code, which performs rounding up.

[0061] like Figure 5As shown, the number of columns and rows can be selected as 16*8, 32*16 or 64*32, etc. The height and width of the slice file are calculated based on the selected number of rows and columns.

[0062] For example: when the width is 19000, the height is 9500, and the number of columns and rows is 16*8, the calculated slice file height and slice file width are

[0063] tileHeight=Math.ceil(9500 / 8)=1188

[0064] tileWidth=Math.ceil(19000 / 16)=1188

[0065] S2. Slice the source file according to the slicing parameters.

[0066] You can use the upper left corner of the image as the coordinate origin, and slice the VR panoramic image source file from left to right and from top to bottom according to the slicing parameters.

[0067] For example, the VR panoramic image source file is sliced ​​with a slice file height of 1188 and a slice file width of 1188.

[0068] During the slicing process, the current slicing progress can also be counted in real time. The formula is:

[0069] ((n-1)*cols+m) / (rows*cols)

[0070] Among them, n is the number of rows of the slice, m is the number of columns of the slice, rows is the number of rows of the slice, and cols is the number of columns of the slice.

[0071] For example, when the number of columns and rows is 16*8, after the slicing of the 8th row and 4th column file is completed, calculate the slicing progress:

[0072] ((n-1)*cols+m) / (rows*cols)=((8-1)*16+4) / (16*8)=116 / 128=91%

[0073] S3. Calculate the starting point coordinates of each slice.

[0074] Calculate the coordinates of the starting point of each slice, starting from the upper left corner of the source file with the slice parameter tileHeight*tileWidth; determine the starting point of the first row and first column of the image as (0,0), and calculate the coordinates of the starting point of each row and column slice using the following formula:

[0075] ((n-1)*tileHeight,(m-1)*tileWidth)

[0076] Where n is the row number of the slice, and m is the column number of the slice.

[0077] For example, when the number of columns and rows is 16*8, the coordinates of the starting point of the slice in row 8 and column 4 are:

[0078] ((n-1)*tileHeight, (m-1)*tileWidth)=((7)*1188,(3)*1188)=(8316,3564)

[0079] S4. Name each slice in a standardized manner according to the coordinates and save it;

[0080] like Figure 6 As shown, each slice row and column number can be standardized named according to the coordinates, and the slice file is named:

[0081] "n"+"_"+"m"+"suffix"

[0082] Among them, n is the row number of the slice, m is the column number of the slice, and suffix is ​​the suffix name.

[0083] For example, a slice in jpg format at row 8 and column 4 can be named 8_4.jpg.

[0084] S5. When the front end loads and displays VR panoramic images, it loads multiple slices at the same time to improve the loading efficiency of VR panoramic images.

[0085] The front-end can use the VRPopup plug-in to import the proxy address of the VR panoramic image after slicing. According to the coordinates of the starting point of the slice, multiple corresponding named slices can be loaded at the same time, and the slice files can be echoed in the front-end browser to improve the loading speed.

[0086] During the processing, the import parameters mainly include the VR panoramic image source file address (sourceImgPath), the slice file storage address (sliceDirPath), the number of file slice rows (rows), and the number of file slice columns (cols). Before slicing, you can select different slicing schemes according to actual needs, including 16*8, 32*16, 64*32, etc.

[0087] The present invention also provides a device for increasing the loading speed of VR panoramic image slices, which is applied to the above method, such as Figure 2 As shown, the device includes:

[0088] The source parameter module counts the source file information of the VR panoramic image, and obtains source file information mainly including: source file height (source Height), width (source Width) and suffix information.

[0089] The slice parameter module determines the slice parameters. The slice parameters include the height and width of the slice file, which can be obtained through the formula:

[0090] tileHeight=Math.ceil(sourceHeight / rows)

[0091] tileWidth=Math.ceil(sourceWidth / cols)

[0092] Among them, tileHeight is the height of the slice file, tileWidth is the width of the slice file, sourceHeight is the height of the source file, sourceWidth is the width of the source file, rows is the number of slice rows, cols is the number of slice columns, and Math.ceil is the Java language rounding code, which performs rounding up.

[0093] The slicing module slices the source file according to the slicing parameters. By calculating the starting point coordinates of each slice, slicing starts from the upper left corner of the source file with the slicing parameters of tileHeight*tileWidth. The starting point of the first row and first column of the image is determined to be (0,0), and the starting point coordinates of each row and column slice are calculated using the formula:

[0094] ((n-1)*tileHeight,(m-1)*tileWidth)

[0095] Where n is the row number of the slice, and m is the column number of the slice.

[0096] The save module saves the slice files. After the VR panoramic image source files are sliced, they are saved in the same folder for easy management and calling.

[0097] The display module synchronously loads and displays the slice files. The front-end can use the VRPopup plug-in to import the proxy address of the VR panoramic image after slicing. According to the starting point coordinates of the slice, it can load multiple corresponding named slices at the same time and echo the slice files in the front-end browser to improve the loading speed.

[0098] like Figure 7 As shown, the VR panoramic image slicing and loading method of the present invention is applied to the Smart Hefei spatiotemporal big data platform. After slicing, the loading speed of the VR panoramic map of the Hefei Innovation Hall can be increased by more than 95%.

[0099] The present invention also provides an electronic device, Figure 8 A schematic diagram of the structure of an electronic device provided by an embodiment of the present invention, such as Figure 8As shown, the electronic device may include: a processor, a communications interface, a memory, and a communication bus, wherein the processor, the communications interface, and the memory communicate with each other via the communication bus. The processor may call logic instructions in the memory, for example, to execute the following method:

[0100] S1. Count VR panoramic image source file information and determine slice parameters;

[0101] S2. Slice the source file according to the slicing parameters;

[0102] S3, calculating the starting point coordinates of each slice;

[0103] S4. Name each slice in a standardized manner according to the coordinates and save it;

[0104] S5. When the front end loads and displays VR panoramic images, it loads multiple slices at the same time to improve the loading efficiency of VR panoramic images.

[0105] In addition, the logical instructions in the above-mentioned memory can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when sold or used as an independent product. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or the part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, server, or network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, and other media that can store program code.

[0106] An embodiment of the present invention further provides a non-transitory computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the method provided in each of the above embodiments is implemented, for example, including:

[0107] S1. Count VR panoramic image source file information and determine slice parameters;

[0108] S2. Slice the source file according to the slicing parameters;

[0109] S3, calculating the starting point coordinates of each slice;

[0110] S4. Name each slice in a standardized manner according to the coordinates and save it;

[0111] S5. When the front end loads and displays VR panoramic images, it loads multiple slices at the same time to improve the loading efficiency of VR panoramic images.

[0112] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, i.e., they may be located in one location or distributed across multiple network units. Some or all of the modules may be selected based on actual needs to achieve the objectives of the present embodiment. Persons of ordinary skill in the art will be able to understand and implement the present invention without inventive effort.

[0113] Through the description of the above embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus a necessary general hardware platform, or of course, by hardware. Based on this understanding, the essence of the above technical solution or the part that contributes to the existing technology can be embodied in the form of a software product. The computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a magnetic disk, an optical disk, etc., and includes a number of instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or certain parts of the embodiments.

[0114] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the various embodiments of the present invention.

Claims

1. A method for improving the loading speed of VR panoramic image slices, characterized in that: include: S1. Count VR panoramic image source file information and determine slice parameters; S2. Slice the source file according to the slicing parameters; S3, calculating the starting point coordinates of each slice; S4. Name each slice in a standardized manner according to the coordinates and save it; S5. When the front end loads and displays VR panoramic images, it loads multiple slices at the same time to improve the loading efficiency of VR panoramic images.

2. The method for improving the loading speed of VR panoramic image slices according to claim 1, characterized in that: The VR panoramic image source file information includes: the height, width and suffix information of the source file.

3. The method for improving the loading speed of VR panoramic image slices according to claim 1, characterized in that: The slice parameters include the height and width of the slice file, where: tileHeight=Math.ceil(sourceHeight / rows) tileWidth=Math.ceil(sourceWidth / cols) Among them, tileHeight is the height of the slice file, tileWidth is the width of the slice file, sourceHeight is the height of the source file, sourceWidth is the width of the source file, rows is the number of slice rows, cols is the number of slice columns, and Math.ceil is the Java language rounding code.

4. The method for improving the loading speed of VR panoramic image slices according to claim 1, characterized in that: The S2 also includes real-time statistics of the current slicing progress, the formula is: ((n-1)*cols+m) / (rows*cols) Among them, n is the number of rows of the slice, m is the number of columns of the slice, rows is the number of rows of the slice, and cols is the number of columns of the slice.

5. The method for improving the loading speed of VR panoramic image slices according to claim 3, characterized in that: The calculation of the starting point coordinates of each slice in S3 includes: S31, starting slicing from the upper left corner of the source file with a slicing parameter of tileHeight*tileWidth; S32. Determine the starting point of the first row and first column of the image as (0,0), and calculate the coordinates of the starting points of each row and column slice using the formula: ((n-1)*tileHeight,(m-1)*tileWidth) Where n is the row number of the slice, and m is the column number of the slice.

6. The method for improving the loading speed of VR panoramic image slices according to claim 5, characterized in that: In S4, each slice is named in a standardized manner according to the coordinates, and the slice files are named: "n"+"_"+"m"+"suffix" Among them, n is the row number of the slice, m is the column number of the slice, and suffix is ​​the suffix name.

7. The method for improving the loading speed of VR panoramic image slices according to claim 1, characterized in that: The S5 comprises the steps of: S51, importing the proxy address after VR panoramic image slices; S52. Load the corresponding named slice according to the starting point coordinates of the slice.

8. A device for increasing the loading speed of VR panoramic image slices according to the method of any one of claims 1 to 7, characterized in that: The device comprises: Source parameter module, statistics VR panoramic image source file information; Slicing parameter module, determines the slicing parameters; Slicing module, slices the source file according to slicing parameters; Save module, save the slice file; Display module, synchronously loads and displays slice files.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the program, the steps of a method for improving the loading speed of VR panoramic image slices according to any one of claims 1 to 7 are implemented.

10. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of a method for improving the loading speed of VR panoramic image slices according to any one of claims 1 to 7 are implemented.

Images