WO2024212965A1 - 滑动图像预览的方法、装置及终端设备 - Google Patents

滑动图像预览的方法、装置及终端设备 Download PDF

Info

Publication number
WO2024212965A1
WO2024212965A1 PCT/CN2024/086835 CN2024086835W WO2024212965A1 WO 2024212965 A1 WO2024212965 A1 WO 2024212965A1 CN 2024086835 W CN2024086835 W CN 2024086835W WO 2024212965 A1 WO2024212965 A1 WO 2024212965A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
displayed
thumbnail
images
index information
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
PCT/CN2024/086835
Other languages
English (en)
French (fr)
Inventor
刘袁德
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
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 Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Publication of WO2024212965A1 publication Critical patent/WO2024212965A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Definitions

  • the present disclosure relates to the field of computer technology, and more particularly to a method, apparatus, and terminal device for sliding image preview.
  • the present invention provides a method, an apparatus and a terminal device for sliding image preview.
  • the present disclosure provides a method for sliding image preview, comprising:
  • index information of at least one image to be displayed corresponding to the switching operation process is obtained, where the image to be displayed is an image in the image set;
  • index information extracting a thumbnail corresponding to the index information
  • thumbnail After the thumbnail is rendered, it is displayed in the first display area in the image preview area;
  • the thumbnail displayed in the first display area is switched to the original image.
  • the present disclosure provides a device for sliding image preview, the device comprising:
  • a detection module used for detecting a sliding switching operation on an image in an image set
  • an acquisition module configured to acquire index information of at least one to-be-displayed image corresponding to the switching operation process when the detection module detects a sliding switching operation on an image in the image set, where the to-be-displayed image is an image in the image set;
  • a processing module used for extracting thumbnails corresponding to the index information according to the index information
  • a rendering module used for rendering thumbnails
  • a display module used for displaying the thumbnail in the first display area in the image preview area
  • the acquisition module is also used to acquire the original image corresponding to the index information
  • a decoding module used for decoding the original image
  • the rendering module is also used to render the original image
  • the processing module is further used to switch the thumbnail displayed in the first display area to the original image when the original image is rendered successfully;
  • the display module is also used to display the original image.
  • a terminal device including a processor and a memory
  • Memory used to store computer programs
  • the processor is used to implement the method of sliding image preview of any embodiment of the first aspect when executing the program stored in the memory.
  • a computer-readable storage medium on which a computer program is stored.
  • the computer program is executed by a terminal device, a method for sliding image preview as in any embodiment of the first aspect is implemented.
  • FIG1 is a schematic diagram of a page display of a sliding image preview provided by the prior art
  • FIG2 is a schematic flow chart of a method for sliding image preview provided by an embodiment of the present disclosure
  • FIG3 is a schematic diagram of temporarily displaying a placeholder image corresponding to a thumbnail image in a first display area before the original image is successfully rendered, provided by the present disclosure
  • FIG4 is a schematic flow chart of another method for sliding image preview provided by an embodiment of the present disclosure.
  • FIG5 is a schematic flow chart of another method for sliding image preview provided by an embodiment of the present disclosure.
  • FIG6 is a schematic diagram of the structure of a device for sliding image preview provided by an embodiment of the present disclosure.
  • FIG. 7 is a schematic diagram of the structure of a terminal device provided in an embodiment of the present disclosure.
  • a prompt message is sent to the user.
  • the user is clearly prompted that the operation requested by the user will require the acquisition and use of the user's personal information.
  • the user can independently choose whether to provide personal information to the electronic device, application, server or storage medium or other software or hardware that executes the operation of the technical solution of the present disclosure according to the prompt information.
  • the prompt information in response to receiving an active request from the user, may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form.
  • the pop-up window may also carry a selection control for the user to choose "agree” or “disagree” to provide personal information to the electronic device.
  • the images may include pictures or videos. Taking pictures as an example, a maximum of 100 pictures can be displayed in the displayed image collection. When quickly previewing the pictures in the image collection by sliding the screen progress bar, it can be achieved by sliding the progress bar control at the bottom of the screen.
  • a thumbnail list is used as a progress bar control. The thumbnail list can display more than ten pictures at a time, and at the same time, the selected picture is enlarged, and the large picture of the selected picture is displayed in the large picture display area of the page.
  • the large picture area displays the large pictures of the pictures in turn, and at the same time, the thumbnail list at the bottom moves in the opposite direction of the finger sliding.
  • the thumbnail list slides to the left to the last picture, and the large picture is displayed.
  • the display area displays the original images (large images) of the image collection in sequence. For details, please refer to Figure 1.
  • FIG1 shows two display areas, the first display area 10 is used to display large images, and the second display area 20 is used to display a list of thumbnails.
  • the thumbnails in the thumbnail list are also displayed by reducing the original images after they are downloaded. For example, several large images are preloaded, and then the large images are displayed in the first display area 10, and the thumbnails corresponding to the original images are displayed in the second display area 20 as picture previews.
  • a request needs to be made to load thumbnails and large images.
  • the thumbnail list includes 100 thumbnails, and the cursor 30 currently indicates the 5th thumbnail, so the corresponding first display area 10 currently displays the large image corresponding to the 5th thumbnail.
  • the images currently downloaded are up to the 5th image. If you need to view the images after that, you need to download them before you can display them.
  • FIG2 is a flow chart of a method for sliding image preview provided by the embodiment of the present disclosure. The method includes:
  • index information of at least one to-be-displayed image corresponding to the switching operation process is acquired.
  • thumbnail list is displayed in the second display area.
  • the thumbnail list in the present application is a thumbnail list composed of multiple thumbnails to be mentioned below.
  • the thumbnails in the present application are not large images, but thumbnails corresponding to the large images obtained from the merged thumbnails downloaded from the server in advance. In this way, the loading time is shorter than that of the large image, and it will be displayed in the second display area in a shorter time.
  • the image to be displayed is an image in the image set.
  • the system can automatically obtain the index information of the image to be displayed.
  • the image to be displayed here is the thumbnail that the user has clicked with a finger/electronic stylus. Exemplarily, it can also refer to the original image corresponding to the thumbnail.
  • Each image to be displayed corresponds to its own index information, such as numbering information.
  • the thumbnail is rendered, it is displayed in the first display area of the image preview area to prevent the phone from going black. Because the thumbnails are pre-downloaded, this application only needs to extract the thumbnails from the storage location of the thumbnails according to the index information and perform the rendering operation. The whole process may only take a few milliseconds, and from a visual point of view, this time will not be perceived by the user. From the user's perspective, when the user slides to a thumbnail, the first display area has already displayed the thumbnail. When using thumbnails as placeholders in the first display area, avoid the occurrence of black screen.
  • the thumbnail displayed in the first display area is an enlarged thumbnail, that is, a placeholder image for displaying the thumbnail, and the size may be the same as the size of the original image acquired subsequently.
  • an original image corresponding to the index information is acquired, and the original image is decoded and rendered.
  • the original image and the thumbnail corresponding to the original image share the same index information, so the thumbnail can be obtained according to the index information, and the original image can also be obtained according to the index information.
  • the operation of obtaining the thumbnail and the operation of obtaining the original image can be performed in parallel, and the original image can be downloaded and rendered at the same time as the thumbnail is extracted. This can facilitate the subsequent display of the original image in the first display area in a timely manner after the original image is downloaded and rendered.
  • the thumbnail in the first display area can be replaced with the original image for display, so that it is convenient for users to view and the display effect is improved.
  • Figure 3 shows a schematic diagram of temporarily displaying a placeholder image corresponding to a thumbnail in the first display area before the original image is successfully rendered.
  • Figure 3 shows the placeholder image corresponding to the nth thumbnail, where n is a positive integer.
  • the method for sliding image preview when detecting a sliding switching operation for an image in an image set, obtains index information of at least one image to be displayed corresponding to the switching operation process. Then, based on the index information, a thumbnail corresponding to the index information is extracted. After the thumbnail is rendered, it is first displayed in the first display area in the image preview area. When the original image corresponding to the index information is obtained, the original image is decoded and rendered. After the original image is rendered successfully, the thumbnail displayed in the first display area is switched to the original image display.
  • the occurrence of a black screen phenomenon when quickly switching images in the image set can be avoided, and the display effect of the user browsing the image can be improved.
  • a merged thumbnail refers to an image formed by merging multiple relatively small images into a large image.
  • the merged thumbnail will be downloaded to the terminal device in advance. Once the image sliding switch operation is detected, the position of the thumbnail corresponding to the index information can be determined from the pre-configured merged thumbnail according to the index information, and then the thumbnail is cropped from the merged thumbnail according to the position information.
  • the merged thumbnail is downloaded to the terminal device in advance. Therefore, before extracting the thumbnail corresponding to the index information according to the index information, the method further includes the following contents, as shown in FIG. 4, including:
  • the merged thumbnail is pre-configured in the server, and when the user needs it, the merged thumbnail can be obtained from the server.
  • the merged thumbnail is decoded and stored in a preset storage location.
  • the terminal needs to decode the merged thumbnail and then store it in a preset storage location.
  • the terminal device can then search and crop the thumbnail in the merged thumbnail according to the index information, and display it in the first display area after the rendering is completed.
  • the switching frequency is higher than the preset image refresh frequency.
  • the frame rate of image switching is 12/0.1s, that is, the frame rate fps is 120Hz; under the current mainstream mini mobile phone screen refresh frame rate of 60Hz, half of the image switching cannot be rendered on the screen even if the image is loaded. That is, half of the image switches are invalid loading. Therefore, this solution needs to discard the image switches that exceed the screen refresh frame rate according to the refresh frame rate of the mobile phone screen, that is, frame dropping.
  • the method further includes the following contents, as shown in FIG5 , including:
  • an image to be displayed having a priority higher than a preset level is selected as a target image from at least one image to be displayed according to an image priority selection strategy.
  • index information corresponding to the target image is acquired.
  • the priority selection strategy includes one or more of the following:
  • the selected image has the highest priority.
  • the second method is to sort the priorities of the images to be displayed according to the loading stage of the original images corresponding to the images to be displayed, wherein the later the loading stage is, the higher the priority is.
  • the third method is that when there are multiple images to be displayed and their corresponding original images are in the same loading stage, the priorities of the multiple images to be displayed are sorted according to the size of the original images of each image to be displayed, wherein the smaller the original image, the higher the priority.
  • the image selected when the slide stops has the highest priority.
  • the image selected when the sliding stops can be selected as the target image, and the index information of the target image can be obtained, and then the thumbnail can be obtained according to the index information for display in the first display area.
  • the one in the late loading stage has a higher priority than the one in the early loading stage.
  • the original image corresponding to the image to be displayed A is currently in the network request stage, and the original image corresponding to the image to be displayed B is in the encoding and decoding stage, then the image to be displayed B has a higher priority.
  • the starting point of this strategy is to load the image with a short loading time first.
  • the smaller image has a higher priority.
  • the starting point of this strategy is that if the image is relatively small, the loading time of the subsequent stages is also shorter, so it is loaded first.
  • the above priority selection strategy multiple images to be displayed are sorted according to priority, and then a preset number of images to be displayed are selected from the sorting order as target images.
  • the image preview area also includes a second display area; the second display area is used to display thumbnails corresponding to multiple images to be displayed in the image set. Therefore, the priority selection strategy also includes:
  • the priority of the first image to be displayed and the second image to be displayed is the same, wherein the first image to be displayed and the second image to be displayed are any two thumbnails in the image set.
  • the priority of the images on the sides is higher than that in the middle. For example, if you need to load images with indexes 21-25, then the indexes are 21-25.
  • the priority of the images is as follows:
  • the starting point of this strategy is that in a collection of images, users will have a deeper impression of the images at the beginning and end of a slide, while the images in the middle are relatively easier to ignore. Therefore, the display of the images at the front and back ends is prioritized, and the images in the middle are discarded.
  • frames can be extracted or dropped according to a certain strategy based on the screen refresh frame rate and sliding speed, combined with the loading status of the original image corresponding to the image to be displayed and the position of the image to be displayed, thereby reducing the occurrence of invalid image loading and thus reducing the loss of mobile phone performance.
  • FIG6 is a schematic diagram of the structure of a sliding image preview device provided by an embodiment of the present disclosure.
  • the device includes: a detection module 601 , an acquisition module 602 , a processing module 603 , a rendering module 604 , a display module 605 , and a decoding module 606 .
  • a detection module 601 is used to detect a sliding switching operation on an image in an image set
  • the acquisition module 602 is configured to acquire index information of at least one to-be-displayed image corresponding to the switching operation process when the detection module 601 detects a sliding switching operation on an image in the image set, where the to-be-displayed image is an image in the image set;
  • the processing module 603 is used to extract thumbnails corresponding to the index information according to the index information
  • the acquisition module 602 is also used to obtain the original image corresponding to the index information.
  • the rendering module 604 is also used to render the original image
  • the processing module 603 is further used to replace the thumbnail in the first display area when the original image is rendered successfully;
  • the display module 605 is also used to display the original image.
  • the processing module 603 is specifically used to determine the position of the thumbnail from the preconfigured merged thumbnail, where the merged thumbnail is an image obtained by merging the thumbnails corresponding to all images in the image set; and crop the thumbnail from the merged thumbnail according to the position of the thumbnail.
  • the acquisition module 602 is further used to acquire a merged thumbnail
  • the decoding module 606 is used to decode the merged thumbnail and store it in a preset storage location.
  • the processing module 603 is further configured to select, from at least one image to be displayed, an image to be displayed having a priority higher than a preset level as a target image according to an image priority selection strategy;
  • the acquisition module 602 is further used to acquire index information corresponding to the target image.
  • the priority selection strategy includes one or more of the following:
  • the selected image has the highest priority
  • the priority of the images to be displayed is sorted, wherein the later the loading stage is, the higher the priority is;
  • the priorities of the multiple images to be displayed are sorted according to the size of the original images of each image to be displayed, wherein the smaller the original image, the higher the priority.
  • the image preview area also includes a second display area
  • the second display area is used to display thumbnails corresponding to multiple images to be displayed in the image set.
  • the priority selection strategy also includes:
  • the priority of the first image to be displayed and the second image to be displayed is the same, wherein the first image to be displayed and the second image to be displayed are any two thumbnails in the image set.
  • An embodiment of the present disclosure provides a device for sliding image preview.
  • index information of at least one image to be displayed corresponding to the switching operation process is obtained.
  • a thumbnail corresponding to the index information is extracted according to the index information.
  • the thumbnail is rendered, it is first displayed in the first display area in the image preview area.
  • the original image corresponding to the index information is obtained, the original image is decoded and rendered, and after the original image is successfully rendered, the thumbnail displayed in the first display area is switched to the original image display. In this way, the occurrence of a black screen phenomenon when quickly switching images in an image set can be avoided, and the display effect of the user browsing the image can be improved.
  • an embodiment of the present disclosure provides a terminal device, which includes at least a processor 111 and a memory 112 , wherein the processor 111 and the memory 112 communicate with each other via a communication bus.
  • Memory 112 for storing computer programs
  • the processor 111 is configured to execute a program stored in the memory 112 to implement the method for sliding image preview provided in any one of the aforementioned embodiments, including:
  • index information of at least one image to be displayed corresponding to the switching operation process is obtained, where the image to be displayed is an image in the image set;
  • index information extracting a thumbnail corresponding to the index information
  • thumbnail After the thumbnail is rendered, it is displayed in the first display area in the image preview area;
  • the thumbnail displayed in the first display area is switched to the original image.
  • extracting a thumbnail corresponding to the index information according to the index information specifically includes:
  • the method before extracting the thumbnail corresponding to the index information according to the index information, the method further includes:
  • the merged thumbnail After the merged thumbnail is decoded, it is stored in a preset storage location.
  • the method further includes:
  • an image to be displayed having a priority higher than a preset level is selected as a target image according to an image priority selection strategy, and index information corresponding to the target image is acquired.
  • the priority selection strategy includes one or more of the following:
  • the selected image has the highest priority
  • the priority of the images to be displayed is sorted, wherein the later the loading stage is, the higher the priority is;
  • the priorities of the multiple images to be displayed are sorted according to the size of the original images of each image to be displayed, wherein the smaller the original image, the higher the priority.
  • the image preview area also includes a second display area
  • the second display area is used to display thumbnails corresponding to multiple images to be displayed in the image set.
  • the priority selection strategy also includes:
  • the priority of the first image to be displayed and the second image to be displayed is the same, wherein the first image to be displayed and the second image to be displayed are any two thumbnails in the image set.
  • the embodiment of the present disclosure further provides a computer-readable storage medium on which a computer program is stored.
  • the computer program is executed by a terminal device, the method for sliding image preview provided in the aforementioned method embodiment is implemented.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Facsimiles In General (AREA)

Abstract

本公开实施例涉及一种滑动图像预览的方法、装置及终端设备,该方法包括:当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息;根据索引信息,提取与索引信息对应的缩略图;对缩略图进行渲染后,在图像预览区域中的第一展示区域进行展示;获取与索引信息对应的原图,对原图进行解码并渲染;当原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。

Description

滑动图像预览的方法、装置及终端设备
相关申请的交叉引用
本申请是以申请号为202310377002.1、申请日为2023年4月10日的中国专利申请为基础,并且主张其优先权,该中国专利申请的公开内容在此作为整体引入本申请中。
技术领域
本公开实施例涉及计算机技术领域,尤其涉及一种滑动图像预览的方法、装置及终端设备。
背景技术
滑动屏幕进度条快速预览图像的方案中,如果滑动速率过快,会出现高频的图像切换,在此情况下容易出现黑屏现象。
发明内容
本公开提供了一种滑动图像预览的方法、装置及终端设备。
第一方面,本公开提供了一种滑动图像预览的方法,包括:
当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,待展示图像为图像集合中的图像;
根据索引信息,提取与索引信息对应的缩略图;
对缩略图进行渲染后,在图像预览区域中的第一展示区域进行展示;
获取与索引信息对应的原图,对原图进行解码并渲染;
当原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。
第二方面,本公开提供了一种滑动图像预览的装置,该装置包括:
检测模块,用于检测针对图像集合中图像的滑动切换的操作;
获取模块,用于当检测模块检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,待展示图像为图像集合中的图像;
处理模块,用于根据索引信息,提取与索引信息对应的缩略图;
渲染模块,用于对缩略图进行渲染;
显示模块,用于在图像预览区域中的第一展示区域对缩略图进行展示;
获取模块,还用于获取与索引信息对应的原图;
解码模块,用于对原图进行解码;
渲染模块,还用于对原图进行渲染;
处理模块,还用于当原图渲染成功后,将第一展示区域已展示的缩略图切换为原图;
显示模块,还用于展示原图。
第三方面,提供了一种终端设备,包括处理器和存储器;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现第一方面任一项实施例的滑动图像预览的方法。
第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被终端设备执行时实现如第一方面任一项实施例的滑动图像预览的方法。
附图说明
图1为现有技术提供的一种滑动图像预览的页面显示的示意图;
图2为本公开实施例提供的一种滑动图像预览的方法流程示意图;
图3为本公开提供的在原图未被渲染成功之前,暂时在第一展示区域中显示缩略图对应的占位图的示意图;
图4为本公开实施例提供的另一种滑动图像预览的方法流程示意图;
图5为本公开实施例提供的另一种滑动图像预览的方法流程示意图;
图6为本公开实施例提供的一种滑动图像预览的装置的结构示意图;
图7为本公开实施例提供的一种终端设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如,在响应于接收到用户的主动请求时,向用户发送提示信息, 以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。
可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
为便于对本公开实施例的理解,下面将结合附图以具体实施例做进一步的解释说明,实施例并不构成对本公开实施例的限定。
在一个具体的应用场景中,例如展示一个图像作品集,在一个具体的例子中,图像可以包括图片或视频。以图片为例,例如展示的图像作品集中最多可以展示100张图片。通过滑动屏幕进度条快速预览图像作品集中的图片时,可以通过滑动屏幕底部的进度条控件实现。示例性的,采用缩略图列表作为进度条控件,缩略图列表可以一次性展示十余张图片,同时将选中图片放大,在页面大图展示区域展示选中图片的大图。手指在缩略图列表位置上滑动,大图区域依次展示图片的大图,同时底部缩略图列表朝与手指滑动方向相反移动,待手指从进度条左端移至右端,缩略图列表向左滑动至最后一张图,大图展 示区域依次展示该图像作品集的原图(大图)。具体可以参见图1所示。
图1中示意出两个展示区域,第一展示区域10用以展示大图,第二展示区域20用以展示缩略图列表。相关技术中,缩略图列表中的缩略图也是原图被下载后,对其进行缩小进行展示。比如,预先加载几张大图,然后在第一展示区域10展示大图,在第二展示区域20展示与该原图对应的缩略图,作为图片预览。当用户需要查看其他图片时,则需要发出请求加载缩略图和大图。图1中显示可知,缩略图列表中包括有100张缩略图,目前光标30指示的是第5张缩略图,所以对应的第一展示区域10目前展示的也是第5张缩略图对应的大图,当然,目前已被下载的就是到第5张图,如果需要查看其后的图片,则需要下载后才可以展示。
在底部缩略图列表朝与手指滑动方向相反移动的交互方式下,存在快速滑动时出现高频的图片切换的场景。而相关技术中一次图片切换需要经历三个操作环节,一是通过网络接口请求图片原图,二是图片的编解码,三是将新的图片渲染至屏幕。一次图片切换的耗时可能由于网速不同,需要几十毫秒至几百毫秒不等,在网速较差情况下甚至出现需要几秒才能展示出图片,此时大图展示区域为黑屏效果,显示效果比较差。以图1为例,在用户执行图片滑动操作过程中,由于原图没有被加载完成的情况下,第一展示区域10将显示黑屏。
因此,本申请实施例提供了一种滑动图像预览的方法,用以解决上述技术问题,具体可以参见本公开实施例提供的如下方法操作,以及相应的附图说明,图2为本公开实施例提供的一种滑动图像预览的方法流程示意图。该方法包括:
在操作S210,当检测到图像滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息。
具体的,图像滑动切换的操作是在上文中所提及的第二展示区域执行。在第二展示区域中展示有缩略图列表。需要说明的是,本申请中是缩略图列表是下文中即将要提及的多张缩略图构成的缩略图列表。本申请中的缩略图并非是大图,而是事先从服务器下载的合并缩略图中获取的与大图对应的缩略图。这样,加载时间相较于大图而言更短,会在更短时间内在第二展示区域进行展示。具体的,待展示图像为图像集合中的图像。
当用户通过例如手指/电子触控笔等滑动缩略图列表中的缩略图,来完成图像的切换操作时,系统可以自动获取待展示图像的索引信息。这里所说的待展示图像,也即是用户已经通过手指/电子触控笔点击到的缩略图。示例性的,也可以指的是缩略图对应的原图。每一张待展示图像都对应有自身的索引信息,例如是编号信息等。
在操作S220,根据索引信息,提取与索引信息对应的缩略图。
在操作S230,对缩略图进行渲染后,在图像预览区域中的第一展示区域进行展示。
具体的,对缩略图进行渲染后,在图像预览区域的第一展示区域进行展示,是为了防止手机黑屏现象的发生。因为缩略图是预先下载好的,本申请中只要根据索引信息,从缩略图的存储位置提取到缩略图,并执行渲染操作即可。整个过程可能只需要几毫秒的时间,从视觉角度而言,这个时间并不会被用户感知到。从用户的视角来看,当用户滑动到某个缩略图的时候,第一展示区域已经展示该缩略图。相 当于第一展示区域使用缩略图进行占位,避免黑屏现象的发生。
在一个可选的实施方式中,在第一展示区域展示的缩略图是经过放大后的缩略图,即显示缩略图的占位图,大小可以与后续获取的原图的大小相同。
在操作S240,获取与索引信息对应的原图,对原图进行解码并渲染。
具体的,原图和原图对应的缩略图共用同一个索引信息,所以,可以根据索引信息获取缩略图,也可以根据索引信息获取原图。
并且,获取缩略图的操作与获取原图的操作可以并行执行,在提取到缩略图的同时,也执行原图的下载和渲染等操作。可以方便后续在原图下载并渲染完成后,及时在第一展示区域展示原图。
在操作S250,当原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。
具体的,在获取到原图后,对原图进行解码,然后进行渲染操作后,可以将第一展示区域的缩略图替换掉,替换为原图进行展示。如此一来,方便用户查看,提升显示效果。
具体参见图3所示,图3中示意出在原图未被渲染成功之前,暂时在第一展示区域中显示缩略图对应的占位图的示意图,图3中显示的是第n张缩略图对应的占位图,n为正整数。
本公开实施例提供的滑动图像预览的方法,当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息。然后,根据索引信息提取与索引信息对应的缩略图。对缩略图渲染后,在图像预览区域中的第一展示区域首先进行展示。当获取到与索引信息对应的原图后,对原图进行解码并渲染, 并在原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。由此,可以避免快速切换图像集合中图像时黑屏现象的发生,并且提升用户浏览图像的显示效果。
在一些实施例中,合并缩略图是指将多张比较小的图像,合并到一张大的图像上面所构成的图像。如上所介绍的,合并缩略图将事先被下载到终端设备。一旦检测到图像滑动切换的操作,则可以根据索引信息从预配置的合并缩略图中确定与索引信息对应的缩略图所在的位置,然后根据该位置信息,从合并缩略图中裁剪出缩略图。
进一步可选的,如上所介绍的,合并缩略图是事先被下载到终端设备的,因此,在根据索引信息,提取与索引信息对应的缩略图之前,该方法还包括如下内容,具体参见图4所示,包括:
在操作S410,获取合并缩略图。
具体的,合并缩略图是预先配置到服务器中的,当用户需要时,可以从服务器中获取合并缩略图。
在操作S420,对合并缩略图进行解码后,存储在预设存储位置。
具体的,终端需要对合并缩略图进行解码,然后存在预设存储位置。后续终端设备根据索引信息,可以在合并缩略图中,查找并裁剪缩略图,完成渲染工作后,在第一展示区域进行显示。
进一步可选的,考虑到用户如果滑动切换图像时,切换频率高于预设图像的刷新频率。例如,包括有100张图像的图集作品,一次滑动过程中,在100ms内手指滑动距离120px,则需要展示12张图像,即在100ms内发生了12次图像切换,此时图像切换的帧率为12/0.1s,即帧率fps为120Hz;在当前主流旗舰手机屏幕刷新帧率为60Hz的情况下,有一半的图像切换即使图像加载出来也无法在屏幕上渲染出来, 即一半图像切换为无效加载,因此本方案需要根据手机屏幕的刷新帧率,丢弃掉其中多于屏幕刷新帧率的图像切换,即丢帧。又或者,如果滑动很快,需要展示12张图像,而能够展示的仅为2张,则需要在12张图像里选出两张进行展示,即抽帧。当存在上述丢帧或抽帧中的任一情况时,都需要从多张待展示图像中选择目标图像进行展示。而具体展示哪些图像,则需要通过优先级选取策略选取。
也即是,当图像切换频率高于预设图像刷新帧率时,该方法还包括如下内容,具体参见图5所示,包括:
在操作S510,从至少一个待展示的图像中,按照图像的优先级选取策略选取优先级高于预设等级的待展示图像作为目标图像。
在操作S520,获取与目标图像对应的索引信息。
获取与目标图像对应的索引信息后,则执行类似操作S220至操作S250等的操作,相当于在第一展示区域展示的仅仅是与目标图像对应的缩略图,并在目标图像对应的原图渲染成功后,在第一展示区域展示与目标图像对应的原图,具体的操作过程这里不再赘述。
在一些实施例中,优先级选取策略包括如下中的一种或多种:
第一种,图像的滑动切换的操作停止时,所选中的图像的优先级最高。
第二种,根据待展示图像对应的原图的加载阶段,对待展示图像的优先级进行排序,其中,加载阶段越靠后,优先级越高。
第三种,当存在多个待展示图像分别对应的原图处于同一加载阶段时,按照每一个待展示图像的原图大小,对多个待展示图像的优先级进行排序,其中,原图越小,优先级越高。
具体而言,就是滑动停止时选中的图像优先级最高。当仅选择一 张图像时,则可以选择滑动停止时所选中的图像作为目标图像,并获取目标图像的索引信息,进而根据索引信息获取缩略图在第一展示区域进行展示。再者,待展示图像对应的原图当前所处的加载阶段中,处于加载阶段后期的比加载前期的优先级高,如待展示图像A对应的原图当前处于网络请求阶段,待展示图像B对应的原图处于编解码阶段,则待展示图像B优先级高。由于待展示图像B对应的原图的最终加载时间比A更短,此策略出发点是加载时间短的优先加载。在一些特殊情况中,当存在多个待展示图像分别对应的原图处于同一加载阶段,图像更小的优先级更高,此策略出发点是图像如果比较小,后续各阶段的加载时间也更短,因此优先加载。综合上述优先级选取策略对多张待展示的图像按照优先级进行排序,然后从排序顺序中选取预设数量的待展示图像作为目标图像。
进一步可选的,如上所介绍的,图像预览区域还包括第二展示区域;第二展示区域用于展示图像集合中的多个待展示图像对应的缩略图。因此,优先级选取策略还包括:
确定图像集合中距离图像集合中左右端点的待展示图像越近的待展示图像的优先级越高,其中,图像集合中左端点的待展示图像和右端点的待展示图像的优先级相同;
当第一待展示图像到左端点的待展示图像之间的距离,和第二待展示图像到右端点的待展示图像的距离相同时,第一待展示图像和第二待展示图像的优先级相同,其中,第一待展示图像和第二待展示图像为图像集合中的任意两个缩略图。
具体而言,就是在图像集合的一系列图像中处于位置两边的优先级高于处于中间的,如需要加载索引为21-25的图像,则索引为21-25 的图像的优先级参见如下:
21>22>23<24<25;
此策略出发点是在图像集合中,一次滑动过程中用户会对滑动开始和结束的图像印象更深刻,而中间的相对更容易忽略,因此优先保障前后两端的图像展示,丢弃中间部分的图像。
通过上述策略,可以根据屏幕刷新帧率和滑动速度,结合待展示图像对应的原图加载情况和待展示图像所处的位置按照一定策略进行抽帧或者丢帧,减少了无效图像加载的发生,进而降低对手机性能造成的损耗。
以上,为本公开所提供的滑动图像预览的对应的方法实施例,下文中则介绍说明本公开所提供的滑动图像预览的对应的其他实施例,具体参见如下。
图6为本公开实施例提供的一种滑动图像预览的装置的结构示意图,该装置包括:检测模块601、获取模块602、处理模块603、渲染模块604、显示模块605,以及解码模块606。
检测模块601,用于检测针对图像集合中图像的滑动切换的操作;
获取模块602,用于当检测模块601检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,待展示图像为图像集合中的图像;
处理模块603,用于根据索引信息,提取与索引信息对应的缩略图;
渲染模块604,用于对缩略图进行渲染;
显示模块605,用于在图像预览区域中的第一展示区域对缩略图进行展示;
获取模块602,还用于获取与索引信息对应的原图
解码模块606,用于对原图进行解码;
渲染模块604,还用于对原图进行渲染;
处理模块603,还用于当原图渲染成功后,在第一展示区域替换掉缩略图;
显示模块605,还用于展示原图。
可选的,处理模块603,具体用于从预配置的合并缩略图中确定缩略图所在的位置,合并缩略图为图像集合中所有图像对应的缩略图合并得到的图像;根据缩略图所在的位置,从合并缩略图中裁剪出缩略图。
可选的,获取模块602,还用于获取合并缩略图;
解码模块606,用于对合并缩略图进行解码后,存储在预设存储位置。
可选的,当图像切换频率高于预设图像刷新帧率时,处理模块603,还用于从至少一个待展示图像中,按照图像的优先级选取策略选取优先级高于预设等级的待展示图像作为目标图像;
获取模块602,还用于获取与目标图像对应的索引信息。
可选的,优先级选取策略包括如下中的一种或多种:
图像的滑动切换的操作停止时,所选中的图像的优先级最高;
根据待展示图像对应的原图的加载阶段,对待展示图像的优先级进行排序,其中,加载阶段越靠后,优先级越高;
当存在多个待展示图像分别对应的原图处于同一加载阶段时,按照每一个待展示图像的原图大小,对多个待展示图像的优先级进行排序,其中,原图越小,优先级越高。
可选的,图像预览区域还包括第二展示区域;
第二展示区域用于展示图像集合中的多个待展示图像对应的缩略图。
可选的,优先级选取策略还包括:
确定图像集合中距离图像集合中左右端点的待展示图像越近的待展示图像的优先级越高,其中,图像集合中左端点的待展示图像和右端点的待展示图像的优先级相同;
当第一待展示图像到左端点的待展示图像之间的距离,和第二待展示图像到右端点的待展示图像的距离相同时,第一待展示图像和第二待展示图像的优先级相同,其中,第一待展示图像和第二待展示图像为图像集合中的任意两个缩略图。
本公开实施例提供的滑动图像预览的装置中各部件所执行的功能均已在上述实施例中做了详细的描述,因此这里不再赘述。
本公开实施例提供的一种滑动图像预览的装置,当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息。然后,根据索引信息提取与索引信息对应的缩略图。对缩略图渲染后,在图像预览区域中的第一展示区域首先进行展示。当获取到与索引信息对应的原图后,对原图进行解码并渲染,并在原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。由此,可以避免快速切换图像集合中图像时黑屏现象的发生,并且提升用户浏览图像的显示效果。
如图7所示,本公开实施例提供了一种终端设备,至少包括处理器111、存储器112,其中,处理器111和存储器112通过通信总线完成相互间的通信。
存储器112,用于存放计算机程序;
在本公开一个实施例中,处理器111,用于执行存储器112上所存放的程序时,实现前述任意一个实施例提供的滑动图像预览的方法,包括:
当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,待展示图像为图像集合中的图像;
根据索引信息,提取与索引信息对应的缩略图;
对缩略图进行渲染后,在图像预览区域中的第一展示区域进行展示;
获取与索引信息对应的原图,对原图进行解码并渲染;
当原图渲染成功后,将第一展示区域已展示的缩略图切换为原图展示。
可选的,根据索引信息,提取与索引信息对应的缩略图,具体包括:
从预配置的合并缩略图中确定缩略图所在的位置,合并缩略图为图像集合中所有图像对应的缩略图合并得到的图像;
根据缩略图所在的位置,从合并缩略图中裁剪出缩略图。
可选的,根据索引信息,提取与索引信息对应的缩略图之前,方法还包括:
获取合并缩略图;
对合并缩略图进行解码后,存储在预设存储位置。
可选的,当图像切换频率高于预设图像刷新帧率时,该方法还包括:
从至少一个待展示图像中,按照图像的优先级选取策略选取优先级高于预设等级的待展示图像作为目标图像,并获取与目标图像对应的索引信息。
可选的,优先级选取策略包括如下中的一种或多种:
图像的滑动切换的操作停止时,所选中的图像的优先级最高;
根据待展示图像对应的原图的加载阶段,对待展示图像的优先级进行排序,其中,加载阶段越靠后,优先级越高;
当存在多个待展示图像分别对应的原图处于同一加载阶段时,按照每一个待展示图像的原图大小,对多个待展示图像的优先级进行排序,其中,原图越小,优先级越高。
可选的,图像预览区域还包括第二展示区域;
第二展示区域用于展示图像集合中的多个待展示图像对应的缩略图。
可选的,优先级选取策略还包括:
确定图像集合中距离图像集合中左右端点的待展示图像越近的待展示图像的优先级越高,其中,图像集合中左端点的待展示图像和右端点的待展示图像的优先级相同;
当第一待展示图像到左端点的待展示图像之间的距离,和第二待展示图像到右端点的待展示图像的距离相同时,第一待展示图像和第二待展示图像的优先级相同,其中,第一待展示图像和第二待展示图像为图像集合中的任意两个缩略图。
本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被终端设备执行时实现如前述方法实施例提供的滑动图像预览的方法。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所示的这些实施例,而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (12)

  1. 一种滑动图像预览的方法,所述方法包括:
    当检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,所述待展示图像为所述图像集合中的图像;
    根据所述索引信息,提取与所述索引信息对应的缩略图;
    对所述缩略图进行渲染后,在图像预览区域中的第一展示区域进行展示;
    获取与所述索引信息对应的原图,对所述原图进行解码并渲染;
    当所述原图渲染成功后,将所述第一展示区域已展示的所述缩略图切换为所述原图展示。
  2. 根据权利要求1所述的方法,其中,所述根据所述索引信息,提取与所述索引信息对应的缩略图,具体包括:
    从预配置的合并缩略图中确定所述缩略图所在的位置,所述合并缩略图为所述图像集合中所有图像对应的缩略图合并得到的图像;
    根据所述缩略图所在的位置,从所述合并缩略图中裁剪出所述缩略图。
  3. 根据权利要求2所述的方法,其中,所述根据所述索引信息,提取与所述索引信息对应的缩略图之前,所述方法还包括:
    获取所述合并缩略图;
    对所述合并缩略图进行解码后,存储在预设存储位置。
  4. 根据权利要求1-3任一项所述的方法,其中,当图像切换频率高于预设图像刷新帧率时,所述方法还包括:
    从至少一个所述待展示图像中,按照图像的优先级选取策略选取 优先级高于预设等级的待展示图像作为目标图像,并获取与所述目标图像对应的索引信息。
  5. 根据权利要求4所述的方法,其中,所述优先级选取策略包括如下中的一种或多种:
    图像的滑动切换的操作停止时,所选中的图像的优先级最高;
    根据所述待展示图像对应的原图的加载阶段,对所述待展示图像的优先级进行排序,其中,加载阶段越靠后,优先级越高;
    当存在多个所述待展示图像分别对应的原图处于同一加载阶段时,按照每一个所述待展示图像的原图大小,对多个所述待展示图像的优先级进行排序,其中,原图越小,优先级越高。
  6. 根据权利要求4所述的方法,其中,所述图像预览区域还包括第二展示区域;
    所述第二展示区域用于展示所述图像集合中的多个所述待展示图像对应的缩略图。
  7. 根据权利要求6所述的方法,其中,所述优先级选取策略还包括:
    确定所述图像集合中距离所述图像集合中左右端点的待展示图像越近的待展示图像的优先级越高,其中,所述图像集合中左端点的待展示图像和右端点的待展示图像的优先级相同;
    当第一待展示图像到所述左端点的待展示图像之间的距离,和第二待展示图像到所述右端点的待展示图像的距离相同时,所述第一待展示图像和所述第二待展示图像的优先级相同,其中,所述第一待展示图像和所述第二待展示图像为所述图像集合中的任意两个缩略图。
  8. 一种滑动图像预览的装置,所述装置包括:
    检测模块,用于检测针对图像集合中图像的滑动切换的操作;
    获取模块,用于当所述检测模块检测到针对图像集合中图像的滑动切换的操作时,获取切换操作过程对应的至少一个待展示图像的索引信息,所述待展示图像为所述图像集合中的图像;
    处理模块,用于根据所述索引信息,提取与所述索引信息对应的缩略图;
    渲染模块,用于对所述缩略图进行渲染;
    显示模块,用于在图像预览区域中的第一展示区域对所述缩略图进行展示;
    所述获取模块,还用于获取与所述索引信息对应的原图;
    解码模块,用于对所述原图进行解码;
    所述渲染模块,还用于对所述原图进行渲染;
    所述处理模块,还用于当所述原图渲染成功后,将所述第一展示区域已展示的所述缩略图切换为所述原图;
    所述显示模块,还用于展示所述原图。
  9. 一种终端设备,包括:
    存储器,用于存放计算机程序;
    处理器,用于执行存储器上所存放的程序时,实现根据权利要求1-7任一项所述的滑动图像预览的方法。
  10. 一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被终端设备执行时实现根据权利要求1-7任一项所述的滑动图像预览的方法。
  11. 一种计算机程序,所述计算机程序包括指令,所述指令在由处理器执行时实现根据权利要求1-7任一项所述的滑动图像预览的方法。
  12. 一种计算机程序产品,所述计算机程序产品包括指令,所述指令在由处理器执行时实现根据权利要求1-7任一项所述的滑动图像预览的方法。
PCT/CN2024/086835 2023-04-10 2024-04-09 滑动图像预览的方法、装置及终端设备 Ceased WO2024212965A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202310377002.1A CN118778865A (zh) 2023-04-10 2023-04-10 滑动图像预览的方法、装置及终端设备
CN202310377002.1 2023-04-10

Publications (1)

Publication Number Publication Date
WO2024212965A1 true WO2024212965A1 (zh) 2024-10-17

Family

ID=92988815

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2024/086835 Ceased WO2024212965A1 (zh) 2023-04-10 2024-04-09 滑动图像预览的方法、装置及终端设备

Country Status (2)

Country Link
CN (1) CN118778865A (zh)
WO (1) WO2024212965A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN119045710B (zh) * 2024-10-31 2025-03-04 南京微小宝信息技术有限公司 一种图片扇形展示切换方法及相关系统

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130147747A1 (en) * 2009-01-28 2013-06-13 Canon Kabushiki Kaisha Display control apparatus and display control method
TW201337600A (zh) * 2012-03-01 2013-09-16 Altek Corp 影像縮圖瀏覽的裝置及其方法
CN103902575A (zh) * 2012-12-27 2014-07-02 腾讯科技(深圳)有限公司 一种图片信息加载方法及相关装置
CN111046205A (zh) * 2019-12-12 2020-04-21 上海传英信息技术有限公司 图像查找方法、设备及可读存储介质
CN115421833A (zh) * 2022-08-30 2022-12-02 北京达佳互联信息技术有限公司 图像显示方法、图像显示装置、电子设备、介质及产品
CN115935099A (zh) * 2022-12-30 2023-04-07 北京达佳互联信息技术有限公司 信息展示方法、装置、电子设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130147747A1 (en) * 2009-01-28 2013-06-13 Canon Kabushiki Kaisha Display control apparatus and display control method
TW201337600A (zh) * 2012-03-01 2013-09-16 Altek Corp 影像縮圖瀏覽的裝置及其方法
CN103902575A (zh) * 2012-12-27 2014-07-02 腾讯科技(深圳)有限公司 一种图片信息加载方法及相关装置
CN111046205A (zh) * 2019-12-12 2020-04-21 上海传英信息技术有限公司 图像查找方法、设备及可读存储介质
CN115421833A (zh) * 2022-08-30 2022-12-02 北京达佳互联信息技术有限公司 图像显示方法、图像显示装置、电子设备、介质及产品
CN115935099A (zh) * 2022-12-30 2023-04-07 北京达佳互联信息技术有限公司 信息展示方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN118778865A (zh) 2024-10-15

Similar Documents

Publication Publication Date Title
JP7246487B2 (ja) ビデオにおけるホットスポットセグメントを抽出する方法、装置、電子機器、記憶媒体およびコンピュータプログラム
CN112954210B (zh) 拍照方法、装置、电子设备及介质
US12413819B2 (en) Video playback method and apparatus, computer device, and storage medium
US20140289751A1 (en) Method, Computer Readable Storage Medium, and Introducing and Playing Device for Introducing and Playing Media
WO2017215175A1 (zh) 页面处理方法、装置、终端及服务器
JP2025515948A (ja) 動画処理方法、装置、電子機器及び記憶媒体
WO2024222443A1 (zh) 一种多媒体资源处理方法、装置、设备及存储介质
CN106227461B (zh) 一种窗口切换方法及装置
CN105005429A (zh) 一种终端展示图片的方法及终端
CN110472172A (zh) 信息展示方法及终端
CN112836086B (zh) 一种视频处理方法、装置和电子设备
CN113051429A (zh) 一种信息推荐方法、装置、电子设备及存储介质
WO2018184436A1 (zh) 图片的显示方法和装置
CN115811638A (zh) 一种信息展示方法、装置、设备及存储介质
CN110580508A (zh) 视频分类方法、装置、存储介质和移动终端
US20230004673A1 (en) Information management system and method for communication application, and display terminal
WO2022194211A1 (zh) 图像处理方法、装置、电子设备及可读存储介质
US20140325451A1 (en) Icon change method and apparatus
CN109388737B (zh) 一种内容项的曝光数据的发送方法、装置及存储介质
WO2024212965A1 (zh) 滑动图像预览的方法、装置及终端设备
CN115421833A (zh) 图像显示方法、图像显示装置、电子设备、介质及产品
CN115460448A (zh) 一种媒体资源编辑方法、装置、电子设备以及存储介质
CN106557529B (zh) 页面跳转中的跳转页面展示方法和装置
JP7678157B2 (ja) ビデオ編集テンプレート検索方法、装置、電子機器及び記憶媒体
WO2024169881A9 (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: 24788067

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 24788067

Country of ref document: EP

Kind code of ref document: A1