WO2020007113A1 - 用于加载图像的方法和装置 - Google Patents

用于加载图像的方法和装置 Download PDF

Info

Publication number
WO2020007113A1
WO2020007113A1 PCT/CN2019/085785 CN2019085785W WO2020007113A1 WO 2020007113 A1 WO2020007113 A1 WO 2020007113A1 CN 2019085785 W CN2019085785 W CN 2019085785W WO 2020007113 A1 WO2020007113 A1 WO 2020007113A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
target
presented
images
loading
Prior art date
Application number
PCT/CN2019/085785
Other languages
English (en)
French (fr)
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 EP19830730.8A priority Critical patent/EP3792867A4/en
Priority to US16/762,818 priority patent/US11481872B2/en
Publication of WO2020007113A1 publication Critical patent/WO2020007113A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4092—Image resolution transcoding, e.g. by using client-server architectures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/10—Segmentation; Edge detection
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/10—Image acquisition modality
    • G06T2207/10004—Still image; Photographic image

Definitions

  • Embodiments of the present application relate to the field of computer technology, and in particular, to a method and an apparatus for loading an image.
  • the viewport may be related to the screen of the electronic device, or may be related to the size of the window presented by the electronic device.
  • the user may perform operations such as zooming in, zooming out, dragging, and displaying the full screen on the electronic device.
  • the images presented before and after the zoom operation or the images presented on electronic devices with different viewport sizes are usually the same image.
  • the embodiments of the present application provide a method and a device for loading an image.
  • an embodiment of the present application provides a method for loading an image.
  • the method includes: obtaining a viewport size of a target device and an image rendering ratio of the target device with respect to an original size of the image; In the determined set of to-be-presented images, the to-be-presented image matching the viewport size and zoom ratio is determined as the target to-be-presented image; the target to-be-presented image is loaded.
  • the set of images to be presented is determined by the following steps: obtaining a target image; performing scaling processing on the target image to obtain at least one zoomed image; and performing image segmentation on the zoomed image in the at least one zoomed image to obtain The collection of images to be rendered.
  • the target image includes an internal image of the target object and an external image group of the target object.
  • the internal image is an isometric cylindrical projection image obtained by orbiting the target object and stitching the images obtained by the orbiting, and the external image The group is obtained by shooting a target object with a panoramic camera.
  • the size of each of the external scenery images and the size of the internal scenery images in the external scenery image group are respectively predetermined.
  • performing a scaling process on the target image to obtain at least one zoomed image includes: performing a scaling process on each of the exterior image and the interior image according to a preset at least one zoom ratio to obtain at least one zoomed image; And performing image segmentation on the zoomed images in at least one zoomed image to obtain a set of images to be presented includes: performing image segmentation on each of the zoomed images in at least one zoomed image according to a preset size to obtain a set of images to be presented.
  • loading the target to-be-presented image includes loading the target to-be-presented image from a cache and rendering.
  • the method further includes: in response to detecting a target operation for the target to-be-presented image, based on the target operation, re-determining the to-be-presented image as the target to-be-presented image in the set of to-be-presented images, wherein the target operation Including at least one of the following: image switching operation, image dragging operation, image zooming operation, triggering full screen operation.
  • the method further comprises: presenting a transition animation before completing the loading of the re-determined target to-be-presented image; and presenting the re-determined target-to-be-presented image.
  • the method further includes: in response to detecting that an operation is triggered for information on a region image in the target to-be-presented image, presenting predetermined image information of the region image.
  • the images to be presented in the set of images to be presented are stored in a predetermined format.
  • an embodiment of the present application provides an apparatus for loading an image.
  • the apparatus includes: an acquiring unit configured to acquire a viewport size of a target device and an original size of the image presented on the target device relative to the image.
  • a scaling unit configured to determine, from a predetermined set of images to be presented, a to-be-presented image that matches a viewport size and a scaling factor as a target to-be-presented image; and a loading unit configured to load the target to-be-presented image.
  • the set of images to be presented is determined by the following steps: obtaining a target image; performing scaling processing on the target image to obtain at least one zoomed image; and performing image segmentation on the zoomed image in the at least one zoomed image to obtain The collection of images to be rendered.
  • the target image includes an internal image of the target object and an external image group of the target object.
  • the internal image is an isometric cylindrical projection image obtained by orbiting the target object and stitching the images obtained by the orbiting, and the external image The group is obtained by shooting a target object with a panoramic camera.
  • the size of each of the external scenery images and the size of the internal scenery images in the external scenery image group are respectively predetermined.
  • performing a scaling process on the target image to obtain at least one zoomed image includes: performing a scaling process on each of the exterior image and the interior image according to a preset at least one zoom ratio to obtain at least one zoomed image; And performing image segmentation on the zoomed images in at least one zoomed image to obtain a set of images to be presented includes: performing image segmentation on each of the zoomed images in at least one zoomed image according to a preset size to obtain a set of images to be presented.
  • the loading unit is further configured to load the target to-be-presented image from the cache and render it.
  • the apparatus further includes a re-determining unit configured to, in response to detecting a target operation for the target to-be-presented image, based on the target operation, re-determine the to-be-presented image in the set of to-be-presented images as the target to-be-presented.
  • a target operation includes at least one of the following: an image switching operation, an image drag operation, an image zoom operation, and a triggering full screen operation.
  • the apparatus further includes: a first presentation unit configured to present a transition animation before loading of the re-determined target to-be-presented image is completed; and a second presentation unit configured to present the re-determined target to-be-presented. Render the image.
  • the apparatus further includes: a third rendering unit configured to render the predetermined image information of the area image in response to detecting an information trigger operation on the area image in the target to-be-presented image.
  • the to-be-presented images in the set of to-be-presented images are stored in a predetermined format.
  • an embodiment of the present application provides an electronic device for loading an image, including: one or more processors; and a storage device storing one or more programs thereon.
  • the execution of the one or more processors causes the one or more processors to implement the method of any one of the embodiments of the method for loading an image as described above.
  • an embodiment of the present application provides a computer-readable medium for loading an image, and a computer program is stored thereon.
  • the program is executed by a processor, the method for loading an image as described above is implemented in any one of the embodiments. Methods.
  • the method and device for loading an image provided in the embodiments of the present application obtain the viewport size of the target device and the scaling ratio of the image to be displayed on the target device relative to the original size of the image, and then, determine the image to be presented in advance. In the collection, the to-be-presented image that matches the viewport size and zoom ratio is determined as the target to-be-presented image. Finally, the target-to-be-presented image is loaded, thereby enriching the loading form of the image and helping to ensure image resolution. To increase the loading speed of the image.
  • FIG. 1 is an exemplary system architecture diagram to which an embodiment of the present application can be applied;
  • FIG. 1 is an exemplary system architecture diagram to which an embodiment of the present application can be applied;
  • FIG. 2 is a flowchart of an embodiment of a method for loading an image according to the present application
  • 3A-3B are schematic diagrams of an application scenario of a method for loading an image according to the present application.
  • FIG. 4 is a flowchart of another embodiment of a method for loading an image according to the present application.
  • 5A-5C are schematic diagrams of still another application scenario of the method for loading images according to the present application.
  • FIG. 6 is a schematic structural diagram of an embodiment of an apparatus for loading an image according to the present application.
  • FIG. 7 is a schematic structural diagram of a computer system suitable for implementing an electronic device according to an embodiment of the present application.
  • FIG. 1 illustrates an exemplary system architecture 100 in which an embodiment of a method for loading an image or an apparatus for loading an image of an embodiment of the present application can be applied.
  • the system architecture 100 may include terminal devices 101, 102, and 103, a network 104, and a server 105.
  • the network 104 is a medium for providing a communication link between the terminal devices 101, 102, 103 and the server 105.
  • the network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.
  • the user can use the terminal devices 101, 102, 103 to interact with the server 105 through the network 104 to receive or send images and the like.
  • client applications can be installed on the terminal devices 101, 102, 103, such as image acquisition applications, web browser applications, shopping applications, search applications, instant messaging tools, email clients, social platform software, and so on.
  • the terminal devices 101, 102, and 103 may be hardware or software.
  • the terminal devices 101, 102, and 103 can be various electronic devices that have a display screen and support image browsing, including but not limited to virtual reality (VR) devices, smartphones, tablets, and e-book reading MP3 player (Moving Picture Experts Group Audio Layer III, moving picture expert compression standard audio layer 3), MP4 (Moving Picture Experts Group audio layer 3, moving picture expert compression standard audio layer 4) player, laptop portable Computers and desktop computers and more.
  • VR virtual reality
  • MP3 player Moving Picture Experts Group Audio Layer III, moving picture expert compression standard audio layer 3
  • MP4 Motion Picture Experts Group audio layer 3, moving picture expert compression standard audio layer 4
  • laptop portable Computers and desktop computers and more.
  • the terminal devices 101, 102, and 103 are software, they can be installed in the electronic devices listed above. It can be implemented as multiple software or software modules (such as software or software modules used to provide distributed services), or it can be implemented as a single software or software module. It is not specifically
  • the server 105 may be a server that provides various services, such as a background image processing server that provides support for images displayed on the terminal devices 101, 102, and 103.
  • the background image processing server can analyze and process the received image processing requests (such as image loading requests, image scaling requests, image switching requests, image drag requests, and full-screen rendering requests), and process the processing results (such as The loaded image, etc.) to the terminal device.
  • the method for loading images may be executed by the server 105 or by the terminal devices 101, 102, and 103. Accordingly, a device for loading an image may be set on the server 105 It can also be installed in the terminal devices 101, 102, and 103.
  • the server may be hardware or software.
  • the server can be implemented as a distributed server cluster consisting of multiple servers or as a single server.
  • the server can be implemented as multiple software or software modules (such as software or software modules used to provide distributed services), or it can be implemented as a single software or software module. It is not specifically limited here.
  • the numbers of terminal devices, networks, and servers in FIG. 1 are merely exemplary. Depending on the implementation needs, there can be any number of terminal devices, networks, and servers.
  • the system architecture may not include a network and other electronic devices other than an execution subject of the method for loading an image.
  • the method for loading an image includes the following steps:
  • Step 201 Obtain the viewport size of the target device and the scaling ratio of the image presented on the target device relative to the original size of the image.
  • an execution subject for example, a server or a terminal device shown in FIG. 1
  • a server or a terminal device shown in FIG. 1 may obtain a viewport size of a target device and an image to be displayed on the target device through a wired connection method or a wireless connection method.
  • the scaling ratio relative to the original size of the image When the above-mentioned execution subject is a terminal device, the execution subject can obtain the viewport size and image of itself (that is, the target device) from itself (that is, the target device), and present the original view of the image relative to the image.
  • the scale of the size is a server or a terminal device shown in FIG. 1
  • the execution subject may obtain the viewport size and image of the terminal device (ie, the target device) communicatively connected to the execution subject from the terminal device (ie, the target device) communicatively connected to the execution subject.
  • the scaling ratio of the terminal device (ie, the target device) that performs the subject communication connection with respect to the original size of the image may be obtained.
  • the target device may be the above-mentioned execution body itself, or may be another device that is communicatively connected with the above-mentioned execution body.
  • the viewport size can be related to the screen of the electronic device, or to the size of the window rendered by the electronic device.
  • the target device may be a device for interacting with a user.
  • each electronic device (such as the above target device) may correspond to a device model, and each type of electronic device may correspond to the viewport size.
  • the electronic device and the viewport size of the electronic device may be stored in a database or a table in association with each other. Therefore, the execution subject may obtain the viewport size from the database or table.
  • the execution body may also directly obtain the viewport size of the target device from the target device.
  • the original size of the image can be determined through HTML5 (HyperText Markup Language 5).
  • the original width and height (that is, the original size) of the image can be obtained through the natural width property or naturalHeight property of HTML5.
  • the original size of the stored image may also be directly obtained by the execution subject.
  • the foregoing scaling ratio may be a scaling ratio of an image currently presented on the target device relative to an original size of the image.
  • the foregoing scaling ratio may include, but is not limited to, at least one of the following: a ratio of a long pixel number (or length) of an image currently presented on a target device to a long pixel number (or length) of an original image of the image ; The ratio of the wide pixels (or length) of the image currently presented on the target device to the wide pixels (or length) of the original image of the image; the diagonal pixels of the image currently presented on the target device (Or length), the ratio to the number of diagonal pixels (or length) of the original image of the image; the total number of pixels of the image currently presented on the target device, and the total number of pixels of the original image of the image ratio. It can be understood that the technician can set the determination method of the zoom ratio by himself.
  • the technician or user can set the zoom ratio (for example, set the zoom ratio to 100%, that is, the same size as the original image), or according to the target device.
  • the zoom ratio for example, if the target device's viewport size is small, for example, 800 ⁇ 400, the zoom ratio can be 50%; when the target device's viewport size is large, for example, (When 1920 ⁇ 1080, the zoom ratio can be 100%).
  • Step 202 In a predetermined set of images to be presented, determine a to-be-presented image that matches a viewport size and a zoom ratio as a target to-be-presented image.
  • the foregoing execution subject may determine, as a target to-be-presented image, a to-be-presented image that matches the viewport size and zoom ratio obtained in step 201 in a predetermined to-be-presented image set.
  • the set of to-be-presented images may include multiple images, where the multiple images may be any combination of images, or may be images obtained by performing image scaling processing and / or image segmentation processing on one or more images. Collection.
  • the target to-be-presented image may be the to-be-presented image in the set of to-be-presented images determined by the execution subject according to the viewport size and the zoom ratio and suitable for the target device to be presented.
  • the above-mentioned target to-be-presented image may be determined by a technician based on experience to ensure that the image presented by the target device has a certain sharpness and has a relatively fast loading speed relative to loading other high-resolution to-be-presented images. Render the image.
  • a technician can set up a table or formula containing the corresponding relationship between the viewport size, zoom ratio, and the target image to be rendered (or the resolution of the image). From this, the above-mentioned executive body can determine the viewport size and zoom The image to be rendered with matching proportions.
  • the set of images to be presented includes different images obtained by scaling the images. Differences between different images may include different resolutions and different storage space occupied by the images.
  • the set of images to be presented may be determined by the above-mentioned execution subject or other electronic devices.
  • Step 203 Load the target to-be-presented image.
  • the execution subject may load a target to-be-presented image from a cache, a memory, a disk, or another storage device that is communicatively connected with the execution subject.
  • FIG. 3A-3B is a schematic diagram of an application scenario of the method for loading an image according to this embodiment.
  • the terminal device that is, the above-mentioned execution body
  • obtains the viewport size for example, a 1k resolution size
  • the image 301 of the terminal device itself that is, the target device
  • Scale of the original size for example, 400%).
  • the terminal device determines, as a target to-be-presented image, a to-be-presented image that matches the viewport size and zoom ratio in a predetermined set of to-be-presented images.
  • the set of to-be-presented images includes an original resolution image (that is, an original image of an image), an image that is enlarged by 2 times the original resolution (that is, an image that is enlarged by 2 times), and an original resolution enlarged by 4
  • the image after being doubled that is, an image that is enlarged by 4 times
  • the image that is reduced by 2 times the original resolution that is, the image after being reduced by 2 times.
  • the terminal device determines an image having the same zoom ratio as the zoom ratio (that is, an image enlarged by 4 times the original resolution) as the target to-be-presented image.
  • the terminal device loads the target to-be-presented image 302 (as shown in FIG. 3B).
  • loading the target to-be-presented image includes: loading the target to-be-presented image from a cache and rendering. It can be understood that after the execution subject loads the target to-be-presented image for the first time, the execution subject may store the target-to-be-presented image that is loaded for the first time into the cache, and when the target to-be-presented image is loaded again, the execution subject may directly load Load the target image to be rendered. Since the cache runs faster than the memory, loading the target to-be-presented image from the cache helps to improve the speed of the target rendering the target-to-be-presented image.
  • the foregoing execution subject may further: in a case where a target operation for the target to-be-presented image is detected, based on the target operation, in the set of to-be-presented images, the to-be-presented image is newly determined.
  • the target operation may include, but is not limited to, at least one of the following: an image switching operation, an image drag operation, an image zoom operation, and a triggering full screen operation.
  • the above-mentioned execution subject may re-determine the target to-be-presented image in the set of images to be presented, the image to be presented instructed by the image switching operation to be switched.
  • the image switching operation is an inside and outside scene image switching operation of the object
  • the above-mentioned execution subject can perform the inside and outside scene image switching operation of the object, and therefore, compared to the separate presentation of the inside or outside scene image, the switching of the inside and outside scene image can pass through the inside scene of the object.
  • the image and the location image show the image of the object in all directions, which enriches the image display form.
  • the above-mentioned execution subject may re-determine in the set of to-be-presented images that the image drag operation indicates to-be-presented after dragging An image (that is, an image block) is used as a target image to be presented.
  • the target operation includes an image scaling operation
  • the above-mentioned execution subject may re-determine the to-be-presented image as the target to-be-presented image in the set of to-be-presented images according to the scaling ratio indicated by the image scaling operation relative to the original image.
  • the execution subject may re-determine the target to be presented in the set of images to be presented according to the ratio of the size of the display area of the image before the full-screen operation and the size of the display area of the image after the full-screen operation.
  • the image to be rendered may be rendered.
  • re-determining the target to-be-presented image helps to adjust the presented image in time to ensure the user's browsing experience, helps to ensure the clarity of the image presentation, and helps the user View detailed features of the image (such as flaws, defects, etc.).
  • the execution body may further: before completing the loading of the re-determined target to-be-presented image, present a transition animation, and then present the re-determined target-to-be-presented image.
  • the above transition animation can be used for the transition of the image and the next image to connect the two images.
  • the above transition animation may be, but is not limited to, a gradual slowdown, a uniform speed transition effect, an accelerated transition effect, a decelerated transition effect, acceleration and then deceleration, and the like.
  • a technician can set the transition animation by using CSS (Cascading Style Sheets) 3 or other techniques.
  • the foregoing execution subject may further: when a trigger operation is detected on the information of the area image in the target to-be-presented image, present the predetermined image information of the area image.
  • the above information trigger operation may be an operation or a group of operation sequences.
  • the above information trigger operation may include, but is not limited to, at least one of the following: touch and click, mouse click, handle click, input information, and so on.
  • the image information may include, but is not limited to, introduction information of area images, warning information, and image switching information.
  • the image information may be presented in at least one of the following forms: text, audio, picture, video.
  • the introduction information of the above region image can be used to introduce the corresponding region of the scenic spot.
  • the target to-be-presented image is an image of an object such as a car
  • the above-mentioned area image warning information may be used to prompt the object area corresponding to the corresponding area to be dangerous or defective.
  • the image switching information may be information used to characterize the currently displayed image as an interior image or an exterior image.
  • the area image in each target to-be-presented image set in the target to-be-presented image set may correspond to image information, and the area image and image information may be stored in a database or table in association, thereby the above-mentioned execution subject may determine the image Information and presentation image information.
  • the to-be-presented image in the to-be-presented image set is stored in a predetermined format.
  • the predetermined format may be a format from large to small or small to large in storage space occupied by the image to be presented.
  • a technician can distinguish the position of the image block in the original image and the resolution of the image block located at the corresponding position of the original image.
  • the rate is determined in advance according to a certain position order (for example, from top to bottom, left to right position order) and resolution order (for example, from large to small resolution order).
  • the above formats can be formats such as JSON (JavaScript Object Notation, JS Object Notation), XML (Extensible Markup Language, Extensible Markup Language) and other formats.
  • the method provided by the foregoing embodiment of the present application firstly obtains a viewport size and an image of a target device at a scaling ratio of the target device with respect to an original size of the image, and then, in a predetermined set of images to be presented, Determine the to-be-presented image that matches the viewport size and zoom ratio as the target to-be-presented image. Finally, load the target to-be-presented image, which enriches the loading form of the image and helps to improve the image under the premise of ensuring image resolution. Loading speed.
  • FIG. 4 a flowchart 400 of yet another embodiment of a method for loading an image is shown.
  • the process 400 of the method for loading an image includes the following steps:
  • Step 401 Obtain a target image.
  • an execution subject for example, a server or a terminal device shown in FIG. 1
  • the target image may be any image.
  • the above target image may include, but is not limited to, at least one of the following: a vehicle image (such as an interior and exterior image of a car), an image of a scenic spot (such as an image of the Yellow Crane Tower), a model room image, and the like.
  • the target image may be a picture or a video frame.
  • the target image can be one image or multiple images.
  • the target image can be an image of any size and any aspect ratio.
  • the target image includes an external scene image group of the target object and an internal scene image of the target object.
  • the target object may be an object for viewing external and internal structures, for example, a single house landscape (such as a model room, Yellow Crane Tower, etc.), or a yacht, car, ship, etc.
  • the exterior image group is obtained by shooting a target object with a panoramic camera.
  • the external image is an isometric cylindrical projection image obtained by orbiting the target object and stitching the images obtained by the orbiting.
  • the external scene image group may be obtained according to the following steps:
  • the target object (it can also be the position around the target object) as the center of the circle, and take a certain fixed distance (for example, 5 meters, 3 meters) as the radius, and circle the target object at a certain angle (for example, 15 degrees, 30 degrees) Etc.), uniformly shooting to obtain the external image group.
  • the plane formed by the surrounding target object may be parallel to the ground or perpendicular to the ground.
  • the external scene image group may also include external scene images obtained by capturing two planes parallel to the ground and perpendicular to the ground.
  • the execution subject or other electronic device may obtain multiple external scene image groups by determining multiple circle centers in the foregoing manner.
  • the interior image can be obtained according to the following steps:
  • the obtained multiple images are stitched to obtain an equidistant cylindrical projection image.
  • the above-mentioned stitching operation is a well-known technique widely studied by those in the field of panoramic image production, and will not be repeated here.
  • the embodiments of the present application can display panoramic images online or offline. Compared with the user's physical experience, the cost of the user can be reduced, and the user's time can be saved.
  • the size of each external scenery image and the size of the internal scenery image in the external scenery image group are respectively determined in advance.
  • each exterior image and interior image in the exterior image group may be 8k (or other values) pixels, and the aspect ratio of the exterior image may be 16: 9 (or other ratios).
  • the aspect ratio can be 2: 1 (or other ratios).
  • Step 402 Perform scaling processing on the target image to obtain at least one scaled image.
  • the execution subject may perform scaling processing on the target image to obtain at least one zoomed image.
  • the scaling process may include a reduction process or an enlargement process. It can be understood that the target image (that is, the zoomed image) obtained after the scaling process is different from the target image before the scaling process in terms of resolution (sharpness) and resource occupation rate (and the size of the storage space occupied by the image). .
  • the obtained zoomed image may or may not include the target image.
  • the scaling ratio when the target image is scaled may be set in advance, or it may be determined according to the resolution (sharpness) and / or resource occupancy of the current target image (that is, the size of the storage space occupied by the image) of.
  • step 402 may include: performing scaling processing on each of the external scene image and the external scene image according to at least one preset scaling ratio to obtain at least one zoomed image.
  • the at least one zoom ratio may be various zoom ratios determined in advance.
  • the above scaling ratio may include, but is not limited to, at least one of the following: the ratio of the number of long pixels of the scaled image to the number of long pixels of the original image of the scaled image; the number of wide pixels of the scaled image, Ratio to the wide pixels of the original image of the scaled image; ratio of the diagonal pixels of the scaled image to the diagonal pixels of the original image of the scaled image; after scaling The ratio of the total number of pixels in the image to the total number of pixels in the original image of the scaled image.
  • the at least one preset scaling ratio may include, but is not limited to, at least one of the following 200%, 100%, 50%, 25%, and 12.5%.
  • each exterior image and interior image in the exterior image group is 8k pixels
  • the aspect ratio of the exterior image is 16: 9
  • the aspect ratio of the interior image is 2: 1.
  • each image (each external image in the external image group and each image in the internal image group) is separately selected according to the image width of 512 pixels, 1k pixels, 2k pixels, 4k pixels, and 8k pixels. ) Perform scaling processing to obtain at least one scaled image.
  • the number of preset zoom ratios is 5
  • the number of zoomed images is 5 times the sum of the number of interior and exterior images. That is, the ratio of the number of zoomed images to the sum of the number of interior and exterior images can be the same as the number of preset zoom ratios.
  • Step 403 Perform image segmentation on the zoomed images in at least one zoomed image to obtain a set of images to be presented.
  • the above-mentioned execution subject may perform image segmentation on the zoomed images in at least one zoomed image to obtain a set of images to be presented.
  • image segmentation is a process of dividing an image into several specific regions.
  • the image segmentation technology is a well-known technology widely studied by those skilled in the field of image processing, and will not be repeated here.
  • the size (specification) of the scaled image can be determined in advance, or it can be determined according to the resolution (sharpness) and / or resource occupation rate (that is, the size of the storage space of the scaled image) of the scaled image. of.
  • the execution subject may perform image segmentation on each zoomed image in at least one zoomed image, or may perform image segmentation on eligible zoomed images in at least one zoomed image to obtain a set of images to be presented.
  • the above conditions may be conditions set by a technician according to requirements.
  • the above conditions may be that the storage space occupied by the zoomed image is greater than a preset threshold (eg, 1M, 2M, etc.).
  • the step 403 may include: performing image segmentation on each of the at least one zoomed image according to a preset size to obtain a set of images to be presented.
  • the preset size may be a square with a length of 256 pixels and a width of 256 pixels, or a rectangle with a length of 256 pixels and a width of 128 pixels, or other sizes.
  • Step 404 Obtain the viewport size of the target device and the scaling ratio of the image presented on the target device relative to the original size of the image.
  • Step 405 In a predetermined set of images to be presented, determine a to-be-presented image that matches the viewport size and zoom ratio as the target to-be-presented image.
  • Step 406 Load the target to-be-presented image.
  • steps 404 to 406 are basically the same as steps 201 to 203 in the embodiment corresponding to FIG. 2, and details are not described herein again.
  • FIG. 5A to FIG. 5C are schematic diagrams of still another application scenario of the method for loading images according to this embodiment.
  • the electronic device obtains the target image 501, and then the electronic device performs scaling processing on the target image to obtain at least one zoom image (as shown in FIG. 5A, the at least one zoom image includes the zoom image 501 and the zoom Image 502), and then, the electronic device performs image segmentation on the zoomed image in at least one zoomed image to obtain a set of images to be presented (as shown in FIG. 5A, the set of images to be presented includes the images to be presented 503, 504, 505, 506 ), Then, referring to FIG.
  • the terminal device (either the above electronic device or another electronic device different from the above electronic device) obtains the viewport size of the target device (that is, the terminal device in FIG. 5B) (for example, 1k resolution) Rate) and the image (ie, the image to be presented 505) are displayed on the target device at a scaling ratio (for example, 400%) relative to the original size of the image. Then, the terminal device determines the The to-be-presented image that matches the mouth size and zoom ratio is the target to-be-presented image (ie, the to-be-presented image 503). Finally, as shown in FIG. 5C, the terminal device adds The object to be rendered image (ie the image to be rendered 503).
  • the process 400 of the method for loading images in this embodiment highlights the steps of determining a set of images to be presented. Therefore, the solution described in this embodiment can improve the loading speed of the image on the premise of ensuring the resolution of the image through more ways of determining the set of images to be presented.
  • this application provides an embodiment of an apparatus for loading an image.
  • the apparatus embodiment corresponds to the method embodiment shown in FIG. 2 except that
  • this device embodiment may also include the same or corresponding features and effects as the method embodiment shown in FIG. 2.
  • the device can be applied to various electronic devices.
  • the apparatus 600 for loading an image in this embodiment includes: an obtaining unit 601, a determining unit 602, and a loading unit 603.
  • the obtaining unit 601 is configured to obtain the viewport size of the target device and the scaling ratio of the image to be displayed on the target device relative to the original size of the image;
  • the determining unit 602 is configured to determine, from a predetermined set of images to be presented, a determination The to-be-presented image that matches the viewport size and zoom ratio is the target to-be-presented image;
  • the loading unit 603 is configured to load the target to-be-presented image.
  • the obtaining unit 601 of the apparatus 600 for loading an image may obtain the viewport size of the target device and the zoom ratio of the image presented on the target device relative to the original size of the image through a wired connection or a wireless connection.
  • the device 600 can obtain the viewport size and image of itself (that is, the target device) from the original device (that is, the target device) and present the original view relative to the image.
  • the scale of the size When the above device 600 is a server, the device 600 can obtain the viewport size and image of the terminal device (ie, the target device) connected to the device 600 from the terminal device (ie, the target device) that is communicatively connected to the device 600.
  • the target device may be the above-mentioned device 600 itself, or may be another device that is communicatively connected with the above-mentioned device 600.
  • the viewport size can be related to the screen of the electronic device, or to the size of the window rendered by the electronic device.
  • the target device may be a device for interacting with a user.
  • the above-mentioned determining unit 602 may determine, as a target to-be-presented image, a to-be-presented image that matches the viewport size and zoom ratio obtained by the above-mentioned obtaining unit 601 in a predetermined to-be-presented image set.
  • the set of to-be-presented images may include multiple images, where the multiple images may be any combination of images, or may be images obtained by performing image scaling processing and / or image segmentation processing on one or more images. Collection.
  • the target to-be-presented image may be the to-be-presented image in the set of to-be-presented images determined by the apparatus 600 according to the viewport size and the zoom ratio and suitable for the target device to be presented.
  • the loading unit 603 may load a target to-be-presented image from a cache, a memory, a disk, or another storage device that is communicatively connected with the device 600.
  • the set of to-be-presented images is determined by the foregoing apparatus 600 or other apparatus through the following steps:
  • the target image is obtained from other electronic devices or locally through a wired connection method or a wireless connection method.
  • the target image may be any image.
  • the above target image may include, but is not limited to, at least one of the following: a vehicle image (such as an interior and exterior image of a car), an image of a scenic spot (such as an image of the Yellow Crane Tower), a model room image, and the like.
  • the target image may be a picture or a video frame.
  • the target image can be one image or multiple images.
  • the target image can be an image of any size and any aspect ratio.
  • the target image is scaled to obtain at least one scaled image.
  • the scaling process may include a reduction process or an enlargement process. It can be understood that the target image (that is, the zoomed image) obtained after the scaling process is different from the target image before the scaling process in terms of resolution (sharpness) and resource occupation rate (and the size of the storage space occupied by the image). .
  • the obtained zoomed image may or may not include the target image.
  • image segmentation is performed on the zoomed images in at least one zoomed image to obtain a set of images to be presented.
  • image segmentation is a process of dividing an image into several specific regions.
  • the image segmentation technology is a well-known technology widely studied by those skilled in the field of image processing, and will not be repeated here.
  • the size (specification) of the scaled image can be determined in advance, or it can be determined according to the resolution (sharpness) and / or resource occupation rate (that is, the size of the storage space of the scaled image) of the scaled image. of.
  • the target image includes an external scene image group of the target object and an internal scene image of the target object.
  • the target object can be any object, for example, a stand-alone landscape (such as a model room, Huanghe Tower, etc.), or a yacht, a car, a ship, or the like.
  • the exterior image group is obtained by shooting a target object with a panoramic camera.
  • the external image is an isometric cylindrical projection image obtained by orbiting the target object and stitching the images obtained by orbiting.
  • the size of each external scenery image and the size of the internal scenery image in the external scenery image group are respectively determined in advance.
  • performing scaling processing on the target image to obtain at least one zoomed image includes: performing scaling processing on each exterior image and interior image according to at least one preset scaling ratio, Get at least one zoomed image.
  • the at least one zoom ratio may be various zoom ratios determined in advance.
  • the above scaling ratio may include, but is not limited to, at least one of the following: the ratio of the number of long pixels of the scaled image to the number of long pixels of the original image of the scaled image; the number of wide pixels of the scaled image, Ratio to the wide pixels of the original image of the scaled image; ratio of the diagonal pixels of the scaled image to the diagonal pixels of the original image of the scaled image; after scaling The ratio of the total number of pixels in the image to the total number of pixels in the original image of the scaled image.
  • the at least one preset scaling ratio may include, but is not limited to, at least one of the following 200%, 100%, 50%, 25%, and 12.5%.
  • performing image segmentation on the zoomed image in at least one zoomed image to obtain a set of images to be presented includes: according to a preset size, each of the at least one zoomed image is respectively The image is scaled for image segmentation to obtain a set of images to be presented.
  • the preset size may be a square with a length of 256 pixels and a width of 256 pixels, or a rectangle with a length of 256 pixels and a width of 128 pixels, or other sizes.
  • the loading unit 603 is further configured to: load the target to-be-presented image from the cache and present it.
  • the above-mentioned device 600 may store the first-to-be-loaded target-to-be-presented image in a cache, and when the target-to-be-presented image is loaded again, the above-mentioned device 600 may directly load from the cache Load the target image to be rendered. Since the cache runs faster than the memory, loading the target to-be-presented image from the cache helps to improve the speed of the device 600 to render the target to-be-presented image.
  • the apparatus 600 further includes: a re-determining unit (not shown in the figure) configured to respond to detecting a target operation for the target to-be-presented image, based on the target operation, in In the set of to-be-presented images, the to-be-presented image is newly determined as the target to-be-presented image, where the target operation includes at least one of the following: an image switching operation, an image drag operation, an image zoom operation, and a triggering full-screen operation.
  • a re-determining unit (not shown in the figure) configured to respond to detecting a target operation for the target to-be-presented image, based on the target operation, in In the set of to-be-presented images, the to-be-presented image is newly determined as the target to-be-presented image, where the target operation includes at least one of the following: an image switching operation, an image drag operation, an image zoom operation, and a triggering full-screen operation.
  • the apparatus 600 further includes: a first rendering unit (not shown in the figure) configured to render a transition animation before completing the loading of the re-determined target to-be-presented image;
  • the second rendering unit (not shown in the figure) is configured to render the newly determined target to-be-presented image.
  • the above transition animation can be used for the transition of the image and the next image to connect the two images.
  • the above transition animation may be, but is not limited to, a gradual slowdown, a uniform speed transition effect, an accelerated transition effect, a decelerated transition effect, acceleration and then deceleration, and the like.
  • a technician can set the transition animation by using CSS (Cascading Style Sheets) 3 or other techniques.
  • the apparatus 600 further includes: a third rendering unit (not shown in the figure) configured to trigger an operation in response to detecting information for a region image in the target image to be rendered , Present image information of a predetermined area image.
  • the above information trigger operation may be an operation or a group of operation sequences.
  • the to-be-presented image in the to-be-presented image set is stored in a predetermined format.
  • the predetermined format may be a format from large to small or small to large in the space occupied by the image to be presented.
  • the set of to-be-presented images includes image blocks obtained by performing image scaling processing and / or image segmentation processing on an image, a technician can distinguish the position of the image block in the original image and the resolution of the image block located at the corresponding position of the original image.
  • the above-mentioned format is determined in advance according to a certain position order (for example, position s order from top to bottom, and position s from left to right) and resolution order (for example, resolution from large to small).
  • the above formats may be formats such as JSON and XML.
  • the apparatus provided by the foregoing embodiment of the present application obtains the viewport size of the target device and the scaling ratio of the image presented on the target device with respect to the original size of the image through the obtaining unit 601, and then, the determining unit 602 determines the In the image collection, the to-be-presented image matching the viewport size and zoom ratio is determined as the target to-be-presented image. Finally, the loading unit 603 loads the target to-be-presented image, which enriches the loading form of the image and helps to ensure image resolution. Under the premise, improve the loading speed of the image.
  • FIG. 7 illustrates a schematic structural diagram of a computer system 700 suitable for implementing a server according to an embodiment of the present application.
  • the server shown in FIG. 7 is only an example, and should not impose any limitation on the functions and scope of use of the embodiments of the present application.
  • the computer system 700 includes a central processing unit (CPU) 701, which can be based on a program stored in a read-only memory (ROM) 702 or a program loaded from a storage section 708 into a random access memory (RAM) 703. Instead, perform various appropriate actions and processes.
  • ROM read-only memory
  • RAM random access memory
  • various programs and data required for the operation of the system 700 are also stored.
  • the CPU 701, ROM 702, and RAM 703 are connected to each other through a bus 704.
  • An input / output (I / O) interface 705 is also connected to the bus 704.
  • the following components are connected to the I / O interface 705: an input portion 706 including a keyboard, a mouse, and the like; an output portion 707 including a cathode ray tube (CRT), a liquid crystal display (LCD), and the speaker; a storage portion 708 including a hard disk and the like And a communication section 709 including a network interface card such as a LAN card, a modem, and the like.
  • the communication section 709 performs communication processing via a network such as the Internet.
  • the driver 710 is also connected to the I / O interface 705 as needed.
  • a removable medium 711 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 710 as needed, so that a computer program read out therefrom is installed into the storage section 708 as needed.
  • the process described above with reference to the flowchart may be implemented as a computer software program.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a computer-readable medium, the computer program containing program code for performing a method shown in a flowchart.
  • the computer program may be downloaded and installed from a network through the communication section 709, and / or installed from a removable medium 711.
  • CPU central processing unit
  • the computer-readable medium described in this application may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two.
  • the computer-readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programming read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in combination with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal that is included in baseband or propagated as part of a carrier wave, and which carries computer-readable program code. Such a propagated data signal may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable medium may send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer-readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
  • Computer program code for performing the operations of this application may be written in one or more programming languages, or a combination thereof, including programming languages such as Java, Smalltalk, C ++, and also conventional Procedural programming language—such as "C" or a similar programming language.
  • the program code can be executed entirely on the user's computer, partly on the user's computer, as an independent software package, partly on the user's computer, partly on a remote computer, or entirely on a remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through an Internet service provider) Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider Internet service provider
  • each block in the flowchart or block diagram may represent a module, a program segment, or a part of code, which contains one or more functions to implement a specified logical function Executable instructions.
  • the functions labeled in the blocks may also occur in a different order than those labeled in the drawings. For example, two blocks represented one after the other may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved.
  • each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts can be implemented by a dedicated hardware-based system that performs the specified function or operation , Or it can be implemented with a combination of dedicated hardware and computer instructions.
  • the units described in the embodiments of the present application may be implemented by software or hardware.
  • the described unit may also be provided in a processor, for example, it may be described as: a processor includes an obtaining unit, a determining unit, and a loading unit. Among them, the names of these units do not constitute a limitation on the unit itself in some cases.
  • the acquisition unit may also be described as "obtaining the viewport size of the target device and the image presented on the target device relative to the image. Original scaled cell. "
  • the present application also provides a computer-readable medium, which may be included in the electronic device described in the above embodiments; or may exist separately without being assembled into the electronic device in.
  • the computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device: obtains a viewport size and an image of the target device and presents the target device with respect to the image. Scaling of the original size of the image; in a predetermined set of images to be presented, determining a to-be-presented image that matches the viewport size and scaling ratio as the target to-be-presented image; loading the target to-be-presented image.

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Image Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请实施例公开了用于加载图像的方法和装置。该方法的一具体实施方式包括：获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例；在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像；加载目标待呈现图像。该实施方式丰富了图像的加载形式，有助于在保证图像分辨率的前提下，提高图像的加载速度。

Description

用于加载图像的方法和装置
本专利申请要求于2018年07月06日提交的、申请号为201810739667.1、申请人为北京百度网讯科技有限公司、发明名称为“用于加载图像的方法和装置”的中国专利申请的优先权，该申请的全文以引用的方式并入本申请中。
技术领域
本申请实施例涉及计算机技术领域，具体涉及用于加载图像的方法和装置。
背景技术
目前，电子设备的尺寸，呈多样化趋势发展。不同尺寸的电子设备，其视口大小通常也是不同的。其中，视口可以和电子设备的屏幕相关，也可以和电子设备呈现的窗口大小相关。
此外，在电子设备呈现图像时，用户可能会对电子设备所呈现的图像进行放大、缩小、拖动、全屏显示等操作。
现有技术中，针对缩放操作前后所呈现的图像，或者，在不同视口大小的电子设备上所呈现的图像，通常为同一图像。
发明内容
本申请实施例提出了用于加载图像的方法和装置。
第一方面，本申请实施例提供了一种用于加载图像的方法，该方法包括：获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例；在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像；加载目标待呈现图像。
在一些实施例中，待呈现图像集合是通过如下步骤确定的：获取目标图像；对目标图像进行缩放处理，得到至少一张缩放图像；对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。
在一些实施例中，目标图像包括目标物体的内景图像和目标物体的外景图像组，内景图像是对目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼接得到的等距圆柱投影图，外景图像组是采用全景摄像机对目标物体进行拍摄得到的。
在一些实施例中，外景图像组中的各个外景图像的大小和内景图像的大小分别是预先确定的。
在一些实施例中，对目标图像进行缩放处理，得到至少一张缩放图像，包括：按照预设的至少一个缩放比例，分别对各个外景图像和内景图像进行缩放处理，得到至少一张缩放图像；以及对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合，包括：按照预设大小，分别对至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。
在一些实施例中，加载目标待呈现图像，包括：从缓存中加载目标待呈现图像以及呈现。
在一些实施例中，该方法还包括：响应于检测到针对目标待呈现图像的目标操作，基于目标操作，在待呈现图像集合中，重新确定待呈现图像作为目标待呈现图像，其中，目标操作包括以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
在一些实施例中，该方法还包括：在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画；呈现重新确定的目标待呈现图像。
在一些实施例中，该方法还包括：响应于检测到针对目标待呈现图像中的区域图像的信息触发操作，呈现预先确定的、区域图像的图像信息。
在一些实施例中，待呈现图像集合中的待呈现图像是按照预先确定的格式存储的。
第二方面，本申请实施例提供了一种用于加载图像的装置，该装置包括：获取单元，被配置成获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例；确定单元，被配置成在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像；加载单元，被配置成加载目标 待呈现图像。
在一些实施例中，待呈现图像集合是通过如下步骤确定的：获取目标图像；对目标图像进行缩放处理，得到至少一张缩放图像；对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。
在一些实施例中，目标图像包括目标物体的内景图像和目标物体的外景图像组，内景图像是对目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼接得到的等距圆柱投影图，外景图像组是采用全景摄像机对目标物体进行拍摄得到的。
在一些实施例中，外景图像组中的各个外景图像的大小和内景图像的大小分别是预先确定的。
在一些实施例中，对目标图像进行缩放处理，得到至少一张缩放图像，包括：按照预设的至少一个缩放比例，分别对各个外景图像和内景图像进行缩放处理，得到至少一张缩放图像；以及对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合，包括：按照预设大小，分别对至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。
在一些实施例中，加载单元进一步被配置成：从缓存中加载目标待呈现图像以及呈现。
在一些实施例中，该装置还包括：重新确定单元，被配置成响应于检测到针对目标待呈现图像的目标操作，基于目标操作，在待呈现图像集合中，重新确定待呈现图像作为目标待呈现图像，其中，目标操作包括以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
在一些实施例中，该装置还包括：第一呈现单元，被配置成在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画；第二呈现单元，被配置成呈现重新确定的目标待呈现图像。
在一些实施例中，该装置还包括：第三呈现单元，被配置成响应于检测到针对目标待呈现图像中的区域图像的信息触发操作，呈现预先确定的、区域图像的图像信息。
在一些实施例中，待呈现图像集合中的待呈现图像是按照预先确 定的格式存储的。
第三方面，本申请实施例提供了一种用于加载图像的电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当上述一个或多个程序被上述一个或多个处理器执行，使得该一个或多个处理器实现如上述用于加载图像的方法中任一实施例的方法。
第四方面，本申请实施例提供了一种用于加载图像的计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上述用于加载图像的方法中任一实施例的方法。
本申请实施例提供的用于加载图像的方法和装置，通过获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例，然后，在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像，最后，加载目标待呈现图像，从而丰富了图像的加载形式，有助于在保证图像分辨率的前提下，提高图像的加载速度。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：
图1是本申请的一个实施例可以应用于其中的示例性系统架构图；
图2是根据本申请的用于加载图像的方法的一个实施例的流程图；
图3A-图3B是根据本申请的用于加载图像的方法的一个应用场景的示意图；
图4是根据本申请的用于加载图像的方法的又一个实施例的流程图；
图5A-图5C是根据本申请的用于加载图像的方法的又一个应用场景的示意图；
图6是根据本申请的用于加载图像的装置的一个实施例的结构示意图；
图7是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请实施例的用于加载图像的方法或用于加载图像的装置的实施例的示例性系统架构100。
如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送图像等。终端设备101、102、103上可以安装有各种客户端应用，例如图像采集类应用、网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是硬件，也可以是软件。当终端设备101、102、103为硬件时，可以是具有显示屏并且支持图像浏览的各种电子设备，包括但不限于虚拟现实(Virtual Reality，VR)设备、智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服 务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的图像提供支持的后台图像处理服务器。后台图像处理服务器可以对接收到的图像处理请求(例如图像加载请求、图像缩放请求、图像切换请求、图像拖动请求、图像全屏呈现请求)等数据进行分析等处理，并将处理结果(例如所加载的图像等)反馈给终端设备。
需要说明的是，本申请实施例所提供的用于加载图像的方法可以由服务器105执行，也可以由终端设备101、102、103执行，相应地，用于加载图像的装置可以设置于服务器105中，也可以设置于终端设备101、102、103中。
需要说明的是，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。当用于加载图像的方法运行于其上的电子设备不需要与其他外部设备进行数据传输时，该系统架构可以不包括网络和除用于加载图像的方法的执行主体之外的其它电子设备。
继续参考图2，示出了根据本申请的用于加载图像的方法的一个实施例的流程200。该用于加载图像的方法，包括以下步骤：
步骤201，获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例。
在本实施例中，用于加载图像的方法的执行主体(例如图1所示的服务器或终端设备)可以通过有线连接方式或者无线连接方式获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例。当上述执行主体为终端设备时，该执行主体可以从自 身(即目标设备)，获取自身(即目标设备)的视口大小和图像呈现在自身(即目标设备)的、相对于该图像的原始尺寸的缩放比例。当上述执行主体为服务器时，该执行主体可以从与其通信连接的终端设备(即目标设备)，获取与该执行主体通信连接的终端设备(即目标设备)的视口大小和图像呈现在与该执行主体通信连接的终端设备(即目标设备)的、相对于该图像的原始尺寸的缩放比例。
在本实施例中，目标设备可以是上述执行主体自身，也可以是与上述执行主体通信连接的其他设备。视口大小可以与电子设备的屏幕相关，也可以和电子设备呈现的窗口大小相关。目标设备可以是用于与用户进行交互的设备。
实践中，当视口大小与电子设备的屏幕相关时，每个电子设备(例如上述目标设备)可以对应有设备型号，每个型号的电子设备可以对应视口大小。上述电子设备与该电子设备的视口大小可以关联存储于数据库或者表格之中，由此，上述执行主体可以从上述数据库或者表格之中获取到上述视口大小。可选的，上述执行主体还可以直接从上述目标设备获取该目标设备的视口大小。
在这里，图像的原始尺寸可以通过HTML5(HyperText Markup Language5，超级文本标记语言5)确定，例如，可以通过HTML5的naturalWidth属性或naturalHeight属性，来获取图片的原始宽高(即原始尺寸)。可选的，也可以由上述执行主体直接获取已存储的图像的原始尺寸。上述缩放比例可以是当前呈现在目标设备的图像，相对于该图像的原始尺寸的缩放比例。实践中，上述缩放比例可以包括但不限于以下至少一项：当前呈现在目标设备的图像的长的像素数(或长度)，与该图像的原始图像的长的像素数(或长度)的比；当前呈现在目标设备的图像的宽的像素数(或长度)，与该图像的原始图像的宽的像素数(或长度)的比；当前呈现在目标设备的图像的对角线的像素数(或长度)，与该图像的原始图像的对角线的像素数(或长度)的比；当前呈现在目标设备的图像的总的像素数，与该图像的原始图像的总的像素数的比。可以理解，技术人员可以自行设定缩放比例的确定方式。在一些情况下，当上述目标设备当前未呈现有图像时，技术人员或者 用户可以自行设置上述缩放比例(例如将缩放比例设置为100％，即与原始图像的尺寸相同)，也可以根据目标设备的视口大小，设置上述缩放比例(例如，若目标设备的视口大小较小，例如，为800×400时，缩放比例可以是50％；当目标设备的视口大小较大，例如，为1920×1080时，缩放比例可以是100％)。
步骤202，在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像。
在本实施例中，上述执行主体可以在预先确定的待呈现图像集合中，确定与步骤201获取到的视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像。其中，待呈现图像集合中可以包括多张图像，其中的多张图像可以是任意图像的组合，也可以是针对某一张或几张图像进行图像缩放处理和/或图像分割处理后得到的图像的集合。目标待呈现图像可以是上述执行主体根据视口大小和缩放比例确定出的、适于上述目标设备呈现的待呈现图像集合中的待呈现图像。
示例性的，上述目标待呈现图像可以是技术人员根据经验确定的、在保证目标设备呈现出的图像具备一定的清晰度并且相对加载其它高清晰度的待呈现图像具备较快的加载速度的待呈现图像。实践中，技术人员可以设置出包含视口大小、缩放比例和目标待呈现图像(或图像的分辨率)的对应关系的表格或者公式，由此，上述执行主体可以确定出与视口大小和缩放比例相匹配的待呈现图像。
在一些使用情况下，待呈现图像集合包括对图像进行缩放处理后得到的不同的图像。各不同的图像间的差异可以包括分辨率不同、图像占用的存储空间不同。
在这里，待呈现图像集合可以是由上述执行主体或者其他电子设备确定的。
步骤203，加载目标待呈现图像。
在本实施例中，上述执行主体可以从缓存、内存、磁盘或者与执行主体通信连接的其他存储装置，加载目标待呈现图像。
继续参见图3A-图3B，图3A-图3B是根据本实施例的用于加载图像的方法的应用场景的一个示意图。如图3A所示，首先，终端设 备(即上述执行主体)获取终端设备自身(即目标设备)的视口大小(例如1k分辨率大小)和图像301呈现在终端设备自身的、相对于图像的原始尺寸的缩放比例(例如400％)。随后，终端设备在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像。示例性的，待呈现图像集合中包含原始分辨率的图像(即某图像的原始图像)、原始分辨率放大2倍后的图像(即某图像放大2倍后的图像)、原始分辨率放大4倍后的图像(即某图像放大4倍后的图像)以及原始分辨率缩小2倍后的图像(即某图像缩小2倍后的图像)。在这里，由于视口大小未改变，终端设备将与缩放比例具有同等缩放比例的图像(即原始分辨率放大4倍后的图像)确定为目标待呈现图像。最后，终端设备加载目标待呈现图像302(如图3B所示)。
在本实施例的一些可选的实现方式中，加载目标待呈现图像，包括：从缓存中加载目标待呈现图像以及呈现。可以理解，当上述执行主体首次加载目标待呈现图像后，上述执行主体可以将首次加载的目标待呈现图像存储至缓存中，当该目标待呈现图像再次被加载时，上述执行主体可以直接从缓存中加载目标待呈现图像。由于缓存的运行速度快于内存，因此，从缓存中加载目标待呈现图像有助于提高上述执行主体呈现目标待呈现图像的速度。
在本实施例的一些可选的实现方式中，上述执行主体还可以：在检测到针对目标待呈现图像的目标操作的情况下，基于目标操作，在待呈现图像集合中，重新确定待呈现图像作为目标待呈现图像。其中，目标操作可以包括但不限于以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
在这里，当目标操作包括图像切换操作时，上述执行主体可以在待呈现图像集合中，将图像切换操作指示切换的待呈现图像重新确定为目标待呈现图像。当图像切换操作为物体的内外景图像切换操作时，上述执行主体可以执行物体的内外景图像切换操作，由此，相对于单独呈现内景图像或外景图像，切换内外景图像可以通过该物体的内景图像和外景图像，全方位展示该物体的图像，丰富了图像的展现形式。 当目标操作包括图像拖动操作，并且待呈现图像集合包括对图像进行图像分割得到的图像块时，上述执行主体可以在待呈现图像集合中，重新确定图像拖动操作指示拖动后的待呈现图像(即图像块)作为目标待呈现图像。当目标操作包括图像缩放操作时，上述执行主体可以在待呈现图像集合中，根据图像缩放操作指示的、相对于原始图像的缩放比例，重新确定待呈现图像作为目标待呈现图像。当目标操作包括触发全屏操作时，上述执行主体可以在待呈现图像集合中，根据全屏操作之前图像的显示区域的大小和全屏操作之后图像的显示区域的大小的比例，重新确定待呈现图像作为目标待呈现图像。
可以理解，当上述执行主体检测到目标操作之后，重新确定目标待呈现图像，有助于及时调整所呈现的图像，以保证用户的浏览体验，有助于保证图像呈现的清晰度，以帮助用户查看图像的细节特征(例如是否存在瑕疵、缺陷等)。
在本实施例的一些可选的实现方式中，上述执行主体还可以：在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画，然后再呈现重新确定的目标待呈现图像。其中，上述过渡动画可以用于图像与下一张图像的过渡，以衔接两张图像。上述过渡动画可以是但不限于：逐渐变慢、匀速过渡效果、加速的过渡效果、减速的过渡效果、加速然后减速等等。作为示例，技术人员可以通过CSS(Cascading Style Sheets，层叠样式表)3或其他技术，设置上述过渡动画。
可以理解，通过过渡动画衔接两张图像，可以使图像切换更为自然，丰富了图像切换的形式，有助于提高用户的浏览体验。
在本实施例的一些可选的实现方式中，上述执行主体还可以：在检测到针对目标待呈现图像中的区域图像的信息触发操作的情况下，呈现预先确定的、区域图像的图像信息。其中，上述信息触发操作可以是一个操作，也可以是一组操作序列。示例性的，上述信息触发操作可以包括但不限于以下至少一项：触摸点击、鼠标点击、手柄点击、输入信息等等。图像信息可以包括但不限于：区域图像的介绍信息、警告信息、图像切换信息。图像信息可以通过但不限于以下至少一种形式进行呈现：文字、音频、图片、视频。当目标待呈现图像为景点 图像时，上述区域图像的介绍信息可以用于介绍该景点的相应区域。当目标待呈现图像为汽车等物体的图像时，上述区域图像的警告信息可以用于提示相应区域对应的物体区域存在危险或者具有瑕疵。当目标待呈现图像集合包括汽车的内景图像和外景图像时，图像切换信息可以是用于表征当前展示的图像为内景图像或外景图像的信息。
实践中，目标待呈现图像集合中的每个目标待呈现图像中的区域图像可以对应有图像信息，区域图像和图像信息可以关联存储于数据库或表格之中，由此，上述执行主体可以确定图像信息以及呈现图像信息。
可以理解，在检测到针对目标待呈现图像中的区域图像的信息触发操作的情况下，通过呈现预先确定的、区域图像的图像信息，可以实现用户与上述执行主体之间的交互，由此，可以针对用户的需求，更具针对性的为用户呈现信息。
在本实施例的一些可选的实现方式中，待呈现图像集合中的待呈现图像是按照预先确定的格式存储的。其中，上述预先确定的格式可以是待呈现图像占用存储空间由大到小或者由小到大的格式。当待呈现图像集合包括对图像进行图像缩放处理和/或图像分割处理后得到的图像块时，技术人员可以根据图像块在原始图像中的位置，以及位于原始图像相应位置上的图像块的分辨率，按照一定的位置顺序(例如从上到下，从左到右的位置顺序)、分辨率大小顺序(例如分辨率从大到小的顺序)，预先确定上述格式。实践中，上述格式可以是JSON(JavaScript Object Notation,JS对象简谱)、XML(Extensible Markup Language，可扩展标记语言)等格式。
本申请的上述实施例提供的方法，通过首先将获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例，然后，在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像，最后，加载目标待呈现图像，从而丰富了图像的加载形式，有助于在保证图像分辨率的前提下，提高图像的加载速度。
进一步参考图4，其示出了用于加载图像的方法的又一个实施例 的流程400。该用于加载图像的方法的流程400，包括以下步骤：
步骤401，获取目标图像。
在本实施例中，用于加载图像的方法的执行主体(例如图1所示的服务器或终端设备)可以通过有线连接方式或者无线连接方式，从其他电子设备或者本地，获取目标图像。其中，目标图像可以是任意图像。例如，上述目标图像可以包括但不限于以下至少一项：车辆图像(例如汽车的内景图像和外景图像)、景点图像(例如黄鹤楼的图像)、样板间图像等等。上述目标图像可以是图片也可以是视频帧。目标图像可以是一张图像，也可以是多张图像。目标图像可以是任意大小、任意长宽比的图像。
在本实施例的一些可选的实现方式中，目标图像包括目标物体的外景图像组和目标物体的内景图像。其中，目标物体可以是可供观看外部和内部结构的物体，例如，独栋景观(例如样板间、黄鹤楼等)，也可以是游艇、汽车、轮船等。外景图像组是采用全景摄像机对目标物体进行拍摄得到的。外景图像是对目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼接得到的等距圆柱投影图。
示例性的，外景图像组可以是按照如下步骤得到的：
以目标物体(也可以是目标物体周围的位置)为圆心，以某一固定距离(例如5米、3米)为半径，环绕该目标物体一周，每间隔一定的角度(例如15度、30度等)，均匀拍摄得到外景图像组。其中，环绕目标物体所构成的平面可以平行于地面，也可以垂直于地面。可选的，外景图像组也可以包括环绕平行于地面和垂直于地面两个平面拍摄得到的外景图像。
可选的，上述执行主体或其他电子设备可以按照上述方式，通过确定多个圆心，得到多个外景图像组。
示例性的，内景图像可以是按照如下步骤得到的：
首先，在目标物体内部的一个位置，利用全景摄像机得到目标物体内部的多张图像。
然后，对所得到的多张图像进行拼接，得到等距圆柱投影图。在这里，上述拼接操作是全景图像制作领域人员广泛研究的公知技术， 在此不再赘述。
可以理解，将上述等距圆柱投影图在球形中进行渲染时，可以呈现出全景图像。由此，本申请实施例可以在线上或者离线状态展现全景图像，相对于用户实体体验，可以降低用户的成本，节约用户的时间。
在本实施例的一些可选的实现方式中，外景图像组中的各个外景图像的大小和内景图像的大小分别是预先确定的。
作为示例，外景图像组中的各个外景图像和内景图像的宽可以是8k(也可以是其他数值)像素，外景图像的长宽比可以为16:9(也可以是其他比例)，内景图像的长宽比可以是2:1(也可以是其他比例)。
可以理解，当预先确定外景图像组中的各个外景图像的大小和内景图像的大小后，可以简化后续对目标图像(即内景图像和外景图像)进行缩放处理和/或分割处理的步骤，有助于提高缩放处理和/或分割处理的速度。
步骤402，对目标图像进行缩放处理，得到至少一张缩放图像。
在本实施例中，上述执行主体可以对目标图像进行缩放处理，得到至少一张缩放图像。其中，上述缩放处理可以包括缩小处理或放大处理。可以理解，经过缩放处理后得到的目标图像(即缩放图像)，相对于缩放处理前的目标图像，二者的分辨率(清晰度)和资源占用率(及图像占用存储空间的大小)存在差异。所得到的缩放图像可以包括目标图像，也可以不包括目标图像。
在这里，对目标图像进行缩放处理时的缩放比例可以是预先设置的，也可以是根据当前目标图像的分辨率(清晰度)和/或资源占用率(即图像占用存储空间的大小)而确定的。
在本实施例的一些可选的实现方式中，该步骤402可以包括：按照预设的至少一个缩放比例，分别对各个外景图像和外景图像进行缩放处理，得到至少一张缩放图像。其中，上述至少一个缩放比例可以是预先确定的各种缩放比例。上述缩放比例可以包括但不限于以下至少一项：缩放后的图像的长的像素数，与该缩放后的图像的原始图像的长的像素数的比；缩放后的图像的宽的像素数，与该缩放后的图像 的原始图像的宽的像素数的比；缩放后的图像的对角线的像素数，与该缩放后的图像的原始图像的对角线的像素数的比；缩放后的图像的总的像素数，与该缩放后的图像的原始图像的总的像素数的比。示例性的，上述预设的至少一个缩放比例可以包括但不限于以下至少一项200％、100％、50％、25％、12.5％。
作为示例，此处以外景图像组中的各个外景图像和内景图像的宽为8k像素，外景图像的长宽比为16:9，内景图像的长宽比是2:1进行举例，上述执行主体可以按照如下步骤得到至少一张缩放图像：
在保持长宽比的情况下，按照图像宽度分别为512像素、1k像素、2k像素、4k像素、8k像素分别对每张图像(外景图像组中的各个外景图像和内景图像中的每张图像)进行缩放处理，得到至少一张缩放图像。在这里，由于预设的缩放比例的数量为5，因此，缩放图像的数量是内景图像和外景图像数量之和的5倍。即缩放图像的数量与内景图像和外景图像数量之和的比例，可以与预设的缩放比例的数量相同。
步骤403，对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。
在本实施例中，上述执行主体可以对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。其中，图像分割是一种把图像分成若干个特定区域的过程。图像分割技术是图像处理领域的技术人员广泛研究的公知技术，在此不再赘述。实践中，对缩放图像进行划分的大小(规格)可以是预先确定的，也可以是根据缩放图像的分辨率(清晰度)和/或资源占用率(即缩放图像占用存储空间的大小)而确定的。
在这里，上述执行主体可以对至少一张缩放图像中的每张缩放图像进行图像分割，也可以对至少一张缩放图像中的符合条件的缩放图像进行图像分割，从而得到待呈现图像集合。其中，上述条件可以是技术人员根据需求而设置的条件，例如，上述条件可以是缩放图像占用的存储空间大于预设阈值(例如1M、2M等等)。
在一些使用情况下，该步骤403可以包括：按照预设大小，分别 对至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。示例性的，上述预设大小可以是长为256像素、宽为256像素的正方形，也可以是长为256像素、宽为128像素的矩形，还可以是其他大小。
步骤404，获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例。
步骤405，在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像。
步骤406，加载目标待呈现图像。
在本实施例中，步骤404-步骤406与图2对应实施例中的步骤201-步骤203基本一致，这里不再赘述。
继续参见图5A-图5C，图5A-图5C是根据本实施例的用于加载图像的方法的又一应用场景的示意图。如图5A所示，电子设备获取到了目标图像501，然后，上述电子设备对目标图像进行缩放处理，得到至少一张缩放图像(如图5A所示，至少一张缩放图像包括缩放图像501和缩放图像502)，之后，上述电子设备对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合(如图5A所示，待呈现图像集合包括待呈现图像503、504、505、506)，随后，请参考图5B，终端设备(可以是上述电子设备也可以是不同于上述电子设备的其他电子设备)获取目标设备(即图5B中的终端设备)的视口大小(例如1k分辨率大小)和图像(即待呈现图像505)呈现在目标设备的、相对于图像的原始尺寸的缩放比例(例如400％)，接着，终端设备在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像(即待呈现图像503)，最后，如图5C所示，终端设备加载目标待呈现图像(即待呈现图像503)。
从图4中可以看出，与图2对应的实施例相比，本实施例中的用于加载图像的方法的流程400突出了确定待呈现图像集合的步骤。由此，本实施例描述的方案可以通过更多的待呈现图像集合的确定方式，从而在保证图像分辨率的前提下，提高图像的加载速度。
进一步参考图6，作为对上述各图所示方法的实现，本申请提供 了一种用于加载图像的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，除下面所记载的特征和效果之外，该装置实施例还可以包括与图2所示的方法实施例相同或相应的特征和效果。该装置具体可以应用于各种电子设备中。
如图6所示，本实施例的用于加载图像的装置600包括：获取单元601、确定单元602和加载单元603。其中，获取单元601被配置成获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例；确定单元602被配置成在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像；加载单元603被配置成加载目标待呈现图像。
在本实施例中，用于加载图像的装置600的获取单元601可以通过有线连接方式或者无线连接方式获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例。当上述装置600为终端设备时，该装置600可以从自身(即目标设备)，获取自身(即目标设备)的视口大小和图像呈现在自身(即目标设备)的、相对于该图像的原始尺寸的缩放比例。当上述装置600为服务器时，该装置600可以从与其通信连接的终端设备(即目标设备)，获取与该装置600通信连接的终端设备(即目标设备)的视口大小和图像呈现在与该装置600通信连接的终端设备(即目标设备)的、相对于该图像的原始尺寸的缩放比例。
在本实施例中，目标设备可以是上述装置600自身，也可以是与上述装置600通信连接的其他设备。视口大小可以与电子设备的屏幕相关，也可以和电子设备呈现的窗口大小相关。目标设备可以是用于与用户进行交互的设备。
在本实施例中，上述确定单元602可以在预先确定的待呈现图像集合中，确定与上述获取单元601获取到的视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像。其中，待呈现图像集合中可以包括多张图像，其中的多张图像可以是任意图像的组合，也可以是针对某一张或几张图像进行图像缩放处理和/或图像分割处理后得到的图像的集合。目标待呈现图像可以是上述装置600根据视口大小和缩 放比例确定出的、适于上述目标设备呈现的待呈现图像集合中的待呈现图像。
在本实施例中，上述加载单元603可以从缓存、内存、磁盘或者与装置600通信连接的其他存储装置，加载目标待呈现图像。
在本实施例的一些可选的实现方式中，待呈现图像集合是上述装置600或其他装置通过如下步骤确定的：
首先，通过有线连接方式或者无线连接方式，从其他电子设备或者本地，获取目标图像。其中，目标图像可以是任意图像。例如，上述目标图像可以包括但不限于以下至少一项：车辆图像(例如汽车的内景图像和外景图像)、景点图像(例如黄鹤楼的图像)、样板间图像等等。上述目标图像可以是图片也可以是视频帧。目标图像可以是一张图像，也可以是多张图像。目标图像可以是任意大小、任意长宽比的图像。
然后，对目标图像进行缩放处理，得到至少一张缩放图像。其中，上述缩放处理可以包括缩小处理或放大处理。可以理解，经过缩放处理后得到的目标图像(即缩放图像)，相对于缩放处理前的目标图像，二者的分辨率(清晰度)和资源占用率(及图像占用存储空间的大小)存在差异。所得到的缩放图像可以包括目标图像，也可以不包括目标图像。
最后，对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。其中，图像分割是一种把图像分成若干个特定区域的过程。图像分割技术是图像处理领域的技术人员广泛研究的公知技术，在此不再赘述。实践中，对缩放图像进行划分的大小(规格)可以是预先确定的，也可以是根据缩放图像的分辨率(清晰度)和/或资源占用率(即缩放图像占用存储空间的大小)而确定的。
在本实施例的一些可选的实现方式中，目标图像包括目标物体的外景图像组和目标物体的内景图像。其中，目标物体可以是任意物体，例如，独栋景观(例如样板间、黄鹤楼等)，也可以是游艇、汽车、轮船等。外景图像组是采用全景摄像机对目标物体进行拍摄得到的。外景图像是对目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼 接得到的等距圆柱投影图。
在本实施例的一些可选的实现方式中，外景图像组中的各个外景图像的大小和内景图像的大小分别是预先确定的。
在本实施例的一些可选的实现方式中，对目标图像进行缩放处理，得到至少一张缩放图像，包括：按照预设的至少一个缩放比例，分别对各个外景图像和内景图像进行缩放处理，得到至少一张缩放图像。其中，上述至少一个缩放比例可以是预先确定的各种缩放比例。上述缩放比例可以包括但不限于以下至少一项：缩放后的图像的长的像素数，与该缩放后的图像的原始图像的长的像素数的比；缩放后的图像的宽的像素数，与该缩放后的图像的原始图像的宽的像素数的比；缩放后的图像的对角线的像素数，与该缩放后的图像的原始图像的对角线的像素数的比；缩放后的图像的总的像素数，与该缩放后的图像的原始图像的总的像素数的比。示例性的，上述预设的至少一个缩放比例可以包括但不限于以下至少一项200％、100％、50％、25％、12.5％。
在本实施例的一些可选的实现方式中，对至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合，包括：按照预设大小，分别对至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。示例性的，上述预设大小可以是长为256像素、宽为256像素的正方形，也可以是长为256像素、宽为128像素的矩形，还可以是其他大小。
在本实施例的一些可选的实现方式中，加载单元603进一步被配置成：从缓存中加载目标待呈现图像以及呈现。
可以理解，当上述装置600首次加载目标待呈现图像后，上述装置600可以将首次加载的目标待呈现图像存储至缓存中，当该目标待呈现图像再次被加载时，上述装置600可以直接从缓存中加载目标待呈现图像。由于缓存的运行速度快于内存，因此，从缓存中加载目标待呈现图像有助于提高上述装置600呈现目标待呈现图像的速度。
在本实施例的一些可选的实现方式中，该装置600还包括：重新确定单元(图中未示出)被配置成响应于检测到针对目标待呈现图像的目标操作，基于目标操作，在待呈现图像集合中，重新确定待呈现 图像作为目标待呈现图像，其中，目标操作包括以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
在本实施例的一些可选的实现方式中，该装置600还包括：第一呈现单元(图中未示出)被配置成在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画；第二呈现单元(图中未示出)被配置成呈现重新确定的目标待呈现图像。其中，上述过渡动画可以用于图像与下一张图像的过渡，以衔接两张图像。上述过渡动画可以是但不限于：逐渐变慢、匀速过渡效果、加速的过渡效果、减速的过渡效果、加速然后减速等等。作为示例，技术人员可以通过CSS(Cascading Style Sheets，层叠样式表)3或其他技术，设置上述过渡动画。
在本实施例的一些可选的实现方式中，该装置600还包括：第三呈现单元(图中未示出)被配置成响应于检测到针对目标待呈现图像中的区域图像的信息触发操作，呈现预先确定的、区域图像的图像信息。其中，上述信息触发操作可以是一个操作，也可以是一组操作序列。
在本实施例的一些可选的实现方式中，待呈现图像集合中的待呈现图像是按照预先确定的格式存储的。其中，上述预先确定的格式可以是待呈现图像占用空间由大到小或者由小到大的格式。当待呈现图像集合包括对图像进行图像缩放处理和/或图像分割处理后得到的图像块时，技术人员可以根据图像块在原始图像中的位置，以及位于原始图像相应位置上的图像块的分辨率，按照一定的位置顺序(例如从上到下，从左到右的位置s顺序)、分辨率大小顺序(例如分辨率从大到小的顺序)，预先确定上述格式。实践中，上述格式可以是JSON、XML等格式。
本申请的上述实施例提供的装置，通过获取单元601获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例，然后，确定单元602在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像，最后，加载单元603加载目标待呈现图像，丰富了图像的加载形式，有助于在保证图像分辨率的前提下，提高图像的加载速度。
下面参考图7，其示出了适于用来实现本申请实施例的服务器的计算机系统700的结构示意图。图7示出的服务器仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
如图7所示，计算机系统700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有系统700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本申请的方法中限定的上述功能。
需要说明的是，本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、 只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，所述程序设计语言包括面向目标的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时 也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、确定单元和加载单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例的单元”。
作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取目标设备的视口大小和图像呈现在目标设备的、相对于图像的原始尺寸的缩放比例；在预先确定的待呈现图像集合中，确定与视口大小和缩放比例相匹配的待呈现图像作为目标待呈现图像；加载目标待呈现图像。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (22)

  1. 一种用于加载图像的方法，包括：
    获取目标设备的视口大小和图像呈现在所述目标设备的、相对于所述图像的原始尺寸的缩放比例；
    在预先确定的待呈现图像集合中，确定与所述视口大小和所述缩放比例相匹配的待呈现图像作为目标待呈现图像；
    加载所述目标待呈现图像。
  2. 根据权利要求1所述的方法，其中，所述待呈现图像集合是通过如下步骤确定的：
    获取目标图像；
    对目标图像进行缩放处理，得到至少一张缩放图像；
    对所述至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。
  3. 根据权利要求2所述的方法，其中，目标图像包括目标物体的内景图像和所述目标物体的外景图像组，所述内景图像是对所述目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼接得到的等距圆柱投影图，所述外景图像组是采用全景摄像机对所述目标物体进行拍摄得到的。
  4. 根据权利要求3所述的方法，其中，所述外景图像组中的各个外景图像的大小和所述内景图像的大小分别是预先确定的。
  5. 根据权利要求4所述的方法，其中，所述对所述目标图像进行缩放处理，得到至少一张缩放图像，包括：
    按照预设的至少一个缩放比例，分别对所述各个外景图像和所述内景图像进行缩放处理，得到至少一张缩放图像；以及
    所述对所述至少一张缩放图像中的缩放图像进行图像分割，得到 待呈现图像集合，包括：
    按照预设大小，分别对所述至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。
  6. 根据权利要求1所述的方法，其中，所述加载所述目标待呈现图像，包括：
    从缓存中加载所述目标待呈现图像以及呈现。
  7. 根据权利要求6所述的方法，其中，所述方法还包括：
    响应于检测到针对所述目标待呈现图像的目标操作，基于所述目标操作，在所述待呈现图像集合中，重新确定待呈现图像作为目标待呈现图像，其中，所述目标操作包括以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
  8. 根据权利要求7所述的方法，其中，所述方法还包括：
    在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画；
    呈现所述重新确定的目标待呈现图像。
  9. 根据权利要求1-8之一所述的方法，其中，所述方法还包括：
    响应于检测到针对所述目标待呈现图像中的区域图像的信息触发操作，呈现预先确定的、所述区域图像的图像信息。
  10. 根据权利要求1-8之一所述的方法，其中，所述待呈现图像集合中的待呈现图像是按照预先确定的格式存储的。
  11. 一种用于加载图像的装置，包括：
    获取单元，被配置成获取目标设备的视口大小和图像呈现在所述目标设备的、相对于所述图像的原始尺寸的缩放比例；
    确定单元，被配置成在预先确定的待呈现图像集合中，确定与所述视口大小和所述缩放比例相匹配的待呈现图像作为目标待呈现图 像；
    加载单元，被配置成加载所述目标待呈现图像。
  12. 根据权利要求11所述的装置，其中，所述待呈现图像集合是通过如下步骤确定的：
    获取目标图像；
    对目标图像进行缩放处理，得到至少一张缩放图像；
    对所述至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合。
  13. 根据权利要求12所述的装置，其中，目标图像包括目标物体的内景图像和所述目标物体的外景图像组，所述内景图像是对所述目标物体进行环绕拍摄以及对环绕拍摄得到的图像进行拼接得到的等距圆柱投影图，所述外景图像组是采用全景摄像机对所述目标物体进行拍摄得到的。
  14. 根据权利要求13所述的装置，其中，所述外景图像组中的各个外景图像的大小和所述内景图像的大小分别是预先确定的。
  15. 根据权利要求14所述的装置，其中，所述对所述目标图像进行缩放处理，得到至少一张缩放图像，包括：
    按照预设的至少一个缩放比例，分别对所述各个外景图像和所述内景图像进行缩放处理，得到至少一张缩放图像；以及
    所述对所述至少一张缩放图像中的缩放图像进行图像分割，得到待呈现图像集合，包括：
    按照预设大小，分别对所述至少一张缩放图像中的各个缩放图像进行图像分割，得到待呈现图像集合。
  16. 根据权利要求11所述的装置，其中，所述加载单元进一步被配置成：
    从缓存中加载所述目标待呈现图像以及呈现。
  17. 根据权利要求16所述的装置，其中，所述装置还包括：
    重新确定单元，被配置成响应于检测到针对所述目标待呈现图像的目标操作，基于所述目标操作，在所述待呈现图像集合中，重新确定待呈现图像作为目标待呈现图像，其中，所述目标操作包括以下至少一项：图像切换操作、图像拖动操作、图像缩放操作、触发全屏操作。
  18. 根据权利要求17所述的装置，其中，所述装置还包括：
    第一呈现单元，被配置成在完成重新确定的目标待呈现图像的加载之前，呈现过渡动画；
    第二呈现单元，被配置成呈现所述重新确定的目标待呈现图像。
  19. 根据权利要求11-18之一所述的装置，其中，所述装置还包括：
    第三呈现单元，被配置成响应于检测到针对所述目标待呈现图像中的区域图像的信息触发操作，呈现预先确定的、所述区域图像的图像信息。
  20. 根据权利要求11-18之一所述的装置，其中，所述待呈现图像集合中的待呈现图像是按照预先确定的格式存储的。
  21. 一种电子设备，包括：
    一个或多个处理器；
    存储装置，其上存储有一个或多个程序，
    当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。
  22. 一种计算机可读介质，其上存储有计算机程序，其中，所述 程序被处理器执行时实现如权利要求1-10中任一所述的方法。
PCT/CN2019/085785 2018-07-06 2019-05-07 用于加载图像的方法和装置 WO2020007113A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP19830730.8A EP3792867A4 (en) 2018-07-06 2019-05-07 METHOD AND DEVICE FOR LOADING PICTURES
US16/762,818 US11481872B2 (en) 2018-07-06 2019-05-07 Method and device for loading image

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810739667.1A CN108961165B (zh) 2018-07-06 2018-07-06 用于加载图像的方法和装置
CN201810739667.1 2018-07-06

Publications (1)

Publication Number Publication Date
WO2020007113A1 true WO2020007113A1 (zh) 2020-01-09

Family

ID=64482331

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/085785 WO2020007113A1 (zh) 2018-07-06 2019-05-07 用于加载图像的方法和装置

Country Status (4)

Country Link
US (1) US11481872B2 (zh)
EP (1) EP3792867A4 (zh)
CN (1) CN108961165B (zh)
WO (1) WO2020007113A1 (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108961165B (zh) 2018-07-06 2021-03-09 北京百度网讯科技有限公司 用于加载图像的方法和装置
CN110956584A (zh) * 2019-11-05 2020-04-03 上海杏脉信息科技有限公司 一种病理显微图像交互显示方法、介质及设备
CN111273884A (zh) * 2020-01-20 2020-06-12 北京无限光场科技有限公司 图像显示方法、装置和电子设备
CN111857627A (zh) * 2020-07-16 2020-10-30 北京奇虎科技有限公司 图形处理方法、装置、设备以及存储介质
CN111857626A (zh) * 2020-07-16 2020-10-30 北京奇虎科技有限公司 基于屏幕坐标的图片显示方法、装置、设备及存储介质
EP4164173A1 (en) * 2021-10-07 2023-04-12 Axis AB Signed video data with salted hashes
US20240100428A1 (en) * 2022-09-26 2024-03-28 Microsoft Technology Licensing, Llc Systems and methods for presenting visual content

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101320247A (zh) * 2007-06-05 2008-12-10 夏普株式会社 图像形成装置和记录介质
CN104850585A (zh) * 2015-04-17 2015-08-19 天脉聚源(北京)传媒科技有限公司 一种信息加载时的界面显示方法及装置
US20160065981A1 (en) * 2014-08-27 2016-03-03 Fingram Co., Ltd. Method and system for image processing
CN108961165A (zh) * 2018-07-06 2018-12-07 北京百度网讯科技有限公司 用于加载图像的方法和装置

Family Cites Families (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1454281B1 (en) * 2001-12-15 2012-02-08 Thomson Licensing Quality of service setup on a time reservation basis
US20030137586A1 (en) 2002-01-22 2003-07-24 Infinite Innovations, Inc. Vehicle video switching system and method
US7864996B2 (en) * 2006-02-17 2011-01-04 Lucid, Inc. System for macroscopic and confocal imaging of tissue
KR20100021168A (ko) * 2008-08-14 2010-02-24 삼성전자주식회사 이미지 디코딩 장치 및 방법과 이를 이용한 이미지 데이터 처리 장치 및 방법
US9754031B2 (en) * 2012-03-22 2017-09-05 Google Inc. Providing content
KR101893406B1 (ko) * 2012-03-28 2018-08-30 삼성전자 주식회사 카메라의 이미지처리 장치 및 방법
KR101886753B1 (ko) * 2012-04-05 2018-08-08 엘지전자 주식회사 이동 단말기 및 그것의 제어 방법
US20130321461A1 (en) * 2012-05-29 2013-12-05 Google Inc. Method and System for Navigation to Interior View Imagery from Street Level Imagery
US9396514B2 (en) * 2012-08-23 2016-07-19 Pixia Corp. Method and system for storing and retrieving wide-area motion imagery frames as objects on an object storage device
JP6195361B2 (ja) * 2013-08-21 2017-09-13 キヤノン株式会社 画像処理装置、制御方法及びプログラム
KR102135947B1 (ko) 2013-08-26 2020-07-21 삼성전자주식회사 윈도우 영역 조정 방법 및 그에 따른 전자 장치
US9485540B2 (en) * 2014-06-03 2016-11-01 Disney Enterprises, Inc. System and method for multi-device video image display and modification
CN105511712B (zh) * 2014-09-24 2019-08-02 阿里巴巴集团控股有限公司 一种图片呈现方法及装置
US9876954B2 (en) * 2014-10-10 2018-01-23 Iec Infrared Systems, Llc Calibrating panoramic imaging system in multiple dimensions
US10042507B2 (en) * 2014-12-23 2018-08-07 Sap Se Context-aware application status indicators
CN105554554B (zh) * 2015-12-29 2019-05-03 魅族科技（中国）有限公司 一种图像数据显示方法及移动终端
CN106780319A (zh) * 2016-11-11 2017-05-31 航天恒星科技有限公司 超大图像的处理方法及装置
CN107093164A (zh) * 2017-04-26 2017-08-25 北京百度网讯科技有限公司 用于生成图像的方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101320247A (zh) * 2007-06-05 2008-12-10 夏普株式会社 图像形成装置和记录介质
US20160065981A1 (en) * 2014-08-27 2016-03-03 Fingram Co., Ltd. Method and system for image processing
CN104850585A (zh) * 2015-04-17 2015-08-19 天脉聚源(北京)传媒科技有限公司 一种信息加载时的界面显示方法及装置
CN108961165A (zh) * 2018-07-06 2018-12-07 北京百度网讯科技有限公司 用于加载图像的方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3792867A4

Also Published As

Publication number Publication date
EP3792867A4 (en) 2022-07-13
CN108961165B (zh) 2021-03-09
US11481872B2 (en) 2022-10-25
US20210012455A1 (en) 2021-01-14
EP3792867A1 (en) 2021-03-17
CN108961165A (zh) 2018-12-07

Similar Documents

Publication Publication Date Title
WO2020007113A1 (zh) 用于加载图像的方法和装置
US11178448B2 (en) Method, apparatus for processing video, electronic device and computer-readable storage medium
WO2020253766A1 (zh) 图片生成方法、装置、电子设备及存储介质
CN107204023B (zh) 避免绘制在canvas画布中的图形失真的方法和装置
WO2020248900A1 (zh) 全景视频的处理方法、装置及存储介质
US20220248102A1 (en) Subtitle border-crossing processing method and apparatus, and electronic device
US20220394192A1 (en) Video processing method, terminal device and storage medium
CN112954441B (zh) 视频编辑及播放方法、装置、设备、介质
WO2022022689A1 (zh) 交互方法、装置和电子设备
US20220394333A1 (en) Video processing method and apparatus, storage medium, and electronic device
CN109168027B (zh) 即时视频展示方法、装置、终端设备及存储介质
US20230421857A1 (en) Video-based information displaying method and apparatus, device and medium
CN114419213A (zh) 图像处理方法、装置、设备和存储介质
US20220272283A1 (en) Image special effect processing method, apparatus, and electronic device, and computer-readable storage medium
CN114780197B (zh) 分屏渲染方法、装置、设备及存储介质
WO2022127524A1 (zh) 视频会议呈现方法、装置、终端设备和存储介质
CN111726666A (zh) 视频显示控制方法和装置
CN114092362A (zh) 一种全景图片加载方法和装置
CN109190097B (zh) 用于输出信息的方法和装置
CN112949252B (zh) 文本显示方法、设备和计算机可读介质
CN114510309B (zh) 动画效果的设置方法、装置、设备及介质
CN111277886B (zh) 全景视频的视场控制方法、装置、电子设备及存储介质
CN113726948B (zh) 图片展示方法和装置
US20240163548A1 (en) Method for displaying capturing interface, electronic device, and non-transitory computer-readable storage medium
CN112668474B (zh) 平面生成方法和装置、存储介质和电子设备

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: 19830730

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2019830730

Country of ref document: EP

Effective date: 20201211

NENP Non-entry into the national phase

Ref country code: DE