Nothing Special   »   [go: up one dir, main page]

WO2022262560A1 - 图像显示方法、装置、设备及存储介质 - Google Patents

图像显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2022262560A1
WO2022262560A1 PCT/CN2022/095867 CN2022095867W WO2022262560A1 WO 2022262560 A1 WO2022262560 A1 WO 2022262560A1 CN 2022095867 W CN2022095867 W CN 2022095867W WO 2022262560 A1 WO2022262560 A1 WO 2022262560A1
Authority
WO
WIPO (PCT)
Prior art keywords
target
image
page
display mode
target image
Prior art date
Application number
PCT/CN2022/095867
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 US18/569,678 priority Critical patent/US20240264787A1/en
Publication of WO2022262560A1 publication Critical patent/WO2022262560A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
    • G06V40/00—Recognition of biometric, human-related or animal-related patterns in image or video data
    • G06V40/10—Human or animal bodies, e.g. vehicle occupants or pedestrians; Body parts, e.g. hands
    • G06V40/16—Human faces, e.g. facial parts, sketches or expressions
    • G06V40/168—Feature extraction; Face representation
    • G06V40/171—Local features and components; Facial parts ; Occluding parts, e.g. glasses; Geometrical relationships
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04845—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T5/00—Image enhancement or restoration
    • G06T5/50—Image enhancement or restoration using two or more images, e.g. averaging or subtraction
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/21—Server components or server architectures
    • H04N21/218—Source of audio or video content, e.g. local disk arrays
    • H04N21/2187—Live feed
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/435—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/435—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
    • H04N21/4355—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream involving reformatting operations of additional data, e.g. HTML pages on a television screen
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8146—Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8146—Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics
    • H04N21/8153—Monomedia components thereof involving graphical data, e.g. 3D object, 2D graphics comprising still images, e.g. texture, background image
    • 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/20—Special algorithmic details
    • G06T2207/20212—Image combination
    • G06T2207/20221—Image fusion; Image merging

Definitions

  • Embodiments of the present disclosure relate to the field of computer technology, for example, to an image display method, device, device, and storage medium.
  • Embodiments of the present disclosure provide an image display method, device, storage medium, and equipment, which can improve image display solutions in related technologies.
  • an embodiment of the present disclosure provides an image display method, including:
  • the target page includes a target image
  • the current page information includes at least one of page attribute information, page interaction information, and page display status information
  • a target image resource corresponding to the target image is displayed on the target page in the target display manner, wherein the target image resource is a file whose image content changes dynamically.
  • an image display device including:
  • a page information acquisition module configured to acquire current page information corresponding to the target page, wherein the target page includes a target image, and the current page information includes at least one of page attribute information, page interaction information, and page display status information ;
  • the display mode determination module is configured to determine the target display mode corresponding to the target image according to the current page information, wherein the target display mode is a dynamic display mode or a static display mode;
  • the image display module is configured to display the target image resource corresponding to the target image in the target display mode on the target page, wherein the target image resource is a file whose image content changes dynamically.
  • an embodiment of the present disclosure provides an electronic device, including a memory, a processor, and a computer program stored on the memory and operable on the processor.
  • the processor executes the computer program, the computer program according to the present disclosure is implemented.
  • the image display method provided by the embodiment.
  • FIG. 1 is a schematic flowchart of an image display method provided by an embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of a target page provided by an embodiment of the present disclosure
  • FIG. 3 is a schematic diagram of another target page provided by an embodiment of the present disclosure.
  • FIG. 4 is a schematic diagram of a shooting preview interface provided by an embodiment of the present disclosure.
  • FIG. 5 is a schematic flowchart of another image display method provided by an embodiment of the present disclosure.
  • FIG. 6 is a schematic flowchart of another image display method provided by an embodiment of the present disclosure.
  • FIG. 7 is a structural block diagram of an image display device provided by an embodiment of the present disclosure.
  • Fig. 8 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “comprise” and its variations are open-ended, ie “including but not limited to”.
  • the term “based on” is “based at least in part on”.
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
  • the page in the embodiment of the present disclosure may be a page in a preset application program, and the type of the preset application program is not specifically limited, and may be a social application program with social functions, such as a short video application program, an instant messaging application program Or a live broadcast application, etc., or other types of applications.
  • the target page may include a page that is about to be displayed or is currently being displayed in a preset application program. For example, a user may log in to a preset application program through an account.
  • the target page contains a target image.
  • the target image may include an avatar or a background image, or may include both the avatar and the background image, or may include images in other forms.
  • the shape, size and position of the display area of the avatar and/or background image on the target page are not limited, and can be set according to the actual layout requirements of the target page.
  • the avatar generally corresponds to the user's account and can be used as a kind of identity information of the user.
  • the display shape can be, for example, a circle or a rectangle, and can be displayed near the account name; the display area of the background image can occupy the entire target page , which can also be part of the target page.
  • the background image includes a header image
  • the header image can be understood as a picture located at the top or the center of the home page of the application page or browser web page.
  • the target page can specifically be the main page, such as the user's personal homepage etc.
  • the target image may also be in the display state, and the current page information may also include information about the target image, such as the current display state of the target image (may include displayed or not displayed, etc. ) or the current display mode of the target image, etc.
  • Step 102 Determine a target display mode corresponding to the target image according to the current page information, wherein the target display mode is a dynamic display mode or a static display mode.
  • the dynamic display mode includes dynamically playing images, that is, continuously displaying at least two images with different contents.
  • the target image it can be understood as dynamically playing the image frames in the target image resource corresponding to the target image;
  • the static display mode Including static display images, that is, fixedly displaying an image whose screen content remains unchanged.
  • the target image it can be understood as statically displaying a certain image frame in the target image resource corresponding to the target image.
  • the display methods corresponding to different page information can be preset, and then the target image corresponding to the target image can be determined according to the current page information. Display method.
  • multiple candidate display modes corresponding to the avatar and/or the background image may be preset, and the candidate display modes may include one or more dynamic display modes, and may also include one or more static display modes.
  • the corresponding relationship between different page information and different candidate display modes may be preset, and based on the corresponding relationship, the target display mode corresponding to the target image is determined according to the current page information. It should be noted that, for the avatar and the background image, the above corresponding relationship may be different or the same, and may be set according to actual requirements. That is, when the target page includes both the avatar and the background image, the target display mode corresponding to the avatar and the target display mode corresponding to the background image may be different or the same.
  • the target image resource corresponding to the target image is a file whose image content changes dynamically, such as a file in video format, or a file in dynamic picture format, such as Graphics Interchange Format (GIF) etc., without limitation.
  • the storage location of the target image resource is not limited, and may be local to the electronic device, or a server corresponding to a preset application program.
  • the target image resource may include a plurality of image frames arranged in play time sequence, and all or part of the data may include data corresponding to all or part of the image frames.
  • the target display mode corresponding to the target image after the target display mode corresponding to the target image is determined, all or part of the data of the corresponding target image resource can be acquired, and all or part of the image corresponding to the target image resource can be processed according to the target display mode corresponding to the target image. show.
  • the target image includes an avatar and a background image
  • the target display mode corresponding to the avatar is a dynamic display mode
  • the target display mode corresponding to the background image is a static display mode
  • at least two images corresponding to the target image resource corresponding to the avatar can be obtained.
  • data, and dynamically play the at least two images acquire data corresponding to one image in the target image resource corresponding to the background image, and statically display the image.
  • the display mode corresponding to the image resource is selected according to the actual page information. This enables target images to be displayed in different ways under different circumstances, enriches the ways of giving feedback on user interaction operations, and improves the interaction experience.
  • displaying the target image resource corresponding to the target image in the target display mode on the target page includes: continuous dynamic playback on the target page The image frame in the target image resource corresponding to the corresponding target image; or, after playing the target image resource corresponding to the corresponding target image in the target page for a preset number of times, stop playing and display the first preset frame number therein A single-frame image, wherein a cycle includes continuous dynamic playback from the first frame in the target image resource to the last frame.
  • continuously and dynamically playing the image frames in the target image resource corresponding to the corresponding target image on the target page can be understood as starting from the corresponding target image resource after determining that the target display mode corresponding to the target image is a dynamic display mode.
  • the preset image frame starts to play the image frames in sequence until the preset playback stop condition is met, such as the user inputs a stop playback command or exits the target page, etc., wherein the preset image frame is generally the first frame, that is, the frame whose frame number is 1 .
  • the number of image frames to be played may be less than or equal to the total number of image frames in the target image resource, and the number of times each image frame is played may be greater than or equal to zero.
  • image frame 2 For example, if the total number of image frames in the target image resource is 10, image frame 2, image frame 3, ... can be played sequentially from image frame 1 (the first frame), and when image frame 5 is played, the user inputs a stop playback command , then stop playing. If the preset playback stop condition is not met after playing to image frame 10, image frame 1 can be played again.
  • the playback is stopped and the single-frame image of the first preset frame number is displayed, so that the loop playback times can be automatically controlled to avoid Continuous dynamic playback prevents the user from viewing other content on the destination page.
  • the preset number of times can be set according to actual needs, such as 1 time or 2 times.
  • the first preset frame number can be set according to actual needs, for example, it is 1, that is, the first frame image is still displayed after the loop playback is completed.
  • the first preset frame number may also be other numbers, such as the last frame number or the middle frame number.
  • displaying the target image resource corresponding to the target image in the target display mode on the target page includes: statically displaying the corresponding target image resource on the target page A single-frame image of the second preset frame number in the target image resource corresponding to the target image.
  • the second preset frame number can be set according to actual needs, for example, it is 1, that is, when the target display mode is determined to be a static display mode, the first frame of image is displayed statically.
  • the second preset frame number may also be other numbers, such as the last frame number or the middle frame number.
  • the page attribute information includes a page type; the determining the target display mode corresponding to the target image according to the current page information includes: determining the target display mode corresponding to the target image according to the page type corresponding to the target page is Dynamic mode; or, according to the page type corresponding to the target page, determine that the target display mode corresponding to the target image is a static mode; or, determine the target display mode corresponding to the target image according to the page type corresponding to the target page and the preset information in the current page information Either dynamic or static.
  • the preset information may be other information in the current page information, such as page interaction information or page display status information.
  • the display mode of the avatar and/or background image contained therein is fixed as a dynamic display mode; for some pages, the display mode of the avatar and/or background image contained therein is fixed as Static display method; for some pages, the display method of the avatar and/or background image contained therein may be dynamically determined according to the actual situation according to other information in the page information.
  • the display mode may be fixed as a dynamic display mode.
  • the page type is a live page (the second page type)
  • it generally includes an avatar.
  • the display mode of the avatar can be fixed as a static display mode to avoid interference with the live content.
  • the page type is the personal homepage (the third page type)
  • it can be determined according to other information, such as the avatar type.
  • the avatar has a dynamic widget added, it can be displayed in a static way.
  • the avatar does not add a dynamic widget, it can be displayed dynamically.
  • the page type is a video playback page (the third page type)
  • it can be determined according to the page display status such as triggering the display of a video playback page in the video recommendation mode, which can be a dynamic display method, such as playing from a video
  • the video playback page is triggered to be displayed according to the user's selection operation in the list, which can be a static display mode.
  • the current page information includes page interaction information; determining the target display mode corresponding to the target image according to the current page information includes: when the page interaction information includes the first preset operation, The target display mode corresponding to the target image is a dynamic display mode; the first preset operation includes an interactive operation on the first content in the target page.
  • the user's interactive operation can be fed back in the way of dynamically playing the avatar, making the interactive feedback method more intuitive and novel, further improving the fun, enriching the functions of the application program, and effectively improving the interactive experience.
  • the current page information includes page interaction information; the target image on the target page corresponds to the first user.
  • the determining the target display mode corresponding to the target image according to the current page information includes: when the page interaction information includes the first preset operation input by the second user, the target display mode corresponding to the avatar is a dynamic display mode; Wherein, the second user is different from the first user, and the first preset operation includes an interactive operation on the first content published by the first user on the target page. In this way, the interactive operation between different users can be fed back in the way of dynamically playing the avatar, making the interactive feedback mode between different users more intuitive and novel, further improving the fun, enriching the functions of the application program, and effectively improving the interactive experience.
  • first preset operations there can be multiple forms of first preset operations, such as multiple forms of interactive operations, and different first preset operations can correspond to different dynamic display methods, which can further enrich the interaction-based image display effect and enhance the interactive experience .
  • the displaying the target image resource corresponding to the target image on the target page in the target display mode includes: after playing the target image resource corresponding to the avatar in the target page for a preset number of times, stop playing And display the single-frame image of the third preset frame number, wherein one cycle includes continuous dynamic playback from the first frame in the target image resource to the last frame.
  • the preset number of times is 1 time.
  • the target page can be used to display the first content published by the first user.
  • the first content can be called the content of the work, which can be information or files in various forms such as pictures, text, audio or video, etc. limited.
  • the interactive operation may be input through an interactive control, and the interactive control may be, for example, a positive interactive control, such as a like control, a follow control, a comment control, and the like.
  • the image resource of the avatar can be played in a loop, and then stay at the single frame image of the third preset frame number.
  • the third preset frame number can be set freely, such as the number of the first frame. For example, if the second user likes the short video after watching the short video posted by the first user, he can click the Like control, and the avatar of the first user on the page will be played in a loop to respond, so that the second user can quickly and intuitively respond to the short video. Feel the feedback of the first users.
  • the current page information includes page interaction information corresponding to the target page; determining the target display mode corresponding to the target image according to the current page information includes: including in the page interaction information input by the user for the target During the second preset operation of the image, the target display mode corresponding to the target image is a dynamic display mode, wherein the second preset operation includes a slide operation, a click operation or a long press operation. In this way, the dynamic playback of the background image can be realized conveniently.
  • the target image here can be a background image.
  • different second preset operations can correspond to different dynamic display modes, which can further enrich the interaction-based image display effect and enhance the interaction experience.
  • the target image includes a background image
  • the second preset operation includes a sliding operation
  • displaying the target image resource corresponding to the target image in the target display mode on the target page includes:
  • the image frame in the target image resource corresponding to the background image is dynamically played on the target page, and the display size of the background image is dynamically adjusted following the sliding track of the second preset operation during playback.
  • it may be: in the target page, start continuous dynamic playback from the image frame of the fourth preset frame number in the target image resource corresponding to the background image, and dynamically adjust the display size of the background image by following the sliding track during playback .
  • the background image such as the header image, generally has a large image size.
  • the second preset operation may be to press and hold the screen (it may be the location of the background image, or other locations in the target page) and slide, and the display size of the background image may be extended along the sliding direction, if If the sliding direction is changed to the opposite direction, the display size of the background image can be retracted along the sliding direction.
  • the page display status information includes the current display mode of the target image; wherein, the target image on the target page includes both the first target image and the second target image, and the The current page information determines the target display mode corresponding to the target image, including: when the current display mode of the first target image is a dynamic display mode and the current display mode of the second target image is a static display mode, detecting the The third preset operation of the two target images determines that the target display mode corresponding to the first target image is a static display mode, and the target display mode corresponding to the second target image is a dynamic display mode.
  • the first target image is an avatar or a background image.
  • the first target image is an avatar
  • the second target image is a background image
  • the first target image is a background image
  • the second target image is an avatar.
  • the third preset operation may be an operation of triggering the second target image to be displayed in a dynamic display manner, and the specific type is not limited.
  • the image in the target image includes a virtual image obtained by processing the image of the target object.
  • the target object may be a person, such as a user, or an animal. This can make the target image more interesting.
  • the user's real image can be processed to obtain a virtual image, which can help the user viewing the target image to more quickly confirm the identity of the user to whom the target image belongs.
  • the image in the target image is a virtual image obtained by processing the user's real image
  • the virtual image can generally retain some real features of the user, which can be easily recognized by other users, and the virtual image at this time is more interesting , which is beneficial to improve the visual effect of the target image.
  • the avatar may include, for example, a cartoon image or a doll, and the doll may be a three-dimensional (3D) doll. It should be noted that the embodiment of the present disclosure does not limit the number of images contained in the target image, that is, it may include one or more images corresponding to the target object.
  • the target image resource containing the target image of the avatar is obtained in the following manner: in response to the user triggering the operation of the shooting function, acquiring video data containing the facial image of the target object; detecting facial key points in the video data ; Input the key points of the face and the video data into a preset style transfer model to obtain an initial image resource containing an avatar; integrate the original image information in the video data into the initial image resource to obtain a target Image resource.
  • the generated virtual image in the target image resource is more suitable for the real characteristics of the user, and retains some image information in the user's video data, which is more suitable for the user's setting requirements and aesthetic requirements for the target image.
  • the original image information includes at least one of low frequency information and illumination information.
  • the target objects include people, animals and other objects with facial features.
  • the video data is acquired through an image acquisition device such as a camera in the electronic device in response to the user triggering the operation of the shooting function. It should be noted that if the video data does not contain the facial image of the target object, a reminder can be given without entering into subsequent operations such as detecting facial key points. If it is collected by electronic equipment, real-time face detection can also be performed during the collection process, and when it is determined that the shot does not contain a face, a reminder will be given, such as prompting the user to adjust the position of the electronic device or adjust the position of his head.
  • the video data including the facial image of the target object is generally stored locally in the electronic device.
  • a frame of image in video data is taken as an example for specific description. Detect facial keypoints in video frames and determine bounding boxes containing facial keypoints. Input the video frame, bounding box and facial key points at the preset position into the preset style transfer model to obtain the initial image containing the avatar.
  • the preset position may include the position of the left eye, the position of the head and tail of the eyebrow on the right side, and the position on the left side under the nose.
  • the avatar in the initial image has the target style feature corresponding to the preset style transfer model and the content feature of the video frame, and the target style feature can be the style feature learned by the preset style transfer model from the images in the sample image set, such as Anime style features.
  • the original image information in the video frame is extracted, such as low-frequency information and illumination information, and the low-frequency information and illumination information are fused with the same-level information of the original image to obtain the target image.
  • a final target image resource is generated according to target images corresponding to multiple video frames in the video data. Since the frequency of an image is an index that characterizes the intensity of the grayscale change in the image, the area where the grayscale changes slowly in the image corresponds to low-frequency information.
  • the low-frequency information can represent the general appearance of the face in the video frame, and the illumination information can restore the current image more realistically.
  • the environment information is captured, so that the virtual image in the target image is closer to the real target object.
  • the images in the sample image set can be optimized during the training process of the preset style transfer model. For example, a sample image containing a 3D face is generated based on the 3D model and the original sample image in the sample image set, so that the preset style transfer model can not only learn style features such as anime style, but also learn 3D facial information during the training process. Therefore, virtual images including 3D dolls can be quickly generated.
  • the shooting preview interface includes a shooting prompt box, and the size ratio of the shooting prompt box matches the size ratio of the target image; correspondingly, according to the corresponding video data in the shooting prompt box, the corresponding target image Image resource.
  • the shooting prompt box By displaying the shooting prompt box, the user is reminded of the image acquisition area corresponding to the target image to be generated, so that the user can quickly and intuitively adjust the position of his head, and reduce the related operations of manually adjusting the content area of the target image by the user in the later stage.
  • the generation efficiency of the target image resource is displaying the shooting prompt box, and the size ratio of the shooting prompt box matches the size ratio of the target image; correspondingly, according to the corresponding video data in the shooting prompt box, the corresponding target image Image resource.
  • the shooting prompt box can be displayed in the form of a mask (such as a gray area), the image content in the area covered by the mask will not enter the target image resource, and the image content in the area not covered by the mask is the target The image content in the image resource.
  • a mask such as a gray area
  • the avatar is displayed in a circle
  • the non-masked area can be a circular area.
  • FIG. 4 is a schematic diagram of a shooting preview interface provided by an embodiment of the present disclosure. As shown in FIG.
  • the application to which the target page belongs includes a short video application
  • the method further includes: after generating a target image resource corresponding to the target image according to user settings, using the target image resource as a new short video to publish.
  • This can provide a new short video publishing method, enrich the video publishing function of the short video application, and can prompt other users in this novel way that the current user has updated the avatar or background image.
  • publishing the target image resource as a new short video may include: publishing the target image resource as a new short video when receiving a user-input video release instruction (such as checking the post video option). release.
  • the method may further include: after it is determined that the setting of the target image is completed, displaying a setting completion notification, and after the setting completion notification is triggered, displaying the target page.
  • the target page can be quickly entered by triggering a notification, so that the user can view the actual setting effect.
  • the notification of the completion of the setting can be sent to the user in the form of an internal message. For example, if the setting page corresponding to the target image is entered from the guest state (for example, the second user is viewing the relevant information of the first user, which can be understood as the guest state for the second user), then the current user (such as the second user) is displayed. Two users) corresponding to the target page.
  • the second user is viewing the personal homepage of the first user and finds that the avatar of the first user can be played dynamically, he can enter the setting page corresponding to the avatar through the input of the fourth preset operation for the avatar, and on the setting page After the avatar setting is completed, the avatar setting completion notification will be displayed. After the second user triggers the avatar setting completion notification, the second user's personal homepage will be displayed, so that the second user can quickly view the newly set avatar on his personal homepage display effect.
  • the fourth preset operation is not specifically limited, for example, press and hold the target image; or click the target image to display an enlarged image of the target image and display an image setting button, and click the image setting button.
  • the first processing method may include, for example, the above-mentioned processing method of obtaining the target image containing the avatar, it may also include the above-mentioned shooting prompt box, and it may also include some props involved in the process of setting the avatar or background image .
  • Fig. 5 is a schematic flowchart of another image display method provided by the embodiment of the present disclosure.
  • the embodiment of the present disclosure refines based on multiple example solutions in the above embodiments, and uses short video applications as an example for illustration.
  • the The method includes the following steps:
  • the first content may be a short video posted by a first user.
  • the corresponding current page information may be acquired before the first target page is displayed, or the corresponding current page information may be acquired when the first target page is displayed, and the specific acquisition timing is not limited. It should be noted that, each time the current page information is acquired, the information to be acquired may be different.
  • Step 502 When it is determined according to the current page information that the first target page is triggered to be displayed in the content recommendation mode, determine that the target display mode corresponding to the first avatar on the first target page is a dynamic display mode.
  • the target display mode corresponding to the first avatar on the first target page is a static display mode.
  • the personal homepage also includes an avatar. If the personal homepage has been displayed before, it means that the current user has watched the dynamically played avatar. At this time, the avatar can be displayed statically on the first target page.
  • Step 503 Play the image resource corresponding to the first avatar once in a loop on the first target page, stop playing and display the first frame.
  • Step 504 obtain the current page information corresponding to the first target page again, and determine that the target display mode corresponding to the first avatar is dynamic when the page interaction information of the current page information includes the first preset operation input by the second user Display method.
  • the second user may be understood as a user currently viewing the first target page.
  • the first preset operation is an interactive operation on the first content, such as triggering a like control or inputting comment information.
  • Step 505 Play the image resource corresponding to the first avatar once in a loop on the first target page, stop playing and display the first frame.
  • Step 506 Receive the fourth preset operation for the first avatar input by the second user on the first target page, and enter the shooting preview interface corresponding to the avatar, wherein the shooting preview interface includes a shooting prompt box, and the size ratio of the shooting prompt box Match the size ratio of the avatar.
  • Step 507 Obtain the corresponding video data in the shooting prompt frame, process the acquired video data by using the first processing method corresponding to the first avatar, and obtain the image resource of the second avatar corresponding to the second user.
  • the image in the first avatar may be the virtual image corresponding to the first user, such as a comic image or a 3D doll, etc.
  • the first processing method may be, for example, the processing method based on the preset style transfer model described above. will not be described in detail.
  • the first processing method may also be to use the props provided by the short video application for shooting short videos to process the video data including the user's face image to obtain corresponding avatar resources, such props may include comic props and the like.
  • Step 508 after it is determined that the setting of the second avatar is completed, publish the image resource corresponding to the second avatar as a new content of the work.
  • Step 509 displaying the setting completion notification, and obtaining the current page information of the second target page corresponding to the second user after the setting completion notification is triggered, wherein the second target page is the personal homepage of the second user.
  • Step 510 when it is determined according to the current page information that the second target page is a personal homepage and the current display mode of the background image is a static display mode, determine that the display mode of the second avatar is a dynamic display mode.
  • the dynamic display mode is mutually exclusive, that is, the avatar and the background image will not be in the dynamic display mode at the same time, so as to avoid mutual interference between the two , while dynamically playing the background image, dynamically adjust the display size of the background image according to the operation track, which can further enhance the interest and watch the dynamic background image clearly and conveniently.
  • it supports the update setting of the background image. After the setting is completed, the new background image can be published as a work, which enriches the video publishing function of the application, and can prompt other users in this novel way that the current user has updated the avatar or The background image further enriches the functions of the application and improves the user experience.
  • the original image information includes at least one of low frequency information and illumination information.
  • the device further includes: a shooting preview interface display module, configured to display a shooting preview interface in the application program to which the target page belongs, wherein the shooting preview interface includes a shooting prompt box, and the size ratio of the shooting prompt box is the same as The size ratio of the target image is matched; the resource generation module is configured to generate a corresponding target image resource of the target image according to the corresponding video data in the shooting prompt box.
  • a shooting preview interface display module configured to display a shooting preview interface in the application program to which the target page belongs, wherein the shooting preview interface includes a shooting prompt box, and the size ratio of the shooting prompt box is the same as The size ratio of the target image is matched
  • the resource generation module is configured to generate a corresponding target image resource of the target image according to the corresponding video data in the shooting prompt box.
  • the above-mentioned computer-readable medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two.
  • a computer readable storage medium may be, for example, but not limited to, an electrical, 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 diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable 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 above.
  • the modules involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the module does not constitute a limitation of the module itself under certain circumstances.
  • the image display module can also be described as "displaying the target image corresponding to the corresponding target image in the target display mode on the target page.” resource module”.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs System on Chips
  • CPLD Complex Programmable Logical device
  • an image display method including:
  • the target page includes a target image
  • the current page information includes at least one of page attribute information, page interaction information, and page display status information
  • the target display mode is a dynamic display mode or a static display mode
  • the single frame image of the second preset frame number in the target image resource corresponding to the corresponding target image is statically displayed on the target page.
  • the target display mode corresponding to the target image is a dynamic mode
  • the target display mode corresponding to the target image is a dynamic mode or a static mode.
  • the determining the target display mode corresponding to the target image according to the current page information includes:
  • the current page information includes page interaction information
  • the target display mode corresponding to the target image is a dynamic display mode, wherein the second preset operation includes a sliding operation, a click operation or long press operation.
  • the target image includes a background image
  • the second preset operation includes a sliding operation
  • displaying the target image resource corresponding to the target image in the target display mode on the target display page includes:
  • the image in the target image includes a virtual image obtained by processing the image of the target object.
  • a target image resource containing a target image for an avatar is obtained by:
  • the original image information in the video data is integrated into the initial image resource to obtain a target image resource.
  • the original image information includes at least one of low frequency information and illumination information.
  • the shooting preview interface includes a shooting prompt box, and the size ratio of the shooting prompt box matches the size ratio of the target image
  • a target image resource of a corresponding target image is generated according to the corresponding video data in the shooting prompt frame.
  • the target image on the target page corresponds to the first user
  • the target image resource corresponding to the target image is obtained by processing the video data corresponding to the first user in a preset processing manner; the method also include:
  • an image display device including:
  • the image display module is configured to display the target image resource corresponding to the target image in the target display mode on the target page, wherein the target image resource is a file whose image content changes dynamically.

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)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Health & Medical Sciences (AREA)
  • Oral & Maxillofacial Surgery (AREA)
  • Software Systems (AREA)
  • General Health & Medical Sciences (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Computer Graphics (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了图像显示方法、装置、设备及存储介质。该方法包括：获取目标页面对应的当前页面信息，根据当前页面信息确定包含于目标页面的目标图像对应的目标显示方式，且对应的目标图像资源包括图像内容动态变化的文件，目标显示方式为动态显示方式或静态显示方式，最后，根据目标显示方式在目标页面显示相应目标图像对应的目标图像资源。

Description

图像显示方法、装置、设备及存储介质
本申请要求在2021年6月17日提交中国专利局、申请号为202110673990.5的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及图像显示方法、装置、设备及存储介质。
背景技术
随着互联网技术的快速发展，多种应用程序层出不穷，应用程序中的图像显示也越来越丰富。
用户在使用应用程序时，对于注册用户来说，通常可以允许用户针对自己的账号设置个性化的图像。
然而，目前用户设置的图像的显示方式和显示效果单调乏味，有待于优化。
发明内容
本公开实施例提供了图像显示方法、装置、存储介质及设备，可以改善相关技术中的图像显示方案。
第一方面，本公开实施例提供了一种图像显示方法，包括：
获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
第二方面，本公开实施例提供了一种图像显示装置，包括：
页面信息获取模块，设置为获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
显示方式确定模块，设置为根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
图像显示模块，设置为在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
第三方面，本公开实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例提供的图像显示方法。
第四方面，本公开实施例提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如本公开实施例提供的图像显示方法。
附图说明
图1为本公开实施例提供的一种图像显示方法的流程示意图；
图2为本公开实施例提供的一种目标页面示意图；
图3为本公开实施例提供的又一种目标页面示意图；
图4为本公开实施例提供的一种拍摄预览界面示意图；
图5为本公开实施例提供的又一种图像显示方法的流程示意图；
图6为本公开实施例提供的再一种图像显示方法的流程示意图；
图7为本公开实施例提供的一种图像显示装置的结构框图；
图8为本公开实施例提供的一种电子设备的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过多种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的多个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
下述多个实施例中，每个实施例中提供了示例特征，实施例中记载的多个特征可进行组合，形成多个示例方案，不应将每个编号的实施例仅视为一个技术方案。
图1为本公开实施例提供的一种图像显示方法的流程示意图，该方法可以由图像显示装置执行，其中该装置可由软件和/或硬件实现，一般可集成在电子设备中。该电子设备可以为手机、智能手表、平板电脑以及个人数字助理等移动设备；也可为台式计算机等其他设备。如图1所示，该方法包括：
步骤101、获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种。
本公开实施例中的页面可以是预设应用程序中的页面，预设应用程序的类型等具体不做限定，可以是具备社交功能的社交类应用程序，如短视频应用程序、即时通信应用程序或直播应用程序等，还可是其他类型的应用程序。目标页面可以包括预设应用程序中即将进行显示或当前正在显示的页面。例如，用户可以通过账号登录预设应用程序。
本公开实施例中，目标页面中包含目标图像，示例性地，目标图像可以包括头像或背景图，还可以同时包括头像和背景图，还可以包括其他形式的图像。头像和/或背景图在目标页面中的显示区域的形状、尺寸和位置等不做限定，可以根据目标页面的实际布局需求来设定。示例性的，头像一般与用户的账号相对应，可以作为用户的一种身份信息，显示形状例如可以是圆形或矩形，可以显示于账号名附近；背景图的显示区域可以占满整个目标页面，也可以是占用目标页面的一部分。示例性的，背景图包括头图，头图可以理解为在应用程序页面或浏览器网页的主页中位于最上端或中心位置的图片，此时，目标页面具体可以是主页面， 如用户的个人主页等。
示例性的，以短视频应用为例进行说明。图2为本公开实施例提供的一种目标页面示意图，图2所示目标页面可以是短视频应用中的视频播放页面，该页面中显示的目标图像包括头像201。图3为本公开实施例提供的又一种目标页面示意图，图2所示目标页面可以是短视频应用中的个人主页页面，该页面中显示的目标图像包括头像301和头图302。
本公开实施例中，页面信息可以包括页面属性信息、页面交互信息或页面显示状态信息等，也可以同时包括上述信息中的多种信息，也可以包括其他信息，具体不做限定。示例性的，所述当前页面信息包括所述目标页面对应的页面属性信息、页面交互信息和页面显示状态信息中的至少一种。其中，页面属性信息中可以包括页面类型等信息，页面类型的具体类型划分方式不做限定，可以根据预设应用程序的实际需求进行设置，以短视频应用为例，可包括用户个人主页、视频播放页、视频列表页以及其他多种类型的交互页面。页面显示状态的具体状态划分方式不做限定，可以根据预设应用程序的实际需求进行设置，以短视频应用中的用户个人主页为例，可以包括主人状态(可以理解为当前浏览页面的用户与个人主页的用户相同)和客人状态(可以理解为当前浏览页面的用户与个人主页的用户不同)，当用户个人主页中包含视频列表时，还可包括视频静止状态和视频预览状态等；页面显示状态还可包括目标页面的显示触发方式，如以短视频应用中的视频播放页为例，可以是在视频推荐模式下触发显示视频播放页，还可以是从视频播放列表中根据用户的选择操作触发显示视频播放页等。页面交互信息例如可以包括当前用户在目标页面中输入的交互操作所对应的操作对象、操作类型、操作时序、操作时长以及其他相关交互操作信息，其中，操作对象可以包括目标图像，还可以包括目标页面中的其他内容，具体不做限定。
此外，对于目标页面当前已处于显示状态的情况，目标图像可能也处于显示状态，当前页面信息中还可包括目标图像的相关信息，如目标图像的当前显示状态(可包括已显示或未显示等)或目标图像的当前显示方式等。
步骤102、根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式。
示例性的，动态显示方式包括动态播放图像，也即连续显示至少两个内容不同的图像，对于目标图像来说，可以理解为动态播放目标图像对应的目标图像资源中的图像帧；静态显示方式包括静态显示图像，也即固定显示一个画面内容持续不变的图像，对于目标图像来说，可以理解为静态显示目标图像对应的目标图像资源中的某个图像帧。其中，动态显示方式可以存在一种或多种，静态显示方式也可以存在一种或多种，可以预先设定不同的页面信息所对应的显示方式，进而根据当前页面信息确定目标图像对应的目标显示方式。
例如，可以预先设置头像和/或背景图对应的多种候选显示方式，候选显示方式可以包括一种或多种动态显示方式，还可包括一种或多种静态显示方式。示例性的，可以预先设置不同的页面信息与不同的候选显示方式之间的对应关系，基于该对应关系根据当前页面信息确定目标图像对应的目标显示方式。需要说明的是，对于头像和背景图来说，上述对应关系可以是不同的，也可以是相同的，可根据实际需求进行设置。也即，当目标页面中同时包括头像和背景图时，头像对应的目标显示方式和背景图对应的目标显示方式可以不同，也可以相同。
步骤103、在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
示例性的，当在页面中进行图像显示时，一般需要根据相应的图像资源进行显示。在相关技术中，头像和背景图显示效果和视觉效果单调乏味，且缺乏互动性。而本公开实施例中，目标图像对应的目标图像资源是图像内容动态变化的文件，例如可以是视频格式的文件，还可以是动态图片格式的文件，如图形交换格式(Graphics Interchange Format，GIF)等，具体 不做限定。目标图像资源的存储位置不做限定，可以是电子设备本地，也可以是预设应用程序对应的服务端等。在需要对目标图像进行显示时或需要对目标图像的显示进行刷新时等情况下，可以获取目标图像对应的目标图像资源中的全部数据或部分数据进行相应的显示。示例性的，目标图像资源中可以包括多个按照播放时序排列的图像帧，上述全部数据或部分数据可以包括全部图像帧或部分图像帧对应的数据。
示例性的，在确定了目标图像对应的目标显示方式之后，可以获取相应的目标图像资源的全部数据或部分数据，按照目标图像对应的目标显示方式对目标图像资源对应的全部图像或部分图像进行显示。例如，目标图像包括头像和背景图，头像对应的目标显示方式为动态显示方式，背景图对应的目标显示方式为静态显示方式，则可以获取头像对应的目标图像资源中的至少两个图像对应的数据，并动态播放该至少两个图像，获取背景图对应的目标图像资源中的一个图像对应的数据，并静态显示该图像。
本公开实施例中提供的图像显示方案，获取目标页面对应的当前页面信息，根据当前页面信息确定包含于目标页面的目标图像对应的目标显示方式，其中，目标图像包括头像和/或背景图，且对应的目标图像资源包括图像内容动态变化的文件，目标显示方式为动态显示方式或静态显示方式，最后，根据目标显示方式在目标页面显示相应目标图像对应的目标图像资源。通过采用上述技术方案，页面中的目标图像的图像资源可以被设置为图像内容动态变化的文件，当需要在页面中显示目标图像时，根据实际的页面信息来选择该图像资源对应的显示方式，使得目标图像可以在不同情况下进行不同方式的显示，丰富对用户的交互操作进行反馈的方式，提升交互体验。
例如，当目标图像包括头像和/或头图时，页面中的头像或背景图的图像资源可以被设置为图像内容动态变化的文件，当需要在页面中显示头像或背景图时，根据实际的页面信息来选择该图像资源对应的显示方式，使得头像或背景图可以在不同情况下进行不同方式的显示，丰富头像或背景图的显示效果和视觉效果，显示更加个性化，增加趣味性。
在一些实施例中，当目标显示方式为动态显示方式时，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：在所述目标页面连续动态播放相应目标图像对应的目标图像资源中的图像帧；或，在所述目标页面中循环播放相应目标图像对应的目标图像资源达到预设次数后，停止播放并显示其中的第一预设帧序号的单帧图像，其中，一次循环包括从目标图像资源中的第一帧开始连续动态播放至最后一帧。这样可以提供多种动态显示方式，进一步丰富动态播放效果。
示例性的，在目标页面连续动态播放相应目标图像对应的目标图像资源中的图像帧，可以理解为在确定目标图像对应的目标显示方式为动态显示方式后，开始从对应的目标图像资源中的预设图像帧开始依次播放图像帧，直到满足预设播放停止条件，如用户输入停止播放指令或退出目标页面等，其中，预设图像帧一般为第一帧，也即帧序号为1的帧。对于这种动态显示方式来说，所播放的图像帧的个数可以小于或等于目标图像资源中的图像帧的总数，每个图像帧的播放次数可以大于或等于0。例如，目标图像资源中的图像帧的总数为10，可以从图像帧1(第一帧)开始依次播放图像帧2、图像帧3……，若播放至图像帧5时，用户输入停止播放指令，则停止播放，若播放至图像帧10后，未满足预设播放停止条件，可重新播放图像帧1。
示例性的，在目标页面中循环播放相应目标图像对应的目标图像资源达到预设次数后，停止播放并显示其中的第一预设帧序号的单帧图像，这样可以自动控制循环播放次数，避免持续动态播放影响用户观看目标页面中的其他内容。预设次数可以根据实际需求设置，例如1次或2次等。第一预设帧序号可以根据实际需求设置，例如为1，也即循环播放完成后静止显示第一帧图像。当然，第一预设帧序号也可以是其他序号，如最后一帧的序号或中间帧的序号等。
在一些实施例中，当目标显示方式为静态显示方式时，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：在所述目标页面静态显示相应目标图像对应的目标图像资源中的第二预设帧序号的单帧图像。第二预设帧序号可以根据实际需求设置，例如为1，也即在确定目标显示方式为静态显示方式时，静止显示第一帧图像。当然，第二预设帧序号也可以是其他序号，如最后一帧的序号或中间帧的序号等。
在一些实施例中，所述页面属性信息包括页面类型；所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：根据目标页面对应的页面类型确定目标图像对应的目标显示方式为动态方式；或者，根据目标页面对应的页面类型确定目标图像对应的目标显示方式为静态方式；或者，根据目标页面对应的页面类型和当前页面信息中的预设信息确定目标图像对应的目标显示方式为动态方式或静态方式。其中，预设信息可以是当前页面信息中的其他信息，如页面交互信息或页面显示状态信息等。例如，在所述当前页面信息对应第一页面类型时，目标图像对应的目标显示方式为动态显示方式；在所述当前页面信息对应第二页面类型时，目标图像对应的目标显示方式为静态显示方式；在所述当前页面信息对应第三页面类型时，目标图像对应的目标显示方式根据所述当前页面信息中的其他信息确定。这样可以根据页面类型快速确定一些页面中头像和/或背景图的显示方式。也就是说，对于某些页面来说，其中包含的头像和/或背景图的显示方式固定为动态显示方式；对于某些页面来说，其中包含的头像和/或背景图的显示方式固定为静态显示方式；对于某些页面来说，其中包含的头像和/或背景图的显示方式可以是根据页面信息中的其他信息依据实际情况动态确定的。
示例性的，以短视频应用为例，当页面类型为头像或背景图的预览页面(第一页面类型)时，显示方式可以固定为动态显示方式。当页面类型为直播页面(第二页面类型)时，一般包含头像，此时头像的显示方式可以固定为静态显示方式，避免对直播内容造成干扰。当页面类型为个人主页(第三页面类型)时，可以根据其他信息确定，如头像类型，当头像添加有动态挂件时，可以为静态显示方式，当头像未添加动态挂件时，可以为动态显示方式等；又如，当页面类型为视频播放页面(第三页面类型)时，可以根据页面显示状态确定，如在视频推荐模式下触发显示视频播放页，可以为动态显示方式，如从视频播放列表中根据用户的选择操作触发显示视频播放页，可以为静态显示方式。
在一些实施例中，所述当前页面信息包括页面交互信息；所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：在页面交互信息中包含第一预设操作的情况下，目标图像对应的目标显示方式为动态显示方式；所述第一预设操作包括针对所述目标页面中第一内容的交互操作。这样可以以动态播放头像的方式对用户的交互操作进行反馈，使交互反馈方式更加直观新颖，进一步提升趣味性，丰富应用程序功能的同时，可有效提升交互体验。
在一些实施例中，所述当前页面信息包括页面交互信息；所述目标页面中的目标图像对应于第一用户。所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：在页面交互信息中包含第二用户输入的第一预设操作的情况下，头像对应的目标显示方式为动态显示方式；其中，所述第二用户与所述第一用户不同，所述第一预设操作包括针对所述目标页面中由所述第一用户发布的第一内容的交互操作。这样可以以动态播放头像的方式对不同用户之间的交互操作进行反馈，使不同用户之间的交互反馈方式更加直观新颖，进一步提升趣味性，丰富应用程序功能的同时，可有效提升交互体验。
例如，可以有多种形式的第一预设操作，例如多种形式的交互操作，不同的第一预设操作可以对应不同的动态显示方式，可以进一步丰富基于交互的图像显示效果，提升交互体验。
例如，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：在所述目标页面中循环播放头像对应的目标图像资源达到预设次数后，停止播放并显示其中的第三预设帧序号的单帧图像，其中，一次循环包括从目标图像资源中的第一帧开始连续动态播放至最后一帧。例如，预设次数为1次。
示例性的，目标页面可用于展示第一用户发布的第一内容，该第一内容可称为作品内容，可以是图片、文字、音频或视频等多种形式的信息或文件等，具体不做限定。第二用户在观看第一内容时，可以产生很多形式的交互操作，交互操作可以由用户在电子设备上直接实施，如通过手指触摸屏幕等。示例性的，交互操作可以通过交互控件输入，交互控件例如可以是正向交互控件，如点赞控件、关注控件以及评论控件等等。当第二用户输入交互操作后，可以循环播放一次头像的图像资源，之后停留在第三预设帧序号的单帧图像，第三预设帧序号可以自由设置，如第一帧的序号。例如，第二用户在观看第一用户发布的短视频后，很喜欢该短视频，可以点击点赞控件，页面中的第一用户的头像循环播放一次进行回应，让第二用户能够快速直观地感受到第一用户的反馈。
在一些实施例中，所述当前页面信息包括所述目标页面对应的页面交互信息；根据所述当前页面信息确定目标图像对应的目标显示方式，包括：在页面交互信息中包含用户输入的针对目标图像的第二预设操作时，目标图像对应的目标显示方式为动态显示方式，其中，所述第二预设操作包括滑动操作、点击操作或长按操作。这样可以便捷地实现背景图的动态播放。例如，这里的目标图像可以是背景图。
例如，针对不同的第二预设操作可以对应不同的动态显示方式，可以进一步丰富基于交互的图像显示效果，提升交互体验。
例如，所述目标图像包括背景图；所述第二预设操作包括滑动操作，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：在所述目标页面中动态播放背景图对应的目标图像资源中的图像帧，并在播放过程中跟随第二预设操作的滑动轨迹动态调整背景图的显示尺寸。例如，可以是：在所述目标页面中从背景图对应的目标图像资源中的第四预设帧号的图像帧开始连续动态播放，并在播放过程中跟随滑动轨迹动态调整背景图的显示尺寸。背景图例如头图，图像尺寸一般较大，为了避免过多占用页面显示空间，在未被用户操作前，可以作为页面点缀并控制其显示尺寸，而当用户针对背景图进行操作时，可以变更(如放大)显示尺寸，以便更完整或更清晰地显示背景图中的图像内容。在动态播放的过程中配合滑动轨迹进行显示尺寸的调整，可以进一步提升趣味性，便捷地观看动态的背景图，丰富应用程序功能。
示例性的，第二预设操作可以是按住屏幕(可以是背景图所在位置，也可以是目标页面中的其他位置)并进行滑动，背景图的显示尺寸可以沿着滑动方向进行延伸，若滑动方向变更为反方向，则背景图的显示尺寸可以沿着滑动方向回缩。
在一些实施例中，所述页面显示状态信息中包括所述目标图像的当前显示方式；其中，所述目标页面中的目标图像同时包括第一目标图像和第二目标图像，所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：在第一目标图像的当前显示方式为动态显示方式以及第二目标图像的当前显示方式为静态显示方式的情况下，检测到针对所述第二目标图像的第三预设操作，则确定所述第一目标图像对应的目标显示方式为静态显示方式，所述第二目标图像对应的目标显示方式为动态显示方式。例如，所述第一目标图像为头像或背景图。可以理解为，第一目标图像为头像，第二目标图像为背景图；或者，第一目标图像为背景图，第二目标图像为头像。这样当页面中同时包含头像和背景图时，可以避免同时播放头像和背景图，防止两者的播放互相干扰。其中，第三预设操作可以是触发第二目标图像进行动态显示方式显示的操作，具体类型不做限定。
在一些实施例中，所述目标图像中的形象包括对目标对象的图像进行处理后得到的虚拟形象。其中，目标对象可以是人物，如某个用户，还可以是动物等。这样可以使得目标图像更富有趣味性。另外，当目标对象为用户时，可以对用户的真实图像进行处理得到虚拟形象，这样可以帮助查看目标图像的用户更加快速地确认目标图像所属用户的身份。当目标图像中的形象是对用户的真实图像进行处理后得到的虚拟形象时，该虚拟形象一般能够保留用户的 一些真实的特征，可便于其他用户辨认，且此时的虚拟形象更具有趣味性，有利于提升目标图像的视觉效果。虚拟形象例如可包括漫画形象或人偶等，人偶可以是三维立体(3D)人偶。需要说明的是，本公开实施例对目标图像中包含的形象的数量不做限定，也即可以包括一个或多个目标对象对应的形象。
在一些实施例中，包含虚拟形象的目标图像的目标图像资源通过以下方式得到：响应于用户触发拍摄功能的操作，获取包含目标对象面部图像的视频数据；检测所述视频数据中的面部关键点；将所述面部关键点和所述视频数据输入至预设风格迁移模型中，得到包含虚拟形象的初始图像资源；将所述视频数据中的原始图像信息融入所述初始图像资源中，得到目标图像资源。所生成的目标图像资源中的虚拟形象更加贴合用户的真实特征，且保留了用户视频数据中的一些图像信息，更加贴合用户对目标图像的设置需求和审美需求。例如，所述原始图像信息包括低频信息和光照信息中的至少一种。需要说明的是，所述目标对象包括人物、动物及其他具有面部特征的物体。
示例性的，视频数据是响应于用户触发拍摄功能的操作，通过电子设备中的摄像头等图像采集装置采集得到的。需要说明的是，若视频数据中不包含目标对象面部图像，可以进行提醒，而不进入后续的如检测面部关键点等操作。若通过电子设备采集得到，也可在采集过程中进行实时的面部检测，在确定拍摄画面中不包含面部时，进行提醒，例如提示用户调整电子设备位置或调整自身头部位置等。对于包含目标对象面部图像的视频数据一般存储于电子设备本地。
示例性的，面部关键点的数量和具体位置可以根据实际情况设置，例如可包括面部区域最小包围盒上的点，还可包括眼角或鼻尖等五官上的点。预设风格迁移模型例如可以是生成式对抗网络模型，具体的模型结构和模型参数等不做限定。例如，针对不同的虚拟效果设置不同的预设风格迁移模型，可以通过展示样片的方式向用户提供预设风格迁移模型的选项，由用户根据自身喜好选择合适的预设风格迁移模型。其中，低频信息例如可以包括肤色信息等。在得到模型输出的初始图像资源后，可以将原始图像信息迁移至初始图像资源中，与初始图像资源中的图像的同层次信息进行融合，得到最终的目标图像资源。
示例性的，以视频数据中的一帧图像为例进行具体说明。检测视频帧中的面部关键点，并确定包含面部关键点的包围盒。将视频帧、包围盒和预设位置处的面部关键点输入预设风格迁移模型中，得到包含虚拟形象的初始图像。其中，预设位置可以包括左眼位置、右侧眉毛的眉头位置和眉尾位置，鼻子下方的左侧位置。其中，初始图像中的虚拟形象具备预设风格迁移模型对应的目标风格特征和视频帧的内容特征，目标风格特征可以是预设风格迁移模型从样本图像集的图像中学习得到的风格特征，如动漫风格特征。提取视频帧中的原始图像信息，例如低频信息和光照信息，将低频信息和光照信息与初始图像的同层次信息进行融合，得到目标图像。最后，根据视频数据中的多个视频帧对应的目标图像生成最终的目标图像资源。由于图像的频率是表征图像中灰度变化剧烈程度的指标，图像中灰度变化缓慢的区域对应为低频信息，通过低频信息可以表示视频帧中面部的概貌，而光照信息可以更加真实地还原当前拍摄环境信息，从而使得目标图像中虚拟形象更加接近真实的目标对象。此外，当需要生成3D人偶的虚拟形象时，在预设风格迁移模型的训练过程中，可以对样本图像集中的图像进行优化。例如，基于三维模型和样本图像集中的原始样本图像生成包含三维面部的样本图像，从而使得预设风格迁移模型在训练过程中不仅能够学习到动漫风格等风格特征，还能够学习到三维面部信息，从而可以快速地生成包含3D人偶的虚拟形象。
在一些实施例中，还可包括：在目标页面所属应用程序中显示拍摄预览界面，根据拍摄预览界面中对应的视频数据生成对应的目标图像的目标图像资源。这样可以允许用户在预设应用程序中通过视频拍摄的方式便捷地完成目标图像的设置。以头像为例，用户可以在头像设置页面触发拍摄动态头像的控件，进入应用程序中的拍摄预览界面，触发拍摄按钮后，电 子设备开始采集视频图像，用于生成对应的目标图像资源。
例如，所述拍摄预览界面中包含拍摄提示框，所述拍摄提示框的尺寸比例与目标图像的尺寸比例匹配；相应的，根据所述拍摄提示框内对应的视频数据生成对应的目标图像的目标图像资源。通过显示拍摄提示框的方式，向用户提示即将生成的目标图像对应的图像采集区域，使用户可以快速直观地调整自身头部位置，减少后期用户手动调整目标图像的内容所在区域的相关操作，提升目标图像资源的生成效率。例如，拍摄提示框可以以蒙层(如灰色区域)的形式进行显示，蒙层所覆盖区域内的图像内容不会进入目标图像资源中，而未被蒙层覆盖的区域内的图像内容为目标图像资源中的图像内容。例如，对于头像来说，头像在显示时为圆形，非蒙层区域可以是一个圆形区域，图4为本公开实施例提供的一种拍摄预览界面示意图，如图4所述，拍摄提示框401以蒙层形式显示，非蒙层区域402为圆形；对于背景图来说，非蒙层区域可以是一个矩形区域，该矩形区域的长宽比例与目标图像资源中图像对应的长宽比例一致。例如，拍摄提示框可以以道具的形式存在，例如，在显示拍摄预览界面时，调用拍摄提示框对应的道具组件，进而在拍摄预览界面中显示拍摄提示框。
在一些实施例中，所述目标页面所属应用程序包括短视频应用程序，所述方法还包括：在根据用户设置生成目标图像对应的目标图像资源之后，将所述目标图像资源作为新的短视频进行发布。这样可以提供一种新的短视频发布方式，丰富短视频应用程序的视频发布功能，且能够以这种新颖的方式提示其他用户当前用户更新了头像或背景图。例如，将所述目标图像资源作为新的短视频进行发布，可以包括：在接收到用户输入的发布视频指示(如勾选发布视频选项)时，将所述目标图像资源作为新的短视频进行发布。
在一些实施例中，所述目标页面中的目标图像对应于第一用户，还可包括：在所述目标页面接收第二用户输入的针对所述目标图像的第五预设操作，进入所述目标图像对应的设置页面。这样可以允许用户在客人态快速进入目标图像对应的设置页面。第五预设操作具体不做限定，例如长按目标图像；或者点击目标图像，展示目标图像的放大图并显示图像设置按钮，点击图像设置按钮。其中，在设置页面中，可以导入视频数据，还可以通过拍摄的方式采集视频数据，具体不做限定。若以拍摄的方式采集视频数据，则此时的设置页面也可以是上文所述的拍摄预览界面。
在一些实施例中，还可包括：在确定目标图像设置完毕后，显示设置完成通知，在所述设置完成通知被触发后，显示目标页面。在目标图像完成设置后，可以通过触发通知的方式快速进入目标页面，以供用户查看实际的设置效果，其中，设置完成通知可以以站内信的形式发送给用户。例如，若目标图像对应的设置页面从客人状态(例如第二用户正在查看第一用户的相关信息，此时对于第二用户来说，可以理解为客人状态)进入，则显示当前用户(如第二用户)对应的目标页面。例如，假设第二用户正在查看第一用户的个人主页，发现第一用户的头像可以动态播放，可以通过输入的针对该头像的第四预设操作，进入头像对应的设置页面，在设置页面上完成头像设置后，会显示头像设置完成通知，第二用户触发该头像设置完成通知后，显示第二用户的个人主页，从而使得第二用户可以快速查看到新设置的头像在自己的个人主页中的显示效果。
在一些实施例中，所述目标页面中的目标图像对应于第一用户，所述目标图像对应的目标图像资源通过采用预设处理方式对所述第一用户对应的视频数据进行处理得到；所述方法还包括：响应于在所述目标页面接收的第二用户输入的针对所述目标图像的第四预设操作，进入所述目标图像对应的设置页面；通过所述设置页面接收所述第二用户对应的视频数据，并采用所述预设处理方式对所述第二用户对应的视频数据进行处理，得到所述第二用户对应的目标图像的图像资源。在当前用户看到其他用户的头像或背景图等目标图像后，若想要设置同款，则可以通过上述方案快速得到同款头像或背景图，增强趣味性，也提升了用户操作的便捷度。其中，第四预设操作具体不做限定，例如长按目标图像；或者点击目标图像，展 示目标图像的放大图并显示图像设置按钮，点击图像设置按钮。第一处理方式例如可包括上文所述的得到包含虚拟形象的目标图像的处理方式，还可包括上文所述的拍摄提示框，还可包括设置头像或背景图过程中所涉及的一些道具。
图5为本公开实施例提供的又一种图像显示方法的流程示意图，本公开实施例以上述实施例中多个示例方案为基础进行细化，以短视频应用为例进行说明，例如，该方法包括如下步骤：
步骤501、获取第一目标页面对应的当前页面信息，其中，第一目标页面为第一用户发布的第一内容的播放页面。
示例性的，以短视频应用为例，第一内容可以是第一用户发布的短视频。本步骤中，可以在即将显示第一目标页面之前获取其对应的当前页面信息，也可以在第一目标页面处于显示状态的情况下获取其对应的当前页面信息，具体获取时机不做限定。需要说明的是，每次获取当前页面信息时，所需获取的信息可以不同。
步骤502、在根据当前页面信息确定第一目标页面在内容推荐模式下触发显示时，确定第一目标页面中的第一头像对应的目标显示方式为动态显示方式。
例如，在根据当前页面信息确定第一目标页面从个人主页中的内容播放列表中根据用户的选择操作触发显示时，确定第一目标页面中的第一头像对应的目标显示方式为静态显示方式。一般个人主页中也包含头像，若之前已经显示过个人主页，说明当前用户已经观看过动态播放的头像，此时在第一目标页面中可以静态显示头像。
步骤503、在第一目标页面中循环播放一次第一头像对应的图像资源，停止播放并显示第一帧。
步骤504、再次获取第一目标页面对应的当前页面信息，在当前页面信息的页面交互信息中包含第二用户输入的第一预设操作的情况下，确定第一头像对应的目标显示方式为动态显示方式。
其中，第二用户可以理解为当前正在观看第一目标页面的用户。第一预设操作为针对第一内容的交互操作，如触发点赞控件或输入评论信息等。
步骤505、在第一目标页面中循环播放一次第一头像对应的图像资源，停止播放并显示第一帧。
步骤506、在第一目标页面接收第二用户输入的针对第一头像的第四预设操作，进入头像对应的拍摄预览界面，其中，拍摄预览界面中包含拍摄提示框，拍摄提示框的尺寸比例与头像的尺寸比例匹配。
步骤507、获取拍摄提示框内对应的视频数据，采用第一头像对应的第一处理方式对所获取的视频数据进行处理，得到第二用户对应的第二头像的图像资源。
其中，第一头像中的形象可以是第一用户对应的虚拟形象，如漫画形象或3D人偶等，第一处理方式例如可以是上文所述的基于预设风格迁移模型的处理方式，此处不再详述。第一处理方式还可以是利用短视频应用提供的用于拍摄短视频的道具来对包含用户脸部图像的视频数据进行处理得到相应的头像资源，该道具例如可以包括漫画道具等。
步骤508、在确定第二头像设置完毕后，将第二头像对应的图像资源作为新的作品内容进行发布。
例如，判断是否接收到用户输入的同步发布为作品指示，若接收到指示则将第二头像对应的图像资源作为新的作品内容进行发布。
步骤509、显示设置完成通知，在设置完成通知被触发后，获取第二用户对应的第二目标页面的当前页面信息，其中，第二目标页面为第二用户的个人主页。
步骤510、在根据当前页面信息确定第二目标页面为个人主页且背景图的当前显示方式为静态显示方式时，确定第二头像的显示方式为动态显示方式。
步骤511、在第一目标页面中循环播放一次第一头像对应的图像资源，停止播放并显示第一帧。
可以理解的是，在其他实施例中，所述步骤502-505还可以为第一目标页面中的背景图的显示方式，所述步骤506-511还可以为用户针对第一目标页面中的背景图的操作。
本公开实施例提供的图像显示方法，在内容推荐模式下需要显示包含头像的内容播放页面时，动态播放一次动态头像并静止显示头像第一帧，当用户输入交互操作后，再次动态播放一次动态头像对该交互操作进行回应，当用户需要设置同款头像时，可以针对期望的同款头像输入操作，进而进入头像的拍摄预览界面，在拍摄预览界面中的拍摄提示框的提示下快速准确地进行包含脸部图像的视频数据的录制，并自动生成同款头像，头像设置完毕后，可以将头像作为短视频同步发布，并通过触发通知的方式快速跳转自用户个人主页查看头像的动态显示效果。通过采用上述技术方案，在丰富头像的显示效果和视觉效果的同时，增加了新的基于头像的互动方式，且支持同款头像的设置，提高了动态头像设置的便捷性，从多个维度增强了应用程序的趣味性，有效提升用户体验。
图6为本公开实施例提供的再一种图像显示方法的流程示意图，本公开实施例以上述实施例中多个示例方案为基础进行细化，以短视频应用为例进行说明，例如，该方法包括如下步骤：
步骤601、获取待显示的第一目标页面对应的当前页面信息。
其中，假设第一目标页面为第一用户的个人主页。示例性的，以短视频应用为例，个人主页中可以同时包括头像和背景图，该背景图可以是头图。本步骤中，可以在即将显示第一目标页面时(如检测到用户触发第一目标页面的显示入口)获取其对应的当前页面信息。
步骤602、在根据当前页面信息确定第一目标页面为个人主页时，确定第一目标页面中的第一头像对应的目标显示方式为动态显示方式，第一背景图对应的目标显示方式为静态显示方式。
示例性的，在进入个人主页时，可以默认播放动态头像，为了避免头像和背景图之间产生干扰，可以默认静态显示背景图。
步骤603、显示第一目标页面，在第一目标页面中静态显示头图对应的图像资源中的第一帧图像，并从第一头像的第一帧图像开始动态播放对应的图像资源。
步骤604、再次获取第一目标页面对应的当前页面信息，在当前页面信息的页面交互信息中包含第一用户输入的针对第一背景图的第二预设操作的情况下，确定第一头像对应的目标显示方式为静态显示方式，确定第一背景图对应的目标显示方式为动态显示方式。
需要说明的是，每次获取当前页面信息时，所需获取的信息可以不同，如步骤601中，第一目标页面未处于显示状态，则可以获取页面类型，若第一目标页面已经处于显示状态，则页面类型已经确定，可无需再次获取，此时可以获取其他信息，如页面交互信息。第二预设操作可以理解为触发背景图动态播放的操作，例如可以是按住第一背景图并向下拖动的操作。
例如，若首次向用户展示图像资源为图像内容动态变化的文件的背景图时，且背景图当前的显示方式为静态显示方式，则可以显示与第二预设操作相匹配的操作提示，例如，背景图或标题栏(title bar)在第二预设操作对应的滑方向上往复移动，形成震动的提示效果，使用户快速熟知触发背景图动态播放的操作方式。
步骤605、在第一目标页面中停止播放第一头像对应的图像资源，并静态显示其中的第一帧图像，从第一背景图对应的目标图像资源中的第一帧图像开始连续动态播放，并在播放过程中跟随第二预设操作的滑动轨迹动态调整背景图的显示尺寸。
示例性的，以头图为例，可以按住屏幕并向下滑动，例如，该操作可以通过下拉标题栏来实现，滑动过程中头图动态播放且头图显示尺寸在高度方向随着滑动轨迹逐渐变大，当用 户松手或反向滑动时，头图继续动态播放且头图显示尺寸在高度方向随着滑动轨迹逐渐变小，最后恢复至接收到第二预设操作之前的显示状态。
步骤606、在第一目标页面接收第一用户输入的针对第一背景图的第四预设操作，进入背景图对应的设置页面。
例如，第四预设操作可以是点击背景图进入背景图预览界面，触发背景图预览界面中的拍摄按钮，进入背景图对应的设置页面，该设置页面可以是应用程序中的短视频拍摄器的预览界面。
步骤607、通过设置页面接收包含第一用户的脸部图像的视频数据。
步骤608、检测视频数据中的面部关键点，将面部关键点和视频数据输入至预设风格迁移模型中，得到包含虚拟形象的初始图像资源，将视频数据中的原始图像信息融入初始图像资源中，得到第二背景图对应的图像资源。
步骤609、在确定第二背景图设置完毕后，判断同步发布选项是否被勾选，基于同步发布选项被勾选的判断结果，执行步骤610；基于同步发布选项未被勾选的判断结果，执行步骤611。
例如，第二背景图设置完毕后，判断是否接收到用户输入的同步发布为作品指示，基于接收到指示的判断结果，转至步骤610。
步骤610、将第二背景图对应的图像资源作为新的作品内容进行发布。
步骤611、显示包含第二背景图的第一目标页面。
可以理解的是，在其他实施例中，所述步骤606-611还可以为用户针对头像的设置操作。
本公开实施例提供的图像显示方法，在同时包含头像和背景图的个人主页中，对动态显示方式进行互斥设置，也即头像和背景图不会同时处于动态显示方式，避免两者互相干扰，在动态播放背景图的同时根据操作轨迹动态调整背景图的显示尺寸，可以进一步提升趣味性，清晰便捷地观看动态的背景图。此外，支持背景图的更新设置，在设置完毕后，可以将新的背景图作为作品进行发布，丰富应用程序的视频发布功能，且能够以这种新颖的方式提示其他用户当前用户更新了头像或背景图，进一步丰富应用程序功能，提升用户体验。
图7为本公开实施例提供的一种图像显示装置的结构框图，该装置可由软件和/或硬件实现，一般可集成在电子设备中，可通过执行图像显示方法来进行图像显示。如图7所示，该装置包括：
页面信息获取模块701，设置为获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
显示方式确定模块702，设置为根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
图像显示模块703，设置为在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
本公开实施例中提供的图像显示装置，获取目标页面对应的当前页面信息，根据当前页面信息确定包含于目标页面的目标图像对应的目标显示方式，且对应的目标图像资源包括图像内容动态变化的文件，目标显示方式为动态显示方式或静态显示方式，最后，根据目标显示方式在目标页面显示相应目标图像对应的目标图像资源。通过采用上述技术方案，页面中的目标图像的图像资源可以被设置为图像内容动态变化的文件，当需要在页面中显示目标图像时，根据实际的页面信息来选择该图像资源对应的显示方式，使得目标图像可以在不同情况下进行不同方式的显示，丰富对用户的交互操作进行反馈的方式，提升交互体验。
例如，所述图像显示模块设置为：当目标显示方式为动态显示方式时，在所述目标页面连续动态播放相应目标图像对应的目标图像资源中的图像帧；或，在所述目标页面中循环 播放相应目标图像对应的目标图像资源达到预设次数后，停止播放并显示其中的第一预设帧序号的单帧图像，其中，一次循环包括从目标图像资源中的第一帧开始连续动态播放至最后一帧。
例如，所述图像显示模块设置为：当目标显示方式为静态显示方式时，在所述目标页面静态显示相应目标图像对应的目标图像资源中的第二预设帧序号的单帧图像。
例如，所述当前页面信息包括页面类型。所述显示方式确定模块，设置为：根据目标页面对应的页面类型确定目标图像对应的目标显示方式为动态方式；或者，根据目标页面对应的页面类型确定目标图像对应的目标显示方式为静态方式；或者，根据目标页面对应的页面类型和当前页面信息中的预设信息确定目标图像对应的目标显示方式为动态方式或静态方式。
例如，所述当前页面信息包括页面交互信息。所述显示方式确定模块，设置为：在页面交互信息中包含第一预设操作的情况下，目标图像对应的目标显示方式为动态显示方式；所述第一预设操作包括针对所述目标页面中第一内容的交互操作。
例如，所述图像显示模块，设置为：在所述目标页面中从目标图像对应的目标图像资源中的第一帧开始连续动态播放至最后一帧后，停止播放并显示其中的第三预设帧序号的单帧图像。
例如，所述当前页面信息包括页面交互信息。所述显示方式确定模块，设置为：在页面交互信息中包含用户输入的针对目标图像的第二预设操作时，目标图像对应的目标显示方式为动态显示方式，其中，所述第二预设操作包括滑动操作、点击操作或长按操作。
例如，所述图像显示模块，设置为：在所述目标页面中动态播放背景图对应的目标图像资源中的图像帧，并在播放过程中跟随第二预设操作的滑动轨迹动态调整背景图的显示尺寸。
例如，所述图像显示模块，设置为：在所述目标页面中从背景图对应的目标图像资源中的第四预设帧号的图像帧开始连续动态播放，并在播放过程中跟随第二预设操作的滑动轨迹动态调整背景图的显示尺寸。
例如，所述页面显示状态信息中包括所述目标图像的当前显示方式。所述页面信息获取模块，设置为：所述目标页面中的目标图像同时包括第一目标图像和第二目标图像，在第一目标图像的当前显示方式为动态显示方式以及第二目标图像的当前显示方式为静态显示方式的情况下，检测到针对所述第二目标图像的第三预设操作，则确定所述第一目标图像对应的目标显示方式为静态显示方式，所述第二目标图像对应的目标显示方式为动态显示方式。
例如，所述目标图像中的形象包括对目标对象的图像进行处理后得到的虚拟形象。
例如，包含虚拟形象的目标图像的目标图像资源通过以下方式得到：响应于用户触发拍摄功能的操作，获取包含目标对象面部图像的视频数据；检测所述视频数据中目标对象的面部关键点；将所述面部关键点和所述视频数据输入至预设风格迁移模型中，得到包含虚拟形象的初始图像资源；将所述视频数据中的原始图像信息融入所述初始图像资源中，得到目标图像资源。
例如，所述原始图像信息包括低频信息和光照信息中的至少一种。
例如，所述装置还包括：拍摄预览界面显示模块，设置为在目标页面所属应用程序中显示拍摄预览界面，其中，所述拍摄预览界面中包含拍摄提示框，所述拍摄提示框的尺寸比例与目标图像的尺寸比例匹配；资源生成模块，设置为根据所述拍摄提示框内对应的视频数据生成对应的目标图像的目标图像资源。
例如，所述目标页面所属应用程序包括短视频应用程序，所述装置还包括：视频发布模块，设置为在根据用户设置生成目标图像对应的目标图像资源之后，将所述目标图像资源作为新的短视频进行发布。
例如，所述目标页面中的目标图像对应于第一用户，所述目标图像对应的目标图像资源通过采用预设处理方式对所述第一用户对应的视频数据进行处理得到。所述装置还包括：设 置页面进入模块，设置为响应于在所述目标页面接收的第二用户输入的针对所述目标图像的第四预设操作，进入所述目标图像对应的设置页面；视频数据处理模块，设置为通过所述设置页面接收所述第二用户对应的视频数据，并采用所述预设处理方式对所述第二用户对应的视频数据进行处理，得到所述第二用户对应的目标图像的图像资源。
例如，所述目标图像资源的文件格式包括动态图片格式或视频格式。
下面参考图8，其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行多种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的多种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有多种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
例如，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言-诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言-诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)-连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开多种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，图像显示模块还可以被描述为“在所述目标页面以所述目标显示方式显示相应目标图像对应的目标图像资源的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，提供了一种图像显示方法，包括：
获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所 述目标图像资源为图像内容动态变化的文件。
例如，当目标显示方式为动态显示方式时，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
在所述目标页面连续动态播放相应目标图像对应的目标图像资源中的图像帧；或，在所述目标页面中循环播放相应目标图像对应的目标图像资源达到预设次数后，停止播放并显示其中的第一预设帧序号的单帧图像，其中，一次循环包括从目标图像资源中的第一帧开始连续动态播放至最后一帧。
例如，当目标显示方式为静态显示方式时，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
在所述目标页面静态显示相应目标图像对应的目标图像资源中的第二预设帧序号的单帧图像。
例如，所述页面属性信息包括页面类型；所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：
根据目标页面对应的页面类型确定目标图像对应的目标显示方式为动态方式；或者，
根据目标页面对应的页面类型确定目标图像对应的目标显示方式为静态方式；或者，
根据目标页面对应的页面类型和当前页面信息中的预设信息确定目标图像对应的目标显示方式为动态方式或静态方式。
例如，所述当前页面信息包括页面交互信息；
所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：
在页面交互信息中包含第一预设操作的情况下，目标图像对应的目标显示方式为动态显示方式；所述第一预设操作包括针对所述目标页面中第一内容的交互操作。
例如，所述当前页面信息包括页面交互信息；
根据所述当前页面信息确定目标图像对应的目标显示方式，包括：
在页面交互信息中包含用户输入的针对目标图像的第二预设操作的情况下，所述目标图像对应的目标显示方式为动态显示方式，其中，所述第二预设操作包括滑动操作、点击操作或长按操作。
例如，所述目标图像包括背景图；所述第二预设操作包括滑动操作，所述在所述目标显示页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
在所述目标页面中动态播放背景图对应的目标图像资源中的图像帧，并在播放过程中跟随第二预设操作的滑动轨迹动态调整背景图的显示尺寸。
例如，所述页面显示状态信息中包括所述目标图像的当前显示方式；其中，所述目标页面中的目标图像同时第一目标图像和第二目标图像，所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：
在第一目标图像的当前显示方式为动态显示方式以及第二目标图像的当前显示方式为静态显示方式的情况下，检测到针对所述第二目标图像的第三预设操作，则确定所述第一目标图像对应的目标显示方式为静态显示方式，所述第二目标图像对应的目标显示方式为动态显示方式。
例如，所述目标图像中的形象包括对目标对象的图像进行处理后得到的虚拟形象。
例如，包含虚拟形象的目标图像的目标图像资源通过以下方式得到：
响应于用户触发拍摄功能的操作，获取包含目标对象面部图像的视频数据；
检测所述视频数据中目标对象的面部关键点；
将所述面部关键点和所述视频数据输入至预设风格迁移模型中，得到包含虚拟形象的初始图像资源；
将所述视频数据中的原始图像信息融入所述初始图像资源中，得到目标图像资源。
例如，所述原始图像信息包括低频信息和光照信息中的至少一种。
例如，还包括：
在目标页面所属应用程序中显示拍摄预览界面，其中，所述拍摄预览界面中包含拍摄提示框，所述拍摄提示框的尺寸比例与目标图像的尺寸比例匹配；
根据所述拍摄提示框内对应的视频数据生成对应的目标图像的目标图像资源。
例如，所述目标页面中的目标图像对应于第一用户，所述目标图像对应的目标图像资源为通过采用预设处理方式对所述第一用户对应的视频数据进行处理得到；所述方法还包括：
响应于在所述目标页面接收的第二用户输入的针对所述目标图像的第四预设操作，进入所述目标图像对应的设置页面；
通过所述设置页面接收所述第二用户对应的视频数据，并采用所述预设处理方式对所述第二用户对应的视频数据进行处理，得到所述第二用户对应的目标图像的图像资源。
例如，所述目标图像资源的文件格式包括动态图片格式或视频格式。
根据本公开的一个或多个实施例，提供了一种图像显示装置，包括：
页面信息获取模块，设置为获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
显示方式确定模块，设置为根据所述当前页面信息确定目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
图像显示模块，设置为在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
此外，虽然采用特定次序描绘了多种操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的多种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (17)

  1. 一种图像显示方法，包括：
    获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
    根据所述当前页面信息确定所述目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
    在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
  2. 根据权利要求1所述的方法，其中，响应于确定所述目标显示方式为动态显示方式，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
    在所述目标页面连续动态播放所述目标图像对应的目标图像资源中的图像帧；或，
    在所述目标页面中循环播放所述目标图像对应的目标图像资源达到预设次数后，停止播放并显示其中的第一预设帧序号的单帧图像，其中，一次循环包括从目标图像资源中的第一帧图像开始连续动态播放至最后一帧图像。
  3. 根据权利要求1所述的方法，其中，响应于确定所述目标显示方式为静态显示方式，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
    在所述目标页面静态显示所述目标图像对应的目标图像资源中的第二预设帧序号的单帧图像。
  4. 根据权利要求1所述的方法，其中，所述当前页面信息包括页面属性信息，所述页面属性信息包括页面类型；所述根据所述当前页面信息确定所述目标图像对应的目标显示方式，包括以下之一：
    根据所述目标页面对应的页面类型确定所述目标图像对应的目标显示方式为动态显示方式；
    根据所述目标页面对应的页面类型确定所述目标图像对应的目标显示方式为静态显示方式；以及，
    根据所述目标页面对应的页面类型和所述当前页面信息中的预设信息确定所述目标图像对应的目标显示方式为动态显示方式或静态显示方式。
  5. 根据权利要求1所述的方法，其中，所述当前页面信息包括页面交互信息；
    所述根据所述当前页面信息确定所述目标图像对应的目标显示方式，包括：
    响应于确定所述页面交互信息中包含第一预设操作，所述目标图像对应的目标显示方式为动态显示方式；所述第一预设操作包括针对所述目标页面中第一内容的交互操作。
  6. 根据权利要求1所述的方法，其中，所述当前页面信息包括页面交互信息；
    所述根据所述当前页面信息确定目标图像对应的目标显示方式，包括：
    响应于确定所述页面交互信息中包含用户输入的针对目标图像的第二预设操作，所述目标图像对应的目标显示方式为动态显示方式，其中，所述第二预设操作包括滑动操作、点击操作或长按操作。
  7. 根据权利要求6所述的方法，其中，所述目标图像包括背景图；所述第二预设操作包括滑动操作，所述在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，包括：
    在所述目标页面中动态播放所述背景图对应的目标图像资源中的图像帧，并在播放过程中跟随所述第二预设操作的滑动轨迹动态调整所述背景图的显示尺寸。
  8. 根据权利要求1所述的方法，其中，所述当前页面信息包括页面显示状态信息，所述页面显示状态信息中包括所述目标图像的当前显示方式；其中，所述目标页面中的目标图像同时包括第一目标图像和第二目标图像，所述根据所述当前页面信息确定所述目标图像对应的目标显示方式，包括：
    响应于确定所述第一目标图像的当前显示方式为动态显示方式，所述第二目标图像的当前显示方式为静态显示方式，且检测到针对所述第二目标图像的第三预设操作，确定所述第一目标图像对应的目标显示方式为静态显示方式，所述第二目标图像对应的目标显示方式为动态显示方式。
  9. 根据权利要求1所述的方法，其中，所述目标图像中的形象包括对目标对象的图像进行处理后得到的虚拟形象。
  10. 根据权利要求9所述的方法，其中，包含所述虚拟形象的目标图像的目标图像资源通过以下方式得到：
    响应于用户触发拍摄功能的操作，获取包含所述目标对象面部图像的视频数据；
    检测所述视频数据中所述目标对象的面部关键点；
    将所述面部关键点和所述视频数据输入至预设风格迁移模型中，得到包含所述虚拟形象的初始图像资源；
    将所述视频数据中的原始图像信息融入所述初始图像资源中，得到所述目标图像资源。
  11. 根据权利要求10所述的方法，其中，所述原始图像信息包括低频信息和光照信息中的至少一种。
  12. 根据权利要求1所述的方法，还包括：
    在目标页面所属应用程序中显示拍摄预览界面，其中，所述拍摄预览界面中包含拍摄提示框，所述拍摄提示框的尺寸比例与目标图像的尺寸比例匹配；
    根据所述拍摄提示框内对应的视频数据生成对应的目标图像的目标图像资源。
  13. 根据权利要求10所述的方法，其中，所述目标页面中的目标图像对应于第一用户，所述目标图像对应的目标图像资源为通过采用预设处理方式对所述第一用户对应的视频数据进行处理得到；
    所述方法还包括：
    响应于在所述目标页面接收的第二用户输入的针对所述目标图像的第四预设操作，进入所述目标图像对应的设置页面；
    通过所述设置页面接收所述第二用户对应的视频数据，并采用所述预设处理方式对所述第二用户对应的视频数据进行处理，得到所述第二用户对应的目标图像的图像资源。
  14. 根据权利要求1-13任一所述的方法，其中，所述目标图像资源的文件格式包括动态图片格式或视频格式。
  15. 一种图像显示装置，包括：
    页面信息获取模块，设置为获取目标页面对应的当前页面信息，其中，所述目标页面中包含目标图像，所述当前页面信息包括页面属性信息、页面交互信息和页面显示状态信息中的至少一种；
    显示方式确定模块，设置为根据所述当前页面信息确定所述目标图像对应的目标显示方式，其中，所述目标显示方式为动态显示方式或静态显示方式；
    图像显示模块，设置为在所述目标页面以所述目标显示方式显示所述目标图像对应的目标图像资源，其中，所述目标图像资源为图像内容动态变化的文件。
  16. 一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1-14任一项所述的方法。
  17. 一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-14任一项所述的方法。
PCT/CN2022/095867 2021-06-17 2022-05-30 图像显示方法、装置、设备及存储介质 WO2022262560A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US18/569,678 US20240264787A1 (en) 2021-06-17 2022-05-30 Image display method and apparatus, device, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110673990.5 2021-06-17
CN202110673990.5A CN115499672B (zh) 2021-06-17 2021-06-17 图像显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2022262560A1 true WO2022262560A1 (zh) 2022-12-22

Family

ID=84464445

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/095867 WO2022262560A1 (zh) 2021-06-17 2022-05-30 图像显示方法、装置、设备及存储介质

Country Status (3)

Country Link
US (1) US20240264787A1 (zh)
CN (1) CN115499672B (zh)
WO (1) WO2022262560A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116708855A (zh) * 2023-05-24 2023-09-05 北京字跳网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011010150A (ja) * 2009-06-26 2011-01-13 Namco Bandai Games Inc 撮影装置、プログラム、情報記憶媒体及び撮影方法
CN105786417A (zh) * 2014-12-19 2016-07-20 阿里巴巴集团控股有限公司 一种静态图片的动态显示方法、装置及设备
CN106126760A (zh) * 2016-09-08 2016-11-16 福建中金在线信息科技有限公司 一种web网页图片优化的方法
CN108876878A (zh) * 2017-05-08 2018-11-23 腾讯科技（深圳）有限公司 头像生成方法及装置
CN109324734A (zh) * 2018-08-21 2019-02-12 北京旷视科技有限公司 页面展示方法、装置及电子设备
CN110244998A (zh) * 2019-06-13 2019-09-17 广州酷狗计算机科技有限公司 页面背景、直播页面背景的设置方法、装置及存储介质
CN111327768A (zh) * 2020-02-25 2020-06-23 维沃移动通信（杭州）有限公司 显示控制方法及设备
CN112347395A (zh) * 2019-08-07 2021-02-09 阿里巴巴集团控股有限公司 特效展示方法、装置、电子设备及计算机存储介质

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105635232A (zh) * 2014-11-19 2016-06-01 中兴通讯股份有限公司 一种动态头像的实现方法及装置
CN105159639B (zh) * 2015-08-21 2018-07-27 小米科技有限责任公司 音频封面显示方法及装置
CN105959126A (zh) * 2016-05-04 2016-09-21 贵阳语玩科技有限公司 语音聊天室中动态背景分享方法及装置
CN108289237B (zh) * 2018-02-12 2020-08-25 腾讯科技（深圳）有限公司 播放动态图片的方法、装置、终端及计算机可读存储介质
CN108920653A (zh) * 2018-07-03 2018-11-30 武汉斗鱼网络科技有限公司 一种页面生成方法、装置、服务器及存储介质
CN111343074B (zh) * 2018-12-18 2022-10-11 腾讯科技（深圳）有限公司 一种视频处理方法、装置和设备以及存储介质
CN109739609B (zh) * 2019-01-03 2021-01-15 腾讯科技（深圳）有限公司 图像处理方法、装置、计算机可读存储介质和计算机设备
CN111402399B (zh) * 2020-03-10 2024-03-05 广州虎牙科技有限公司 人脸驱动和直播方法、装置、电子设备及存储介质
CN112261226B (zh) * 2020-10-21 2022-09-16 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备和存储介质
CN115278326A (zh) * 2021-04-29 2022-11-01 腾讯科技（深圳）有限公司 视频展示方法、装置、计算机可读介质及电子设备
CN118160318A (zh) * 2021-10-29 2024-06-07 海信视像科技股份有限公司 一种显示设备及外接设备的内容的显示方法
CN116132569A (zh) * 2022-12-28 2023-05-16 北京字跳网络技术有限公司 媒体播放方法及设备

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011010150A (ja) * 2009-06-26 2011-01-13 Namco Bandai Games Inc 撮影装置、プログラム、情報記憶媒体及び撮影方法
CN105786417A (zh) * 2014-12-19 2016-07-20 阿里巴巴集团控股有限公司 一种静态图片的动态显示方法、装置及设备
CN106126760A (zh) * 2016-09-08 2016-11-16 福建中金在线信息科技有限公司 一种web网页图片优化的方法
CN108876878A (zh) * 2017-05-08 2018-11-23 腾讯科技（深圳）有限公司 头像生成方法及装置
CN109324734A (zh) * 2018-08-21 2019-02-12 北京旷视科技有限公司 页面展示方法、装置及电子设备
CN110244998A (zh) * 2019-06-13 2019-09-17 广州酷狗计算机科技有限公司 页面背景、直播页面背景的设置方法、装置及存储介质
CN112347395A (zh) * 2019-08-07 2021-02-09 阿里巴巴集团控股有限公司 特效展示方法、装置、电子设备及计算机存储介质
CN111327768A (zh) * 2020-02-25 2020-06-23 维沃移动通信（杭州）有限公司 显示控制方法及设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116708855A (zh) * 2023-05-24 2023-09-05 北京字跳网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN115499672A (zh) 2022-12-20
CN115499672B (zh) 2023-12-01
US20240264787A1 (en) 2024-08-08

Similar Documents

Publication Publication Date Title
CN111294663B (zh) 弹幕处理方法、装置、电子设备及计算机可读存储介质
CN111726536B (zh) 视频生成方法、装置、存储介质及计算机设备
US9626103B2 (en) Systems and methods for identifying media portions of interest
WO2020083021A1 (zh) 视频录制方法、视频播放方法、装置、设备及存储介质
KR102290419B1 (ko) 디지털 컨텐츠의 시각적 내용 분석을 통해 포토 스토리를 생성하는 방법 및 장치
CN111970577B (zh) 字幕编辑方法、装置和电子设备
US20180341811A1 (en) Augmented Reality
WO2022143924A1 (zh) 视频生成方法、装置、电子设备和存储介质
WO2020029523A1 (zh) 视频生成方法、装置、电子设备及存储介质
WO2022116751A1 (zh) 交互方法、装置、终端、服务器和存储介质
WO2022068479A1 (zh) 图像处理方法、装置、电子设备及计算机可读存储介质
CN112396679B (zh) 虚拟对象显示方法及装置、电子设备、介质
CN113852767B (zh) 视频编辑方法、装置、设备及介质
CN112035046B (zh) 榜单信息显示方法、装置、电子设备及存储介质
WO2023134419A1 (zh) 信息交互方法、装置、设备及存储介质
CN112261481B (zh) 互动视频的创建方法、装置、设备及可读存储介质
JP2024529251A (ja) メディアファイル処理方法、装置、デバイス、可読記憶媒体および製品
US20240283994A1 (en) Display apparatus and method for person recognition and presentation
KR101831802B1 (ko) 적어도 하나의 시퀀스에 대한 가상현실 컨텐츠 제작방법 및 장치
WO2023140786A2 (zh) 特效视频处理方法、装置、电子设备及存储介质
WO2023169201A1 (zh) 基于虚拟资源的交互方法、装置、设备和存储介质
WO2022262560A1 (zh) 图像显示方法、装置、设备及存储介质
WO2024061360A1 (zh) 文本素材获取方法、装置、设备、介质和程序产品
CN115309317B (zh) 媒体内容获取方法、装置、设备、可读存储介质及产品
CN116017082A (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: 22824040

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

Country of ref document: EP

Kind code of ref document: A1