WO2024037555A1 - 页面显示方法、装置、设备及存储介质 - Google Patents

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

Info

Publication number
WO2024037555A1
WO2024037555A1 PCT/CN2023/113229 CN2023113229W WO2024037555A1 WO 2024037555 A1 WO2024037555 A1 WO 2024037555A1 CN 2023113229 W CN2023113229 W CN 2023113229W WO 2024037555 A1 WO2024037555 A1 WO 2024037555A1
Authority
WO
WIPO (PCT)
Prior art keywords
shooting
material object
creative material
page
target
Prior art date
Application number
PCT/CN2023/113229
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 北京字跳网络技术有限公司
Publication of WO2024037555A1 publication Critical patent/WO2024037555A1/zh

Links

Classifications

    • 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
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • 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/04842—Selection of displayed objects or displayed text elements
    • 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
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Definitions

  • the embodiments of the present disclosure relate to the field of computer technology, such as page display methods, devices, equipment and storage media.
  • Embodiments of the present disclosure provide page display methods, devices, storage media, and equipment, which can optimize page display solutions in related technologies.
  • embodiments of the present disclosure provide a page display method, including:
  • Display the first picture in the shooting picture area display at least one creative material object identification corresponding to at least one photographed creative material object in the creative material object display area, and display shooting controls in the target page, wherein, The picture content in the first picture is consistent with the framing content of the shooting function corresponding to the target page, and the shooting control is used to indicate that there is a target creative material object identifier in a selected state in the at least one creative material object identifier.
  • the creative material object is photographed based on the target corresponding to the target creative material object identification.
  • embodiments of the present disclosure also provide a page display device, including:
  • the first display module is configured to display the shooting picture area and the creative material object display area in the target page in response to the preset operation, wherein the size and/or display position of the shooting picture area and the creative material object display area are There is an associated relationship;
  • the second display module is configured to display the first picture in the shooting picture area, display at least one creative material object identification corresponding to at least one photographed creative material object in the creative material object display area, and display on the target page
  • the shooting control is displayed in the first screen, wherein the screen content in the first screen is consistent with the framing content of the shooting function corresponding to the target page, and the shooting control is used to be in a selected state in the at least one creative material object identifier.
  • the target creative material object identification is triggered, the creative material object is photographed based on the target corresponding to the target creative material object identification.
  • embodiments of the present disclosure also provide an electronic device, where the electronic device includes:
  • processors one or more processors
  • a storage device configured to store one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the page display method provided by the embodiment of the present disclosure.
  • embodiments of the present disclosure also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to execute the page display method provided by the embodiments of the present disclosure.
  • Figure 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic diagram of an interface in related technology
  • Figure 3 is a schematic diagram of an interface provided by an embodiment of the present disclosure.
  • Figure 4 is another schematic diagram of an interface provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic diagram of yet another interface provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic flowchart of another page display method provided by an embodiment of the present disclosure.
  • Figure 7 is another schematic diagram of an interface provided by an embodiment of the present disclosure.
  • Figure 8 is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure.
  • FIG. 9 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • a prompt message is sent to the user to clearly remind the user that the operation requested will require the acquisition and use of the user's personal information. Therefore, users can autonomously choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that perform the operations of the technical solution of the present disclosure based on the prompt information.
  • the method of sending prompt information to the user may be, for example, a pop-up window, and the prompt information may be presented in the form of text in the pop-up window.
  • the pop-up window can also contain a selection control for the user to choose "agree” or "disagree” to provide personal information to the electronic device.
  • users may perform some processing after shooting media content, and the processing process may be complicated. If all processing is completed manually by the user, it will require more energy and increase the difficulty of creation.
  • the application can provide users with shooting creative material objects. By using the above shooting creative material objects, media content with creative material objects can be easily shot.
  • Figure 1 is a schematic flowchart of a page display method provided by an embodiment of the present disclosure.
  • the embodiment of the present disclosure is applicable to the situation of page display.
  • the method can be executed by a page display device, and the device can be implemented by software and/or hardware.
  • Formal implementation optionally, through electronic devices, which can be mobile terminals such as mobile phones, smart watches, tablets, and personal digital assistants, or can also be personal computers (Personal Computer, PC) or servers.
  • PC Personal Computer
  • the method includes:
  • Step 101 In response to the preset operation, display the shooting screen area and the creative material object display area on the target page, where there is a correlation between the size and/or display position of the shooting screen area and the creative material object display area.
  • the target page may be a page in a preset application program.
  • the preset application program provides a shooting function of media content and can be installed in an electronic device.
  • the type of the default application is not limited, for example, it can be a video application, a live broadcast application, a shopping application, an information application, etc., or other types of applications.
  • the type of media content is not limited, for example, it may be image content or video content.
  • the preset application can realize the shooting function through image acquisition devices such as cameras in electronic devices.
  • users can be provided with shooting creative material objects.
  • By using the shooting creative material objects media content with creative material objects can be easily shot.
  • Shooting creative material objects are referred to as creative material objects, which can include shooting special effects or shooting filters, templates, etc.
  • Creative material objects can include stickers, beauty effects, virtual animations, interactive controls, interactive games, etc.
  • Figure 2 is a schematic diagram of an interface in the related technology.
  • the user wants to use the creative material object in the shooting function, he needs to trigger the display of the creative material object panel 202 from the shooting page 201.
  • the creative material object panel 202 After selecting the required creative material object (assuming the clown special effect is selected), close the creative material object panel 202, and then start shooting by clicking the shooting button 203 on the shooting page 201.
  • the creative material object panel 202 when the creative material object panel 202 is in the display state, the creative material object The image panel 202 is located on the upper layer of the shooting page 201, which will block the framing content of the shooting function displayed in the shooting page 201 (the user's head image in Figure 2), and the creative material object panel 202 needs to be closed before it can be triggered.
  • the shooting and operation paths are complicated, and the shooting experience of creating material objects is poor.
  • a target page is provided.
  • the shooting screen area and the creative material can be simultaneously displayed on the target page by inputting a preset operation (the operation type of the preset operation is not limited).
  • the operation type of the preset operation is not limited.
  • there is no intersection between the shooting screen area and the creative material object display area that is, there is no overlapping part, and the positional relationship and size of the two areas are not limited.
  • Figure 3 is a schematic diagram of an interface provided by an embodiment of the present disclosure. As shown in Figure 3, the target page can display a shooting screen area 301 with no intersection and a creative material object display area 302 at the same time.
  • Step 102 Display the first picture in the shooting picture area, display at least one creative material object identification corresponding to at least one photographed creative material object in the creative material object display area, and display shooting controls in the target page , wherein the picture content in the first picture is consistent with the framing content of the shooting function corresponding to the target page, and the shooting control is used to have the target creative material in a selected state in the at least one creative material object identifier.
  • the object identification is triggered, the creative material object is photographed based on the target corresponding to the target creative material object identification.
  • the target page corresponds to a shooting function.
  • the first picture can be understood as a picture containing the framing content of the shooting function corresponding to the target page.
  • the framing content of the shooting function can be understood as the image content collected by an image sampling device such as a camera. It is related to the attributes of the camera (such as lens type) or the shooting parameters of the camera (such as focal length multiple). If shooting is triggered at this time, the content of the captured image or video frame will be the framing content of the shooting function.
  • the first screen including the framing content of the shooting function (such as the user's head image) is displayed in the shooting screen area 301 .
  • the creative material object display area 302 will not block the user's head image. Comparing Figure 2, it can be seen that the solution provided by the embodiment of the present disclosure can enable the user to view more complete framing content during the process of selecting creative material objects.
  • the creative material object display area displays at least one creative material object identifier, usually multiple creative material object identifiers.
  • the creative material object identifier can be the name or diagram of the creative material object to which the creative material object identifier belongs.
  • the user can trigger the creative material object by identification to perform the selection operation of the creative material object corresponding to the creative material object identification.
  • the preset creative material object can be set to the selected state, or there may be no creative material object in the selected state by default.
  • the shooting control is used to trigger the shooting operation. If a creative material object identifier in the creative material object display area is selected, the creative material object identifier is recorded as the target creative material object identifier. After the shooting control is triggered, based on The target shooting creative material object corresponding to the target creative material object identification is photographed.
  • the shooting control is displayed on the target page.
  • the display position of the shooting control is not limited.
  • the shooting control can be displayed in the shooting screen area, in the creative material object display area, or in both the shooting screen area and the creative material object.
  • the display area (for example, displayed at the junction of the two) can also be displayed in an area on the target page other than the shooting screen area and the creative material object display area. As shown in Figure 3, the shooting control 303 can be displayed in the shooting screen area 301 for the user to trigger.
  • the page display method in response to the preset operation, displays the shooting picture area and the creative material object display area in the target page, and there is a correlation between the size and/or display position of the shooting picture area and the creative material object display area. , display the first picture in the shooting picture area, display at least one creative material object identifier corresponding to at least one shooting creative material object in the creative material object display area, and display the shooting control in the target page, and the picture content in the first picture Consistent with the framing content of the shooting function corresponding to the target page, the shooting control is used to trigger the target based on the target creative material object ID based on the target creative material object ID that is selected in at least one creative material object ID. Photograph creative material objects for photography.
  • the screen content in the first screen is consistent with the framing content of the shooting function corresponding to the target page, so that the user can comprehensively view the framing content of the shooting function during the process of selecting creative material objects.
  • the method may further include: in response to a triggering operation on the shooting control, shooting based on the target creative material object corresponding to the target creative material identifier, and determining the work to be published based on the shooting result.
  • the first picture when there is a target creative material object identifier in a selected state in the at least one creative material object identifier, the first picture includes the target photographed creative material object obtained after acting on the photographed content. picture.
  • displaying the shooting screen area and the creative material object display area in the target page in response to a preset operation includes: responding to a preset page switching operation in the shooting page, Switch from the shooting page to the target page, and display the shooting screen area and the creative material object display area in the target page.
  • the type of the preset page switching operation is not limited.
  • it can be a triggering operation for displaying controls on the creative material object (the triggering operation can be, for example, a click operation, a long press operation, a double-click operation, or a sliding operation in a preset direction, etc.), and also It can be a sliding operation (such as sliding upward) in a preset direction on the shooting page, etc.
  • the shooting page displays a second picture corresponding to the shooting function
  • the size of the first picture is smaller than the size of the second picture
  • the size ratio of the first picture is the same as that of the second picture.
  • the size ratio of the second picture is the same.
  • the screen content in the second screen is consistent with the framing content of the shooting function corresponding to the target page.
  • the size ratio may be an aspect ratio, for example, the aspect ratio of the first picture and the aspect ratio of the second picture are both 4:3.
  • the advantage of this setting is that the second picture usually fills up the shooting page or occupies a larger display area of the shooting page.
  • the target page is usually the same size as the shooting page. In order to effectively use the display space of the target page, the second picture can be equalized. Scale down to get the first picture and display it on the target page.
  • the shooting picture area is included in a target area
  • the target area also includes a control display area
  • the advantage of this setting is that since the first screen is scaled down based on the second screen, there is a blank area in the target page. This blank area can be used as a control display area. When relevant controls need to be displayed, you can display them in this blank area. Display in a blank area to facilitate user interaction and improve user experience.
  • the control display area can be one or more closed areas.
  • Figure 4 is another schematic diagram of an interface provided by an embodiment of the present disclosure. Assume that the area in the target page other than the creative material object display area is the target area.
  • the shooting screen area 401 is included in the target area, and the target area also includes a third A control display area 402 and a second control display area 403 are respectively located on both sides of the shooting screen area 401.
  • the control display area is used to display controls, and whether to display controls can be determined based on different usage states.
  • a target control is displayed in the control display area, and the target control includes at least one of a shooting setting control, a creative material object association control, and the shooting control.
  • the advantage of this setting is that users can better shoot by triggering the target control, further improving the shooting experience.
  • the shooting setting control can be understood as a control used to set relevant parameters of the shooting operation.
  • it may include front and rear camera switching controls, flash controls, and beauty on or off. controls, and delayed shooting controls, etc.
  • the target control includes a shooting setting control, relevant settings for this shooting can be made through the target control before triggering the shooting control.
  • the controls associated with the creative material object can be understood as controls related to the creative material object.
  • the controls associated with the creative material object may include controls related to the properties of the creative material object, such as the author identification control of the creative material object or the heat control of the creative material object.
  • controls related to the properties of the creative material object such as the author identification control of the creative material object or the heat control of the creative material object.
  • the author identification control of the creative material object you can view the personal page of the creator who shot the creative material object
  • by triggering the popularity control of the creative material object you can view the target within a preset period (such as the last month or the last week, etc.) Shoot the number of times the creative material object is used, etc.
  • the creative material object associated controls may also include interactive controls based on creative material objects.
  • the interactive controls based on creative material objects may be creative material object collection controls, creative material object unfavorite controls, or creative material object sharing controls.
  • the target shooting creative material object can be collected so that it can be quickly found the next time it is used;
  • the creative material object sharing control the target shooting creative material object can be shared with the target user, such as Address book friends, etc., to facilitate interaction with target users based on creative material objects.
  • the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • the advantage of this setting is that the target controls can be displayed in a personalized way based on the selected creative material objects.
  • At least one of the type, quantity and style of the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • the front and rear camera switching controls do not need to be displayed.
  • the front and rear camera switching controls can be displayed for users to set according to actual needs;
  • the creative material object collection control can be displayed. If the target shooting creative material object has been collected, the creative material object uncollection control can be displayed or the controls related to the collection operation can not be displayed. , or if the target shooting and creative material object has not been collected, a hollow style collection control will be displayed; if the target shooting and creation material object has been collected, a solid style collection control will be displayed.
  • the method further includes: displaying a preset floating control on the upper layer of the creative material object display area, and displaying the preset media corresponding to the target shooting creative material object in the preset floating control.
  • the resource ID corresponding to the resource.
  • the preset is displayed on the upper layer of the creative material object display area.
  • the floating control and displaying the resource identification in the control can facilitate users to quickly select preset media resources to participate in the creation of material objects, and the preset floating control will not block the first picture.
  • the asset ID can be a thumbnail image of the media asset.
  • the above-mentioned default sources may include, for example, local photo albums and may include historical usage targets of the current user.
  • the first set of preset media resources selected when shooting creative material objects may also include a second set of preset media resources selected by the target user when shooting creative material objects using the target. If the default source is the second collection mentioned above, it needs to be displayed in the default suspension control with full authorization from the target user.
  • the target user is a user who has a preset interactive relationship with the current user, such as a mutual follow relationship, etc.
  • the display style of the creative material object display area includes a first interaction style and a second interaction style, and different interaction styles correspond to different interaction operations.
  • the advantage of this setting is that it can enrich the display style of the creative material object display area and meet the diverse interaction needs of users.
  • the first interaction style includes creative material object identifiers arranged in a single-row list style
  • the second interaction style includes creative material object identifiers arranged in a matrix style.
  • the display space can be saved.
  • the creative material object identifiers are arranged in a matrix style, more creative material object identifiers can be displayed and the selection efficiency of creative material objects can be improved.
  • switching from the shooting page to a target page, and displaying the shooting screen area and the creative material object display area in the target page include: on the shooting page In response to the preset area switching operation, the preset area is switched to the creative material object display area in the shooting page, wherein the switched creative material object display area is displayed in the first interaction style; in response to the preset area switching operation Assume that the page switching operation is to switch from the shooting page to the target page, and the shooting picture area and the creative material object display area are displayed in the target page, wherein the creative material object display area in the target page is represented by the second Displayed in interactive style.
  • the advantage of this setting is that it can flexibly switch between two different display modes of creative material object display areas.
  • the preset area may be a page label display area or a toolbar area in the shooting page.
  • Figure 5 is a schematic diagram of another interface provided by an embodiment of the present disclosure.
  • the shooting page displays a shooting screen area 501 and a preset area 502.
  • the preset area 502 can be understood as a toolbar area, and different items are displayed in the toolbar area.
  • Shooting mode options After the user clicks on the creative material object control, it can be considered that the preset area switching operation is received, and the preset area 502 is switched to the creative material object display area 503.
  • the creative material object display area 503 includes creative materials arranged in a single row list style. Object ID.
  • the creative material object display area displayed in the first interaction style includes a sliding list containing at least one creative material object identification corresponding to at least one photographed creative material object, and a preset expansion control.
  • the preset trigger area is preset in the sliding list.
  • the creative material object identifier can be determined. Identifies the selected target creative material object.
  • the second creative material object in Figure 5 is the target creative material object identifier 504.
  • the size of the creative material object display area of the second interactive style is greater than the size of the creative material object display area of the first interactive style, and the number of creative material object identifiers displayed in the creative material object display area of the second interactive style is greater than The number of creative material object identifiers in the creative material object display area of the first interaction style.
  • the preset page switching operation may be, for example, clicking on the preset expansion control.
  • the method further includes: in response to a preset sliding operation on the sliding list, controlling at least one creative material object identifier in the sliding list to move, and hiding the preset during the movement. Expand the control to increase the display of creative material object identifiers in the sliding list.
  • the advantage of this setting is that users generally do not choose to trigger the preset expansion control when sliding the creative material object logo. Therefore, the preset expansion control can be hidden to display more creative material object logos and improve display space utilization. Rate.
  • switching from the shooting page to the target page includes: adjusting the size of the shooting screen area in the shooting page so that the adjusted shooting screen area adapts to the second A creative material object display area displayed in an interactive style to enable switching from the shooting page to the target page.
  • the advantage of this setting is that during the process of page switching, the shooting screen area is dynamically adjusted to improve the smoothness of page switching and improve the switching effect.
  • adjusting the size of the shooting picture area in the shooting page includes: reducing the second picture corresponding to the shooting function in the shooting page to the first picture.
  • the advantage of this setting is that the picture corresponding to the shooting function can be dynamically adjusted to further improve the smoothness of picture switching and avoid the impact of the jump of the shooting picture on the user's viewing experience of the shooting content.
  • FIG. 6 is a schematic flowchart of another page display method provided by an embodiment of the present disclosure.
  • the embodiment of the present disclosure is explained based on the optional solutions in the above embodiments.
  • the method includes the following steps:
  • Step 601 Display the first shooting screen area, the preset area, the creative material object control and the first shooting control on the shooting page, and display the second screen in the first shooting screen area.
  • the picture content in the second picture is consistent with the framing content of the shooting function.
  • Figure 7 is a schematic diagram of another interface provided by an embodiment of the present disclosure.
  • the first shooting screen area 701, the preset area 702, the creative material object control 703 and the first shooting control 704 are displayed in the shooting page.
  • the second picture such as the user's head image
  • the control area 705 can also be displayed on the shooting page.
  • the display control area 705 can display a variety of controls for shooting settings, such as the flash control, the front and rear camera switching control, the beauty on or off control, and the control for switching the front and rear cameras, as shown in Figure 7. Filter setting controls and speed control.
  • the content in the creative material object control 703 may be a schematic diagram of a default photographed creative material object.
  • Step 602 It is detected that the creative material object control is triggered, and the triggering mode is determined. If the triggering mode is the first triggering mode, step 603 is executed; if the triggering mode is the second triggering mode, step 605 is executed.
  • the embodiment of the present disclosure may provide two ways of triggering the creative material object control 703.
  • the first triggering method may be, for example, clicking, and the second triggering method may be, for example, sliding upward.
  • Step 603 Determine that the preset area switching operation is received, switch the preset area to the creative material object display area of the first interactive style on the shooting page, and display creations corresponding to the photographed creative material objects in the creative material object display area.
  • the first interaction style includes creative material object identifiers arranged in a single-row list style. If the user clicks to trigger the creative material object control 703 (solid line hand diagram), it can be determined that the preset area switching operation is received, and the preset area 702 is switched to the creative material object display area displayed in the first interaction style. 706, and display a sliding list containing three creative material object identifiers and a preset expansion control 707 in the creative material object display area 706. Among them, it is assumed that when the creative material object display area 706 is initially displayed, the default shooting creative material object can be set to the selected state.
  • the heart-shaped The sticker acts on the current shooting content to obtain a picture for display in the first shooting picture area.
  • the first shooting control 704 is still displayed in the first shooting screen area. If the user wants to shoot using the default shooting creative material object, the user can trigger shooting by triggering the first shooting control 704 . Optionally, if the user does not want to use creative material objects to shoot, he can click again to trigger the creative material object control 703 to switch the creative material object display area 706 back to the default area 702.
  • Step 604 In response to the preset page switching operation, adjust the size of the first shooting screen area in the shooting page so that the adjusted second shooting screen area adapts to the creative material object display area displayed in the second interaction style, To switch from the shooting page to the target page, display the control display area in the target page, and execute step 606.
  • the second interaction style includes creative material object identifiers arranged in a matrix style.
  • the size of the first shooting screen area is reduced to the second shooting screen area 708 adapted to the creative material object display area 709 displayed in the second interaction style, realizing switching from the shooting page to the target page, and display the first control display area 710 and the second control display area 711 in the target page.
  • the preset retract control can be displayed in the creative material object display area 709.
  • the user triggers the preset retract control, the user returns to the shooting page containing the creative material object display area 706 displayed in the first interaction style. .
  • Step 605 Confirm that the preset page switching operation is received, switch from the shooting page to the target page, display the second shooting screen area, the control display area, and display in the second interaction style on the target page creative material object display area.
  • the user triggers the creative material object control 703 by sliding upward (dashed hand diagram)
  • the user can switch back to the shooting page containing the preset area from the target page by inputting a downward sliding operation.
  • Step 606 Display the first picture and the second shooting control in the second shooting picture area, display the creative material object identification corresponding to the photographed creative material object in the creative material object display area, and display the target control in the control display area.
  • the second shooting screen area 708 displays the first screen with special effect 2.
  • the screen content in the first screen is consistent with the framing content of the shooting function, that is, it is consistent with the screen content in the second screen.
  • the size of one picture is smaller than the size of the second picture, and the size ratio of the first picture is consistent with the size ratio of the second picture.
  • the second shooting control 712 is displayed in the second shooting screen area 708. If the second shooting control 712 is triggered, shooting is performed based on special effect 2.
  • the first control display area 710 is used to display the shooting setting controls corresponding to Special Effect 2.
  • the displayed shooting setting controls are less than the controls displayed in the control area 705, such as including flash controls, front and rear camera switching controls, and beauty on or off controls.
  • the second control display area 711 is used to display the creative material object related controls corresponding to the special effect 2, such as the creative material object author identification control, the creative material object collection control and the creative material object sharing control.
  • Step 607 In response to the target creative material object identifier entering the selected state, the target shooting creative material object corresponding to the target creative material object identifier is applied to the shooting content, and the picture obtained by acting on the target shooting creative material object to the shooting content is used as the first picture. display.
  • special effect 3 such as clown special effect
  • the creative material object identifier corresponding to special effect 3 is recorded as the target creative material object identifier, and special effect 3 is applied to the shooting content to obtain a new first picture .
  • the controls displayed in the control display area can be adjusted.
  • the first control display area 710 is changed to display the shooting setting controls corresponding to special effect 3, such as the flash control, and the beauty on or off control
  • the second control display area 711 is changed to Used to display the associated controls of creative material objects corresponding to Special Effects 3, including creative material object author identification controls, creative material object unfavorite controls, and creative material object sharing controls.
  • the preset floating control 713 can be displayed on the upper layer of the creative material object display area 709, and the resource identification corresponding to the media resources in the album can be displayed in the preset floating control 713.
  • the resource identifier may be a thumbnail of the picture (replaced by a number in Figure 7).
  • Step 608 In response to the triggering operation on the second shooting control, enter the shooting page, shoot the creative material object based on the target shooting, and determine the work to be published based on the shooting results.
  • the shooting starts.
  • the work to be released is determined based on the shooting results. If the user is satisfied with the work to be released, the user can publish it directly to improve the efficiency of releasing the work. For example, after the user clicks on the second shooting control 712, the user can keep shooting on the current target page, or jump to a page that displays the framing content in full screen for shooting.
  • the page display method provided by the embodiment of the present disclosure provides users with two ways to display creative material object identifiers in the shooting page.
  • the shooting page containing the creative material object identifiers arranged in a single row list style and the shooting page containing the matrix style can be displayed respectively.
  • the target page of the arranged special effects creation material object identification.
  • the shooting content will not be blocked by the creation material object identification, so that the user can comprehensively view the shooting content, and the two pages can be flexibly switched between , allowing users to choose to enter pages in different modes according to actual needs, and select creative material objects on the page.
  • the creative material objects will be applied to the shooting content, so that users can select creative material objects in the process , you can comprehensively perceive the shooting effect.
  • Figure 8 is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure.
  • the device includes: a first display module 801, configured to display the shot in the target page in response to a preset operation.
  • the picture area and the creative material object display area where there is a correlation relationship between the size and/or display position of the shooting picture area and the creative material object display area;
  • the second display module 802 is configured to be within the shooting picture area Display a first picture, display at least one creative material object identification corresponding to at least one photographed creative material object in the creative material object display area, and display shooting controls in the target page, wherein the The content of the picture is consistent with the framing content of the shooting function corresponding to the target page.
  • the shooting control is used to trigger based on the target creative material object identification in the selected state when the at least one creative material object identification exists.
  • the target creative material object corresponding to the target creative material object identification is photographed.
  • the page display device in response to the preset operation, displays the shooting picture area and the creative material object display area on the target page, and there is a correlation between the size and/or display position of the shooting picture area and the creative material object display area.
  • the relationship is to display the first picture in the shooting picture area, display at least one creative material object identifier corresponding to at least one shooting creative material object in the creative material object display area, and display the shooting control in the target page, and the picture in the first picture Content and purpose
  • the framing content of the shooting function corresponding to the target page is consistent.
  • the shooting control is used to shoot the target corresponding to the target creative material object ID based on the target creative material object ID when it is triggered when there is a selected target creative material object ID in at least one creative material object ID.
  • the screen content in the first screen is consistent with the framing content of the shooting function corresponding to the target page, so that the user can comprehensively view the framing content of the shooting function during the process of selecting creative material objects.
  • the shooting control is displayed in the shooting screen area and/or the creative material object display area.
  • the first display module is configured to: respond to a preset page switching operation in the shooting page, switch from the shooting page to the target page, and display the shooting screen area and creative materials in the target page Object display area.
  • the shooting page displays a second picture corresponding to the shooting function, the size of the first picture is smaller than the size of the second picture, and the size ratio of the first picture is the same as that of the second picture.
  • the size ratio of the two images is the same.
  • the shooting picture area is included in a target area, the target area also includes a control display area, and there is a correlation between the size of the target area and the size of the creative material object display area.
  • a target control is displayed in the control display area, and the target control includes at least one of a shooting setting control, a creative material object association control, and the shooting control.
  • the creative material object-related controls include creative material object attribute-related controls and/or interactive controls based on the creative material object.
  • the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • At least one of the type, quantity and style of the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • the device further includes: a floating control display module, configured to display a preset floating control on the upper layer of the creative material object display area, and display the corresponding target shooting creative material object in the preset floating control.
  • the resource identifier corresponding to the default media resource.
  • the display style of the creative material object display area includes a first interaction style and a second interaction style, and different interaction styles correspond to different interaction operations.
  • the first interaction style includes creative material object identifiers arranged in a single-row list style
  • the second interaction style includes creative material object identifiers arranged in a matrix style.
  • the first display module includes: an area switching unit configured to respond to a preset area switching operation in the shooting page, and switch the preset area to the creative material object display area in the shooting page, wherein , the switched creative material object display area is displayed in the first interactive style; the page switching unit is configured to switch from the shooting page to the target page in response to the preset page switching operation, and in the target page The shooting picture area and the creative material object display area are displayed, wherein the creative material object display area in the target page is displayed in the second interaction style.
  • the page switching unit is configured to switch from the shooting page to the target page in the following manner: adjusting the size of the shooting screen area in the shooting page so that the adjusted shooting screen area adapts to the
  • the creative material object display area where the second interaction style is displayed is used to switch from the shooting page to the target page.
  • the page switching unit is configured to adjust the size of the shooting picture area in the shooting page in the following manner: reducing the second picture corresponding to the shooting function in the shooting page to the third picture.
  • the creative material object display area displayed in the first interaction style includes a sliding list containing at least one creative material object identification corresponding to at least one photographed creative material object, and a preset expansion control;
  • the device further includes: a hiding module configured to respond to a preset sliding operation on the sliding list, control the movement of at least one creative material object identifier in the sliding list, and hide the preset expansion control during the movement. , to add and display the creative material object identification in the sliding list.
  • the first picture includes a picture obtained after the target photographed creative material object acts on the photographed content.
  • the device further includes: a work-to-be-released determination module configured to, in response to a triggering operation on the shooting control, shoot the creative material object based on the target creative material object identification corresponding to the target creative material object identification, and shoot according to the shooting The results determine the work to be published.
  • a work-to-be-released determination module configured to, in response to a triggering operation on the shooting control, shoot the creative material object based on the target creative material object identification corresponding to the target creative material object identification, and shoot according to the shooting The results determine the work to be published.
  • the size and/or display position of the shooting screen area and the creative material object display area including: there is no intersection between the shooting screen area and the creative material object display area.
  • the page display device provided by the embodiment of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has corresponding functional modules and effects for executing the method.
  • FIG. 9 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • Terminal devices in embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), tablet computers (Portable Android Device, PAD), portable multimedia players Mobile terminals such as (Portable Android Device, PMP), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital television (television, TV), desktop computers, etc.
  • PDA Personal Digital Assistant
  • PAD tablet computers
  • portable multimedia players Mobile terminals such as (Portable Android Device, PMP
  • vehicle-mounted terminals such as vehicle-mounted navigation terminals
  • fixed terminals such as digital television (television, TV), desktop computers, etc.
  • the electronic device shown in FIG. 9 is only an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device 900 may include a processing device (such as a central processing unit, a graphics processor, etc.) 901, which may process data according to a program stored in a read-only memory (Read-Only Memory, ROM) 902 or from a storage device. 908 loads the program in the random access memory (Random Access Memory, RAM) 903 to perform various appropriate actions and processing. In the RAM 903, various programs and data required for the operation of the electronic device 900 are also stored.
  • the processing device 901, ROM 902 and RAM 903 are connected to each other via a bus 904.
  • An editing/output (I/O) interface 905 is also connected to bus 904.
  • the following devices can be connected to the I/O interface 905: input devices 906 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 907 such as a speaker, a vibrator, etc.; a storage device 908 including a magnetic tape, a hard disk, etc.; and a communication device 909.
  • the communication device 909 may allow the electronic device 900 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 9 illustrates an electronic device 900 having various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via communication device 909, or from storage device 908, or from ROM 902.
  • the processing device 901 When the computer program is executed by the processing device 901, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.
  • the electronic device provided by the embodiments of the present disclosure and the page display method provided by the above embodiments belong to the same inventive concept.
  • Technical details that are not described in detail in this embodiment can be referred to the above embodiments, and this embodiment The embodiment has the same effect as the above-mentioned embodiment.
  • Embodiments of the present disclosure provide a computer storage medium on which a computer program is stored.
  • the program is executed by a processor, the page display method provided by the above embodiments is implemented.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • the computer-readable storage medium may be, for example, but is 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 having one or more wires, portable computer disks, hard drives, RAM, ROM, Erasable Programmable Read-Only Memory Memory, EPROM) or flash memory, optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code contained on a computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wires, optical cables, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the client and server can communicate using any currently known or future developed network protocol, such as HyperText Transfer Protocol (HTTP), and can communicate with digital data in any form or medium.
  • HTTP HyperText Transfer Protocol
  • Communications e.g., communications network
  • Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any current network for knowledge or future research and development.
  • LANs Local Area Networks
  • WANs Wide Area Networks
  • the Internet e.g., the Internet
  • end-to-end networks e.g., ad hoc end-to-end networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs.
  • the electronic device When the above-mentioned one or more programs are executed by the electronic device, the electronic device: responds to the preset operation and displays the shooting screen area and the creative material object in the target page.
  • the first picture is displayed in the shooting picture area
  • the creative material object display area Show at least one photo-creative material pair
  • At least one creative material object identification corresponding to the image and a shooting control is displayed in the target page, wherein the picture content in the first picture is consistent with the framing content of the shooting function corresponding to the target page, and the shooting control
  • the method is used to shoot the creative material object based on the target corresponding to the target creative material object identifier after being triggered when there is a target creative material object identifier in a selected state in the at least one creative material object identifier.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages—such as "C" or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer may be connected to the user computer through any kind of network, including a LAN or WAN, or may be connected to an external computer (such as through the Internet using an Internet service provider).
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware.
  • the name of the module does not constitute a limitation on the module itself under certain circumstances.
  • the first display module can also be described as "in response to the preset operation, display the shooting screen area and creative material objects on the target page.”
  • a display area module where there is a correlation between the size and/or display position of the shooting area and the creative material object display area.”
  • exemplary types of hardware logic components include: field programmable gate array (Field Programmable Gate Array, FPGA), application specific integrated circuit (Application Specific Integrated Circuit, ASIC), application specific standard product (Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (Complex Programmable Logic Device, CPLD) and so on.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Parts
  • SOC System on Chip
  • Complex Programmable Logic Device Complex Programmable Logic Device, CPLD
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include an electrical connection based on one or more wires, a portable computer disk, a hard disk, RAM, ROM, EPROM or flash memory, optical fiber, portable CD-ROM, optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • a page display method including: in response to a preset operation, displaying a shooting screen area and a creative material object display area in a target page, wherein the shooting screen area and There is a correlation between the size and/or the display position of the creative material object display area; the first picture is displayed in the shooting picture area, and at least one corresponding to at least one shooting creative material object is displayed in the creative material object display area Create a material object identification, and display a shooting control in the target page, wherein the screen content in the first screen is consistent with the framing content of the shooting function corresponding to the target page, and the shooting control is used to display the shooting control in the target page.
  • the creative material object is photographed based on the target corresponding to the target creative material object identification.
  • the shooting control is displayed in the shooting screen area and/or the creative material object display area.
  • displaying the shooting screen area and the creative material object display area in the target page in response to a preset operation includes: responding to a preset page switching operation in the shooting page, from the The shooting page is switched to a target page, and the shooting screen area and the creative material object display area are displayed in the target page.
  • a second screen corresponding to the shooting function is displayed on the shooting page, the size of the first screen is smaller than the size of the second screen, and the first screen The size ratio is consistent with the size ratio of the second picture.
  • the shooting picture area is included in a target area, the target area also includes a control display area, and the size of the target area and the size of the creative material object display area exist connection relation.
  • a target control is displayed in the control display area, and the target control includes at least one of a shooting setting control, a creative material object association control, and the shooting control.
  • the creative material object-related controls include creative material object attribute-related controls and/or interactive controls based on the creative material object.
  • the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • At least one of the type, quantity and style of the target control currently displayed in the control display area is associated with the target shooting creative material object.
  • the method further includes: displaying a preset floating control on an upper layer of the creative material object display area, and displaying the target shooting creative material object in the preset floating control.
  • the display style of the creative material object display area includes a first interaction style and a second interaction style, and different interaction styles correspond to different interaction operations.
  • the first interaction style includes creative material object identifiers arranged in a single-row list style
  • the second interaction style includes creative material object identifiers arranged in a matrix style.
  • the shooting page in response to a preset page switching operation in the shooting page, the shooting page is switched to the target page, and the shooting picture area and the creative material object display area are displayed in the target page.
  • the shooting page including: responding to a preset area switching operation in the shooting page, switching the preset area to a creative material object display area in the shooting page, wherein the switched creative material object display area uses the first interaction style Display; in response to the preset page switching operation, switch from the shooting page to the target page, and display the shooting picture area and the creative material object display area in the target page, wherein the creative material object in the target page
  • the display area is displayed in the second interaction style.
  • switching from the shooting page to the target page includes: adjusting the size of the shooting screen area in the shooting page so that the adjusted shooting screen area adapts to The creative material object display area displayed in the second interaction style is used to switch from the shooting page to the target page.
  • adjusting the size of the shooting picture area in the shooting page includes: reducing the second picture corresponding to the shooting function in the shooting page to the third One picture.
  • the creative material object display area displayed in the first interaction style includes a sliding list containing at least one creative material object identification corresponding to at least one photographed creative material object, and a preset expansion control; the method further includes: in response to a preset sliding operation for the sliding list, controlling at least one creative material in the sliding list The object identifier is moved, and the preset expansion control is hidden during the movement, so as to increase the display of creative material object identifiers in the sliding list.
  • the first picture when there is a target creative material object identifier in a selected state among the creative material object identifiers, the first picture includes the target shooting creative material object acting on the shooting content The resulting picture.
  • the method further includes: in response to a trigger operation for the shooting control, shooting the creative material object based on the target creative material object identification corresponding to the target creative material object identification, and based on the shooting result Determine works to be published.
  • the size and/or display position of the shooting screen area and the creative material object display area including: the shooting screen area and the creative material object display area There is no intersection.
  • a page display device including: a first display module configured to display the shooting screen area and the creative material object display area in the target page in response to a preset operation, wherein the There is a correlation between the size and/or display position of the shooting picture area and the creative material object display area; the second display module is configured to display the first picture in the shooting picture area, and in the creative material object display area display at least one creative material object identification corresponding to at least one photographed creative material object, and display shooting controls in the target page, wherein the picture content in the first picture is the framing of the shooting function corresponding to the target page The content is consistent, and the shooting control is used to shoot the creative material based on the target corresponding to the target creative material object identifier when it is triggered when there is a target creative material object identifier in a selected state in the at least one creative material object identifier. Objects are photographed.
  • an electronic device includes: one or more processors; a storage device configured to store one or more programs.
  • the program is executed by the one or more processors, so that the one or more processors implement the page display method provided by the embodiment of the present disclosure.
  • a storage medium containing computer-executable instructions is provided.
  • the computer-executable instructions when executed by a computer processor, are used to perform the page display method provided by the embodiments of the present disclosure.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本公开实施例公开了页面显示方法、装置、设备及存储介质。该方法包括：响应于预设操作，在目标页面中显示尺寸和显示位置中的至少之一存在关联关系的拍摄画面区域和创作素材对象展示区域，在拍摄画面区域内显示第一画面，在创作素材对象展示区域中展示至少一个创作素材对象标识，在目标页面中显示拍摄控件，第一画面中的画面内容与拍摄功能的取景内容一致，拍摄控件用于在至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。

Description

页面显示方法、装置、设备及存储介质
本申请要求在2022年08月16日提交中国专利局、申请号为202210983335.4的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及页面显示方法、装置、设备及存储介质。
背景技术
随着计算机技术的不断发展，应用程序(Application，APP)的功能越来越丰富，越来越多的用户开始使用具有拍摄功能的应用程序来拍摄媒体内容。
发明内容
本公开实施例提供了页面显示方法、装置、存储介质及设备，可以优化相关技术中的页面显示方案。
第一方面，本公开实施例提供了页面显示方法，包括：
响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；
在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
第二方面，本公开实施例还提供了页面显示装置，包括：
第一显示模块，设置为响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；
第二显示模块，设置为在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：
一个或多个处理器；
存储装置，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本公开实施例提供的页面显示方法。
第四方面，本公开实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本公开实施例提供的页面显示方法。
附图说明
贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例所提供的一种页面显示方法的流程示意图；
图2为相关技术中的一种界面示意图；
图3为本公开实施例所提供的一种界面示意图；
图4为本公开实施例所提供的又一种界面示意图；
图5为本公开实施例所提供的再一种界面示意图；
图6为本公开实施例所提供的另一种页面显示方法的流程示意图；
图7为本公开实施例所提供的另一种界面示意图；
图8为本公开实施例所提供的一种页面显示装置的结构示意图；
图9为本公开实施例所提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图描述本公开的实施例。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获取和使用到用户的个人信息。从而，使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式例如可以是弹窗的方式，弹窗中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是，上述通知和获取用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其它满足相关法律法规的方式也可应用于本公开的实现方式中。
可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
为了提升媒体内容的效果，用户在拍摄媒体内容后，可能会进行一些处理，而处理过程可能较为复杂，若所有处理均由用户手动完成，需要耗费较多精力，增加了创作难度。应用程序在拍摄过程中，可以向用户提供拍摄创作素材对象，通过使用上述拍摄创作素材对象可以便捷地拍摄出带有创作素材对象的媒体内容。
图1为本公开实施例所提供的一种页面显示方法的流程示意图，本公开实施例适用于页面显示的情形，该方法可以由页面显示装置来执行，该装置可以通过软件和/或硬件的形式实现，可选的，通过电子设备来实现，该电子设备可以是手机、智能手表、平板电脑以及个人数字助理等移动终端，也可以为个人计算机(Personal Computer，PC)端或服务器等设备。
如图1所示，所述方法包括：
步骤101、响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系。
本公开实施例中，目标页面可以是预设应用程序中的页面，预设应用程序提供媒体内容的拍摄功能，可以安装在电子设备中。预设应用程序的类型不做限定，例如可以是视频类应用程序、直播类应用程序、购物类应用程序或资讯类应用程序等，还可以是其他类型的应用程序。媒体内容的类型不做限定，例如可以是图像内容或视频内容等。预设应用程序可以通过电子设备中的摄像头等图像采集装置来实现拍摄功能。在拍摄功能中，可以向用户提供拍摄创作素材对象，通过使用拍摄创作素材对象可以便捷地拍摄出带有创作素材对象的媒体内容。拍摄创作素材对象简称创作素材对象，可包括拍摄特效或拍摄滤镜、模板等，创作素材对象中可以包括贴纸、美颜效果、虚拟动画、互动控件以及互动游戏等。
图2为相关技术中的一种界面示意图，相关技术中，用户想要在拍摄功能中使用创作素材对象，需要从拍摄页面201中触发创作素材对象面板202的显示，在创作素材对象面板202中选择需要的创作素材对象(假设选择小丑特效)后，关闭创作素材对象面板202，再在拍摄页面201中通过点击拍摄按钮203的方式启动拍摄。可见，在创作素材对象面板202处于显示状态时，创作素材对 象面板202处于拍摄页面201的上层，会对拍摄页面201中显示的拍摄功能的取景内容(如图2中的用户头部图像)造成遮挡，且需要关闭创作素材对象面板202后，才能够触发拍摄，操作路径复杂，创作素材对象拍摄体验差。
本公开实施例中，提供目标页面，在需要使用创作素材对象时，可以通过输入预设操作(预设操作的操作类型不做限定)的方式，在目标页面中同时显示拍摄画面区域和创作素材对象展示区域，拍摄画面区域和创作素材对象展示区域的尺寸和/或显示位置存在关联关系，该关联关系可以根据实际需求设置，例如，该两个区域的高度之和与目标页面的高度相等，或该两个区域的高度呈负相关，又或者该两个区域存在一个重合的边界等。可选的，拍摄画面区域和创作素材对象展示区域不存在交集，也即不存在重叠的部分，该两个区域的位置关系以及尺寸大小等不做限定。
图3为本公开实施例所提供的一种界面示意图，如图3所示，目标页面中可同时显示不存在交集的拍摄画面区域301和创作素材对象展示区域302。
步骤102、在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
示例性的，目标页面对应有拍摄功能，第一画面可以理解为包含目标页面对应的拍摄功能的取景内容的画面，拍摄功能的取景内容可以理解为摄像头等图像采样装置所采集的图像内容，可以与摄像头的属性(如镜头类型)或摄像头的拍摄参数(如焦距倍数)等相关，若此时触发拍摄，则所拍摄的图像或视频帧的内容则为拍摄功能的取景内容。如图3所示，拍摄画面区域301中显示有包含拍摄功能的取景内容(如用户头部图像)的第一画面。创作素材对象展示区域302不会对用户头部图像产生遮挡，对比图2可知，本公开实施例提供的方案可以使用户在选择创作素材对象的过程中，能够查看更加完整的取景内容。
示例性的，创作素材对象展示区域中展示至少一个创作素材对象标识，通常为多个，创作素材对象标识可以是创作素材对象标识所属创作素材对象的名称或示意图等，用户可以通过触发创作素材对象标识来进行创作素材对象标识对应的创作素材对象的选中操作。可选的，在用户未选中任何创作素材对象的情况下，可以将预设创作素材对象设置为选中状态，或默认不存在处于选中状态的创作素材对象。如图3所示，在创作素材对象展示区域302展示有6个创 作素材对象标识，每个创作素材对象标识对应一个创作素材对象。
示例性的，拍摄控件用于触发拍摄操作，若创作素材对象展示区域中的一个创作素材对象标识处于选中状态，则将该创作素材对象标识记为目标创作素材对象标识，触发拍摄控件后，基于目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。拍摄控件显示于目标页面中，拍摄控件的显示位置不做限定，可以拍摄控件显示于拍摄画面区域中、也可以显示于创作素材对象展示区域中、还可以同时显示于拍摄画面区域和创作素材对象展示区域(如显示于两者交界处)、还可以显示于目标页面中除拍摄画面区域和创作素材对象展示区域之外的区域中。如图3所示，拍摄控件303可以显示于拍摄画面区域301中，供用户触发。
本公开实施例提供的页面显示方法，响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，拍摄画面区域和创作素材对象展示区域的尺寸和/或显示位置存在关联关系，在拍摄画面区域内显示第一画面，在创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在目标页面中显示拍摄控件，第一画面中的画面内容与目标页面对应的拍摄功能的取景内容一致，拍摄控件用于在至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。通过采用上述技术方案，第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，使得用户可以在进行创作素材对象选择的过程中，能够全面地查看拍摄功能的取景内容，在选中所要使用的创作素材对象后，可以通过触发拍摄控件直接应用所选创作素材对象进行拍摄，有利于提高拍摄效率和拍摄体验。
在一些实施例中，该方法还可包括：响应于针对所述拍摄控件的触发操作，基于所述目标创作素材标识对应的目标拍摄创作素材对象进行拍摄，并根据拍摄结果确定待发布作品。这样设置的好处在于，可以将带有创作素材对象的拍摄结果作为待发布作品，有利于提升作品发布的便捷性以及发布效率。
在一些实施例中，在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下，所述第一画面包括所述目标拍摄创作素材对象作用于拍摄内容后得到的画面。这样设置的好处在于，可以在触发拍摄前，使用户更加直观地查看创作素材对象的使用效果，方便用户从创作素材对象展示区域中选择合适的创作素材对象，并且，提前将所选创作素材对象作用于取景内容上，有利于提升拍摄效率。
在一些实施例中，所述响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：在所述拍摄页面中响应于预设页面切换操作， 从所述拍摄页面切换至目标页面，并在目标页面中显示拍摄画面区域和创作素材对象展示区域。这样设置的好处在于，用户可以通过在拍摄页面中输入预设页面切换操作，便捷地从拍摄页面切换至目标页面中。
预设页面切换操作的类型不做限定，例如可以是针对创作素材对象展示控件的触发操作(该触发操作例如可以是点击操作、长按操作、双击操作或指向预设方向滑动操作等)，还可以是作用于拍摄页面的指向预设方向的滑动操作(如向上滑动)等。
在一些实施例中，所述拍摄页面中展示有所述拍摄功能对应的第二画面，所述第一画面的尺寸小于所述第二画面的尺寸，且所述第一画面的尺寸比例与所述第二画面的尺寸比例一致。其中，所述第二画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致。尺寸比例可以是高宽比，如第一画面的高宽比和第二画面的高宽比同为4：3。这样设置的好处在于，第二画面通常占满拍摄页面或占据拍摄页面中较大的显示面积，目标页面通常与拍摄页面等大，为了有效利用目标页面的显示空间，可以对第二画面进行等比例缩小，得到第一画面，并在目标页面中进行显示。
在一些实施例中，所述拍摄画面区域包含于目标区域内，所述目标区域中还包括控件展示区域，所述目标区域的尺寸和所述创作素材对象展示区域的尺寸存在关联关系。这样设置的好处在于，由于第一画面在第二画面基础上进行等比例缩小，因此，目标页面中存在空白区域，可以将该空白区域作为控件展示区域，在需要展示相关控件时，可以在该空白区域进行展示，方便用户进行交互操作，提升用户体验。控件展示区域可以是一个或多个闭合区域。其中，所述目标区域的尺寸和所述创作素材对象展示区域的尺寸存在关联关系，例如所述目标区域和所述创作素材对象展示区域不存在交集。
图4为本公开实施例所提供的又一种界面示意图，假设目标页面中除创作素材对象展示区域之外的区域为目标区域，拍摄画面区域401包含于目标区域内，目标区域中还包括第一控件展示区域402和第二控件展示区域403，分别位于拍摄画面区域401的两侧。控件展示区域用于展示控件，可以根据不同的使用状态确定是否展示控件。
在一些实施例中，所述控件展示区域中展示有目标控件，所述目标控件包括拍摄设置控件、创作素材对象关联控件和所述拍摄控件中的至少一个。这样设置的好处在于，用户可以通过触发目标控件来更好地进行拍摄，进一步提升拍摄体验。
示例性的，拍摄设置控件可以理解为用于对拍摄操作的相关参数进行设置的控件，例如可以包括前后置摄像头切换控件、闪光灯控件、美颜开启或关闭 控件、以及延迟拍摄控件等。当目标控件包括拍摄设置控件时，可以在触发拍摄控件之前，通过目标控件来对本次拍摄进行相关设置。
示例性的，创作素材对象关联控件可以理解为与创作素材对象相关的控件。创作素材对象关联控件可以包括创作素材对象属性相关的控件，如创作素材对象作者标识控件或创作素材对象热度控件等。例如，通过触发创作素材对象作者标识控件，可以查看目标拍摄创作素材对象的创作者的个人页面；通过触发创作素材对象热度控件，可以查看预设时段(如最近一个月或最近一周等)内目标拍摄创作素材对象被使用的次数等。
示例性的，创作素材对象关联控件还可包括基于创作素材对象的交互控件，例如基于创作素材对象的交互控件可以是创作素材对象收藏控件、创作素材对象取消收藏控件或创作素材对象分享控件等。例如，通过触发创作素材对象收藏控件，可以将目标拍摄创作素材对象进行收藏，方便下次使用时可以快速找到；通过触发创作素材对象分享控件，可以将目标拍摄创作素材对象分享给目标用户，如通讯录好友等，方便与目标用户之间的基于创作素材对象的交互。
在一些实施例中，所述控件展示区域中当前展示的目标控件与所述目标拍摄创作素材对象关联。这样设置的好处在于，可以根据所选中的创作素材对象的不同，而个性化地展示目标控件。
可选的，所述控件展示区域中当前展示的目标控件的类型、数量以及样式中的至少一个，与所述目标拍摄创作素材对象关联。
例如，对于需要前置拍摄的创作素材对象来说，可以不展示前后置摄像头切换控件，而对此没有限制的创作素材对象来说，可以展示前后置摄像头切换控件，供用户根据实际需求设置；又如，若目标拍摄创作素材对象未被用户收藏过，可以显示创作素材对象收藏控件，若目标拍摄创作素材对象已被收藏过，可以显示创作素材对象取消收藏控件或不显示收藏操作相关的控件，或者，若目标拍摄创作素材对象未被收藏过，则显示空心样式的收藏控件，若目标拍摄创作素材对象已被收藏过，则显示实心样式的收藏控件。
在一些实施例中，所述方法还包括：在所述创作素材对象展示区域的上层展示预设悬浮控件，并在所述预设悬浮控件中展示所述目标拍摄创作素材对象对应的预设媒体资源对应的资源标识。示例性的，对于一些创作素材对象来说，可能存在需要从预设来源处传入媒体资源作为拍摄背景或创作素材对象中其他待填充内容的情况，在创作素材对象展示区域的上层展示预设悬浮控件，并在该控件内展示资源标识，可以方便用户快速选择预设媒体资源参与创作素材对象拍摄，且预设悬浮控件不会对第一画面产生遮挡。资源标识可以是媒体资源的缩略图。上述预设来源例如可包括本地相册，可包括当前用户历史使用目标 拍摄创作素材对象时选择过的预设媒体资源构成的第一集合，还可包括目标用户历史使用目标拍摄创作素材对象时选择过的预设媒体资源构成的第二集合。若预设来源为上述第二集合，则需要在得到目标用户的充分授权的情况下，显示于预设悬浮控件中。可选的，目标用户为与当前用户存在预设交互关系的用户，如互相关注关系等。
在一些实施例中，所述创作素材对象展示区域的展示样式包括第一交互样式和第二交互样式，不同交互样式对应不同的交互操作。这样设置的好处在于，可以丰富创作素材对象展示区域的展示样式，满足用户多样化的交互需求。
在一些实施例中，所述第一交互样式包括单排列表样式排布的创作素材对象标识，和/或，所述第二交互样式包括矩阵样式排布的创作素材对象标识。创作素材对象标识以单排列表样式进行排布后，可以节约显示空间，而创作素材对象标识以矩阵样式进行排布后，可以展示更多的创作素材对象标识，提高创作素材对象的选择效率。
在一些实施例中，所述在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：在拍摄页面中响应于预设区域切换操作，在所述拍摄页面中将预设区域切换为创作素材对象展示区域，其中，切换后的创作素材对象展示区域以所述第一交互样式进行展示；响应于预设页面切换操作，从所述拍摄页面切换至目标页面，在所述目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述目标页面中的创作素材对象展示区域以所述第二交互样式进行展示。这样设置的好处在于，可以实现两种不同的创作素材对象展示区域的显示方式之间的灵活切换。
可选的，预设区域可以是拍摄页面中的如页面标签显示区域或工具栏区域等。图5为本公开实施例所提供的再一种界面示意图，拍摄页面中显示有拍摄画面区域501和预设区域502，预设区域502可以理解为工具栏区域，工具栏区域中显示有不同的拍摄模式选项。用户点击创作素材对象控件后，可认为接收到预设区域切换操作，将预设区域502切换为创作素材对象展示区域503，在创作素材对象展示区域503中包括单排列表样式排布的创作素材对象标识。
可选的，以所述第一交互样式进行展示的所述创作素材对象展示区域中，包括包含至少一个拍摄创作素材对象对应的至少一个创作素材对象标识的滑动列表、以及预设展开控件。在滑动列表中预先设定预设触发区域，用户在滑动列表中进行滑动过程中，当一个创作素材对象标识与预设触发区域的重合面积达到预设阈值时，可将该创作素材对象标识确定为被选中的目标创作素材对象标识，如图5中的第二个创作素材对象即为目标创作素材对象标识504。
可选的，第二交互样式的创作素材对象展示区域的尺寸大于第一交互样式的创作素材对象展示区域的尺寸，第二交互样式的创作素材对象展示区域内显示的创作素材对象标识的数量大于第一交互样式的创作素材对象展示区域中的创作素材对象标识的数量。预设页面切换操作例如可以是点击预设展开控件。
在一些实施例中，所述方法还包括：响应于针对所述滑动列表的预设滑动操作，控制所述滑动列表中的至少一个创作素材对象标识移动，并在移动过程中隐藏所述预设展开控件，以增加显示所述滑动列表中的创作素材对象标识。这样设置的好处在于，用户在滑动创作素材对象标识过程中，一般不会选择触发预设展开控件，因此，可以将预设展开控件隐藏，以显示更多的创作素材对象标识，提高显示空间利用率。
可选的，当用户停止输入预设滑动操作时，如用户松开手指，恢复预设展开控件的显示。
在一些实施例中，所述从所述拍摄页面切换至目标页面，包括：在所述拍摄页面中将拍摄画面区域的尺寸进行调整，使得调整后的所述拍摄画面区域适应以所述第二交互样式进行展示的创作素材对象展示区域，以实现从拍摄页面切换至目标页面。这样设置的好处在于，在进行页面切换的过程中，动态调整拍摄画面区域，提高页面切换的流畅性，提升切换效果。
可选的，所述在所述拍摄页面中将拍摄画面区域的尺寸进行调整，包括：将所述拍摄页面中所述拍摄功能对应的第二画面缩小为所述第一画面。这样设置的好处在于，对拍摄功能对应的画面进行动态调整，进一步提升画面切换的流畅性，避免拍摄画面跳变对用户的拍摄内容观看体验产生影响。
图6为本公开实施例所提供的另一种页面显示方法的流程示意图，本公开实施例以上述实施例中可选方案为基础进行说明。该方法包括如下步骤：
步骤601、在拍摄页面中显示第一拍摄画面区域、预设区域、创作素材对象控件和第一拍摄控件，在第一拍摄画面区域内显示第二画面。
其中，第二画面中的画面内容与拍摄功能的取景内容一致。
图7为本公开实施例所提供的另一种界面示意图，如图7所示，在拍摄页面中显示第一拍摄画面区域701、预设区域702、创作素材对象控件703和第一拍摄控件704，在第一拍摄画面区域701显示第二画面，例如用户头部图像。此外，拍摄页面中还可以显示控件区域705，显示控件区域705中可以展示多种用于拍摄设置的控件，如图7中依次为闪光灯控件、前后置摄像头切换控件、美颜开启或关闭控件、滤镜设置控件以及调速控件。创作素材对象控件703中的内容可以是默认拍摄创作素材对象的示意图。
步骤602、检测到创作素材对象控件被触发，确定触发方式，若触发方式为第一触发方式，则执行步骤603；若触发方式为第二触发方式，则执行步骤605。
示例性的，本公开实施例中可以提供两种触发创作素材对象控件703的方式，第一触发方式例如可以是点击，第二触发方式例如可以是向上滑动。
步骤603、确定接收到预设区域切换操作，在拍摄页面中将预设区域切换为第一交互样式的创作素材对象展示区域，并在创作素材对象展示区域中展示包含拍摄创作素材对象对应的创作素材对象标识的滑动列表、以及预设展开控件。
示例性的，所述第一交互样式包括单排列表样式排布的创作素材对象标识。若用户以点击方式触发创作素材对象控件703(实线手部示意图)，则可确定接收到预设区域切换操作，将预设区域702切换为以第一交互样式进行展示的创作素材对象展示区域706，并在创作素材对象展示区域706中展示包含3个创作素材对象标识的滑动列表，以及预设展开控件707。其中，假设在初始展示创作素材对象展示区域706时，可以将默认拍摄创作素材对象设定为选中状态，假设特效2为默认拍摄创作素材对象，其效果为添加心形贴纸，则可将心形贴纸作用于当前的拍摄内容上，得到用于在第一拍摄画面区域中显示的画面。第一拍摄画面区域中仍显示有第一拍摄控件704，若用户想要采用默认拍摄创作素材对象进行拍摄，则用户可以通过触发第一拍摄控件704的方式，触发拍摄。可选的，若用户不想采用创作素材对象拍摄，可以再次以点击方式触发创作素材对象控件703，将创作素材对象展示区域706切换回预设区域702。
步骤604、响应于预设页面切换操作，在拍摄页面中将第一拍摄画面区域的尺寸进行调整，使得调整后的第二拍摄画面区域适应以第二交互样式进行展示的创作素材对象展示区域，以实现从拍摄页面切换至目标页面，在目标页面中显示控件展示区域，执行步骤606。
示例性的，所述第二交互样式包括矩阵样式排布的创作素材对象标识。当用户点击预设展开控件707后，将第一拍摄画面区域的尺寸缩小为适应以第二交互样式进行展示的创作素材对象展示区域709的第二拍摄画面区域708，实现从拍摄页面切换至目标页面，并在目标页面中显示第一控件展示区域710和第二控件展示区域711。
可选的，可在创作素材对象展示区域709中显示预设收起控件，当用户触发预设收起控件后，返回至包含以第一交互样式进行展示的创作素材对象展示区域706的拍摄页面。
步骤605、确定接收到预设页面切换操作，从拍摄页面切换至目标页面，在目标页面中显示第二拍摄画面区域、控件展示区域和以第二交互样式进行展示 的创作素材对象展示区域。
示例性的，若用户以向上滑动方式触发创作素材对象控件703(虚线手部示意图)，则可确定接收到预设页面切换操作，从拍摄页面直接切换至目标页面。
可选的，用户可以通过输入向下滑动操作，来从目标页面切换回包含预设区域的拍摄页面。
步骤606、在第二拍摄画面区域内显示第一画面和第二拍摄控件，在创作素材对象展示区域中展示拍摄创作素材对象对应的创作素材对象标识，在控件展示区域展示目标控件。
如图7所示，第二拍摄画面区域708展示作用有特效2的第一画面，第一画面中的画面内容与拍摄功能的取景内容一致，也即与第二画面中的画面内容一致，第一画面的尺寸小于第二画面的尺寸，且第一画面的尺寸比例与第二画面的尺寸比例一致。在第二拍摄画面区域708展示第二拍摄控件712，若第二拍摄控件712被触发，则基于特效2进行拍摄。
第一控件展示区域710用于展示特效2对应的拍摄设置控件，所展示的拍摄设置控件少于控件区域705展示的控件，如包括闪光灯控件、前后置摄像头切换控件、以及美颜开启或关闭控件；第二控件展示区域711用于展示特效2对应的创作素材对象关联控件，如包括创作素材对象作者标识控件、创作素材对象收藏控件和创作素材对象分享控件。
步骤607、响应于目标创作素材对象标识进入选中状态，将目标创作素材对象标识对应的目标拍摄创作素材对象作用于拍摄内容，并将目标拍摄创作素材对象作用于拍摄内容得到的画面作为第一画面进行显示。
如图7所示，若用户主动选择特效3(如小丑特效)，则特效3对应的创作素材对象标识记为目标创作素材对象标识，将特效3作用于拍摄内容上，得到新的第一画面。
示例性的，在更换被选中创作素材对象后，可以对控件展示区域中展示的控件进行调整。如图7所示，选中特效3后，第一控件展示区域710变更为用于展示特效3对应的拍摄设置控件，如闪光灯控件、以及美颜开启或关闭控件，第二控件展示区域711变更为用于展示特效3对应的创作素材对象关联控件，如包括创作素材对象作者标识控件、创作素材对象取消收藏控件和创作素材对象分享控件。
可选的，若特效3需要从相册中选择图片，则可在创作素材对象展示区域709的上层展示预设悬浮控件713，并在预设悬浮控件713中展示相册中媒体资源对应的资源标识，该资源标识可以是图片的缩略图(图7中以数字代替)。
步骤608、响应于针对第二拍摄控件的触发操作，进入拍摄页面，并基于目标拍摄创作素材对象进行拍摄，根据拍摄结果确定待发布作品。
用户点击第二拍摄控件712后，开始拍摄，拍摄结束后，根据拍摄结果确定待发布作品，若用户对该待发布作品满意，则可直接进行发布，提高作品发布效率。示例性的，用户点击第二拍摄控件712后，可以保持在当前目标页面进行拍摄，或跳转至全屏展示取景内容的页面进行拍摄。
本公开实施例提供的页面显示方法，在拍摄页面中，为用户提供两种显示创作素材对象标识的方式，可分别显示包含单排列表样式排布的创作素材对象标识的拍摄页面和包含矩阵样式排布的特效创作素材对象标识的目标页面，在这两种页面中，拍摄内容不会被创作素材对象标识所遮挡，使得用户可以全面地查看拍摄内容，且这两种页面之间可以灵活切换，使得用户可以根据实际需求选择进入不同模式的页面，并在页面中进行创作素材对象的选择，选择创作素材对象后，将创作素材对象作用于拍摄内容，使得用户可以在选择创作素材对象的过程中，可以全面地感知拍摄效果，在进行创作素材对象选择以外，还可以基于控件展示区域，针对所选创作素材对象进行拍摄设置以及基于控件的交互，提升拍摄体验和拍摄效果，在确定需要采用所选创作素材对象进行拍摄时，可直接通过触发当前页面中的拍摄控件进行拍摄，无需返回初始的拍摄页面，有效提升拍摄效率，进一步提升拍摄体验，拍摄后，可直接根据拍摄结果确定待发布作品，进而提升作品发布效率。
图8为本公开实施例所提供的一种页面显示装置的结构示意图，如图8所示，所述装置包括：第一显示模块801，设置为响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；第二显示模块802，设置为在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
本公开实施例所提供的页面显示装置，响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，拍摄画面区域和创作素材对象展示区域的尺寸和/或显示位置存在关联关系，在拍摄画面区域内显示第一画面，在创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在目标页面中显示拍摄控件，第一画面中的画面内容与目 标页面对应的拍摄功能的取景内容一致，拍摄控件用于在至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。通过采用上述技术方案，第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，使得用户可以在进行创作素材对象选择的过程中，能够全面地查看拍摄功能的取景内容，在选中所要使用的创作素材对象后，可以通过触发拍摄控件直接应用所选创作素材对象进行拍摄，有利于提高拍摄效率和拍摄体验。
可选的，所述拍摄控件显示于所述拍摄画面区域和/或所述创作素材对象展示区域。
可选的，所述第一显示模块是设置为：在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域。
可选的，所述拍摄页面中展示有所述拍摄功能对应的第二画面，所述第一画面的尺寸小于所述第二画面的尺寸，且所述第一画面的尺寸比例与所述第二画面的尺寸比例一致。
可选的，所述拍摄画面区域包含于目标区域内，所述目标区域中还包括控件展示区域，所述目标区域的尺寸和所述创作素材对象展示区域的尺寸存在关联关系。
可选的，所述控件展示区域中展示有目标控件，所述目标控件包括拍摄设置控件、创作素材对象关联控件和所述拍摄控件中的至少一个。
可选的，所述创作素材对象关联控件包括创作素材对象属性相关控件和/或基于创作素材对象的交互控件。
可选的，所述控件展示区域中当前展示的目标控件与所述目标拍摄创作素材对象关联。
可选的，所述控件展示区域中当前展示的目标控件的类型、数量以及样式中的至少一个，与所述目标拍摄创作素材对象关联。
可选的，该装置还包括：悬浮控件展示模块，设置为在所述创作素材对象展示区域的上层展示预设悬浮控件，并在所述预设悬浮控件中展示所述目标拍摄创作素材对象对应的预设媒体资源对应的资源标识。
可选的，所述创作素材对象展示区域的展示样式包括第一交互样式和第二交互样式，不同交互样式对应不同的交互操作。
可选的，所述第一交互样式包括单排列表样式排布的创作素材对象标识， 和/或，所述第二交互样式包括矩阵样式排布的创作素材对象标识。
可选的，所述第一显示模块，包括：区域切换单元，设置为在拍摄页面中响应于预设区域切换操作，在所述拍摄页面中将预设区域切换为创作素材对象展示区域，其中，切换后的创作素材对象展示区域以所述第一交互样式进行展示；页面切换单元，设置为响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述目标页面中的创作素材对象展示区域以所述第二交互样式进行展示。
可选的，页面切换单元是设置为通过如下方式从所述拍摄页面切换至目标页面：在所述拍摄页面中将拍摄画面区域的尺寸进行调整，使得调整后的所述拍摄画面区域适应以所述第二交互样式进行展示的创作素材对象展示区域，以实现从所述拍摄页面切换至目标页面。
可选的，所述页面切换单元是设置为通过如下方式在所述拍摄页面中将拍摄画面区域的尺寸进行调整：将所述拍摄页面中所述拍摄功能对应的第二画面缩小为所述第一画面。
可选的，以所述第一交互样式进行展示的所述创作素材对象展示区域中，包括包含至少一个拍摄创作素材对象对应的至少一个创作素材对象标识的滑动列表、以及预设展开控件；所述装置还包括：隐藏模块，设置为响应于针对所述滑动列表的预设滑动操作，控制所述滑动列表中的至少一个创作素材对象标识移动，并在移动过程中隐藏所述预设展开控件，以增加显示所述滑动列表中的创作素材对象标识。
可选的，在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下，所述第一画面包括所述目标拍摄创作素材对象作用于拍摄内容后得到的画面。
可选的，所述装置还包括：待发布作品确定模块，设置为响应于针对所述拍摄控件的触发操作，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄，并根据拍摄结果确定待发布作品。
可选的，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系，包括：所述拍摄画面区域和所述创作素材对象展示区域不存在交集。
本公开实施例所提供的页面显示装置可执行本公开任意实施例所提供的页面显示方法，具备执行方法相应的功能模块和效果。
上述装置所包括的多个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，每个功能单元的名 称也只是为了便于相互区分，并不用于限制本公开实施例的保护范围。
图9为本公开实施例所提供的一种电子设备的结构示意图。下面参考图9，其示出了适于用来实现本公开实施例的电子设备(例如图9中的终端设备或服务器)900的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistan，PDA)、平板电脑(Portable Android Device，PAD)、便携式多媒体播放器(Portable Android Device，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(television，TV)、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图9所示，电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901，其可以根据存储在只读存储器(Read-Only Memory，ROM)902中的程序或者从存储装置908加载到随机访问存储器(Random Access Memory，RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中，还存储有电子设备900操作所需的各种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。编辑/输出(Input/Output，I/O)接口905也连接至总线904。
通常，以下装置可以连接至I/O接口905：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置907；包括例如磁带、硬盘等的存储装置908；以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备900，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置909从网络上被下载和安装，或者从存储装置908被安装，或者从ROM 902被安装。在该计算机程序被处理装置901执行时，执行本公开实施例的方法中限定的上述功能。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
本公开实施例提供的电子设备与上述实施例提供的页面显示方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实 施例与上述实施例具有相同的效果。
本公开实施例提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述实施例所提供的页面显示方法。
本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM)或闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(HyperText Transfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对 象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括(LAN或WAN—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开多种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，第一显示模块还可以被描述为“响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域的模块，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex  Programmable Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、RAM、ROM、EPROM或快闪存储器、光纤、便捷式CD-ROM、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，提供了一种页面显示方法，包括：响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
根据本公开的一个或多个实施例，所述拍摄控件显示于所述拍摄画面区域和/或所述创作素材对象展示区域。
根据本公开的一个或多个实施例，所述响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域。
根据本公开的一个或多个实施例，所述拍摄页面中展示有所述拍摄功能对应的第二画面，所述第一画面的尺寸小于所述第二画面的尺寸，且所述第一画面的尺寸比例与所述第二画面的尺寸比例一致。
根据本公开的一个或多个实施例，所述拍摄画面区域包含于目标区域内，所述目标区域中还包括控件展示区域，所述目标区域的尺寸和所述创作素材对象展示区域的尺寸存在关联关系。
根据本公开的一个或多个实施例，所述控件展示区域中展示有目标控件，所述目标控件包括拍摄设置控件、创作素材对象关联控件和所述拍摄控件中的至少一个。
根据本公开的一个或多个实施例，所述创作素材对象关联控件包括创作素材对象属性相关控件和/或基于创作素材对象的交互控件。
根据本公开的一个或多个实施例，所述控件展示区域中当前展示的目标控件与所述目标拍摄创作素材对象关联。
根据本公开的一个或多个实施例，所述控件展示区域中当前展示的目标控件的类型、数量以及样式中的至少一个，与所述目标拍摄创作素材对象关联。
根据本公开的一个或多个实施例，所述方法还包括：在所述创作素材对象展示区域的上层展示预设悬浮控件，并在所述预设悬浮控件中展示所述目标拍摄创作素材对象对应的预设媒体资源对应的资源标识。
根据本公开的一个或多个实施例，所述创作素材对象展示区域的展示样式包括第一交互样式和第二交互样式，不同交互样式对应不同的交互操作。
根据本公开的一个或多个实施例，所述第一交互样式包括单排列表样式排布的创作素材对象标识，和/或，所述第二交互样式包括矩阵样式排布的创作素材对象标识。
根据本公开的一个或多个实施例，所述在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：在拍摄页面中响应于预设区域切换操作，在所述拍摄页面中将预设区域切换为创作素材对象展示区域，其中，切换后的创作素材对象展示区域以所述第一交互样式进行展示；响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述目标页面中的创作素材对象展示区域以所述第二交互样式进行展示。
根据本公开的一个或多个实施例，所述从所述拍摄页面切换至目标页面，包括：在所述拍摄页面中将拍摄画面区域的尺寸进行调整，使得调整后的所述拍摄画面区域适应以所述第二交互样式进行展示的创作素材对象展示区域，以实现从拍摄页面切换至目标页面。
根据本公开的一个或多个实施例，所述在所述拍摄页面中将拍摄画面区域的尺寸进行调整，包括：将所述拍摄页面中所述拍摄功能对应的第二画面缩小为所述第一画面。
根据本公开的一个或多个实施例，以所述第一交互样式进行展示的所述创作素材对象展示区域中，包括包含至少一个拍摄创作素材对象对应的至少一个创作素材对象标识的滑动列表、以及预设展开控件；所述方法还包括：响应于针对所述滑动列表的预设滑动操作，控制所述滑动列表中的至少一个创作素材 对象标识移动，并在移动过程中隐藏所述预设展开控件，以增加显示所述滑动列表中的创作素材对象标识。
根据本公开的一个或多个实施例，在所述创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下，所述第一画面包括所述目标拍摄创作素材对象作用于拍摄内容后得到的画面。
根据本公开的一个或多个实施例，所述方法还包括：响应于针对所述拍摄控件的触发操作，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄，并根据拍摄结果确定待发布作品。
根据本公开的一个或多个实施例，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系，包括：所述拍摄画面区域和所述创作素材对象展示区域不存在交集。
根据本公开的一个或多个实施例，提供了页面显示装置，包括：第一显示模块，设置为响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和/或显示位置存在关联关系；第二显示模块，设置为在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
根据本公开的一个或多个实施例，提供了一种电子设备，所述电子设备包括：一个或多个处理器；存储装置，设置为存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本公开实施例提供的页面显示方法。
根据本公开的一个或多个实施例，提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本公开实施例提供的页面显示方法。
虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征 还可以组合地实现在单个实施例中。在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (23)

  1. 一种页面显示方法，包括：
    响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和显示位置中的至少之一存在关联关系；
    在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
  2. 根据权利要求1所述的方法，其中，所述拍摄控件显示于以下至少之一区域：所述拍摄画面区域和所述创作素材对象展示区域。
  3. 根据权利要求1所述的方法，其中，所述响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：
    在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域。
  4. 根据权利要求3所述的方法，其中，所述拍摄页面中展示有所述拍摄功能对应的第二画面，所述第一画面的尺寸小于所述第二画面的尺寸，且所述第一画面的尺寸比例与所述第二画面的尺寸比例一致。
  5. 根据权利要求4所述的方法，其中，所述拍摄画面区域包含于目标区域内，所述目标区域中还包括控件展示区域，所述目标区域的尺寸和所述创作素材对象展示区域的尺寸存在关联关系。
  6. 根据权利要求5所述的方法，其中，所述控件展示区域中展示有目标控件，所述目标控件包括拍摄设置控件、创作素材对象关联控件和所述拍摄控件中的至少一个。
  7. 根据权利要求6所述的方法，其中，所述创作素材对象关联控件包括以下至少之一：创作素材对象属性相关控件和基于创作素材对象的交互控件。
  8. 根据权利要求6所述的方法，其中，所述控件展示区域中当前展示的目标控件与所述目标拍摄创作素材对象关联。
  9. 根据权利要求8所述的方法，其中，所述控件展示区域中当前展示的目标控件的类型、数量以及样式中的至少一个，与所述目标拍摄创作素材对象关联。
  10. 根据权利要求1所述的方法，还包括：
    在所述创作素材对象展示区域的上层展示预设悬浮控件，并在所述预设悬浮控件中展示所述目标拍摄创作素材对象对应的预设媒体资源对应的资源标识。
  11. 根据权利要求3所述的方法，其中，所述创作素材对象展示区域的展示样式包括第一交互样式和第二交互样式，不同交互样式对应不同的交互操作。
  12. 根据权利要求11所述的方法，其中，所述第一交互样式包括单排列表样式排布的创作素材对象标识，和/或，所述第二交互样式包括矩阵样式排布的创作素材对象标识。
  13. 根据权利要求12所述的方法，其中，所述在拍摄页面中响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在目标页面中显示拍摄画面区域和创作素材对象展示区域，包括：
    在拍摄页面中响应于预设区域切换操作，在所述拍摄页面中将预设区域切换为创作素材对象展示区域，其中，切换后的创作素材对象展示区域以所述第一交互样式进行展示；
    响应于预设页面切换操作，从所述拍摄页面切换至目标页面，并在所述目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述目标页面中的创作素材对象展示区域以所述第二交互样式进行展示。
  14. 根据权利要求13所述的方法，其中，所述从所述拍摄页面切换至目标页面，包括：
    在所述拍摄页面中将拍摄画面区域的尺寸进行调整，使得调整后的所述拍摄画面区域适应以所述第二交互样式进行展示的创作素材对象展示区域，以实现从所述拍摄页面切换至目标页面。
  15. 根据权利要求14所述的方法，其中，所述在所述拍摄页面中将拍摄画面区域的尺寸进行调整，包括：
    将所述拍摄页面中所述拍摄功能对应的第二画面缩小为所述第一画面。
  16. 根据权利要求13所述的方法，其中，以所述第一交互样式进行展示的所述创作素材对象展示区域中，包括包含至少一个拍摄创作素材对象对应的至少一个创作素材对象标识的滑动列表、以及预设展开控件；
    其中，所述方法还包括：
    响应于针对所述滑动列表的预设滑动操作，控制所述滑动列表中的至少一个创作素材对象标识移动，并在移动过程中隐藏所述预设展开控件，以增加显 示在所述滑动列表中的创作素材对象标识。
  17. 根据权利要求1所述的方法，其中，在所述创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下，所述第一画面包括所述目标拍摄创作素材对象作用于拍摄内容后得到的画面。
  18. 根据权利要求1所述的方法，还包括：
    响应于针对所述拍摄控件的触发操作，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄，并根据拍摄结果确定待发布作品。
  19. 根据权利要求1所述的方法，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和显示位置中的至少之一存在关联关系，包括：所述拍摄画面区域和所述创作素材对象展示区域不存在交集。
  20. 一种页面显示装置，包括：
    第一显示模块，设置为响应于预设操作，在目标页面中显示拍摄画面区域和创作素材对象展示区域，其中，所述拍摄画面区域和所述创作素材对象展示区域的尺寸和显示位置中的至少之一存在关联关系；
    第二显示模块，设置为在所述拍摄画面区域内显示第一画面，在所述创作素材对象展示区域中展示至少一个拍摄创作素材对象对应的至少一个创作素材对象标识，以及在所述目标页面中显示拍摄控件，其中，所述第一画面中的画面内容与所述目标页面对应的拍摄功能的取景内容一致，所述拍摄控件用于在所述至少一个创作素材对象标识中存在处于选中状态的目标创作素材对象标识的情况下被触发后，基于所述目标创作素材对象标识对应的目标拍摄创作素材对象进行拍摄。
  21. 根据权利要求20所述的装置，包括：用于执行如权利要求2-19任一项所述的方法的模块。
  22. 一种电子设备，包括：
    至少一个处理器；
    存储装置，设置为存储至少一个程序，
    当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现如权利要求1-19中任一所述的页面显示方法。
  23. 一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-19中任一所述的页面显示方法。
PCT/CN2023/113229 2022-08-16 2023-08-16 页面显示方法、装置、设备及存储介质 WO2024037555A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210983335.4 2022-08-16
CN202210983335.4A CN115291772A (zh) 2022-08-16 2022-08-16 页面显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2024037555A1 true WO2024037555A1 (zh) 2024-02-22

Family

ID=83830181

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/113229 WO2024037555A1 (zh) 2022-08-16 2023-08-16 页面显示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN115291772A (zh)
WO (1) WO2024037555A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115291772A (zh) * 2022-08-16 2022-11-04 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质
CN115858077A (zh) * 2022-12-22 2023-03-28 北京字跳网络技术有限公司 用于创建特效的方法、装置、设备和介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112135059A (zh) * 2020-09-30 2020-12-25 北京字跳网络技术有限公司 拍摄方法、装置、电子设备和存储介质
CN112817494A (zh) * 2021-01-26 2021-05-18 北京达佳互联信息技术有限公司 数据处理方法、装置、电子设备及存储介质
CN115291772A (zh) * 2022-08-16 2022-11-04 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110827378B (zh) * 2019-10-31 2023-06-09 北京字节跳动网络技术有限公司 虚拟形象的生成方法、装置、终端及存储介质
CN112153288B (zh) * 2020-09-25 2023-10-13 北京字跳网络技术有限公司 用于发布视频或图像的方法、装置、设备和介质
CN114390193B (zh) * 2021-12-06 2023-12-19 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质
CN114598815B (zh) * 2022-03-02 2024-01-05 北京字跳网络技术有限公司 一种拍摄方法、装置、电子设备和存储介质

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112135059A (zh) * 2020-09-30 2020-12-25 北京字跳网络技术有限公司 拍摄方法、装置、电子设备和存储介质
CN112817494A (zh) * 2021-01-26 2021-05-18 北京达佳互联信息技术有限公司 数据处理方法、装置、电子设备及存储介质
CN115291772A (zh) * 2022-08-16 2022-11-04 北京字跳网络技术有限公司 页面显示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN115291772A (zh) 2022-11-04

Similar Documents

Publication Publication Date Title
US20230316683A1 (en) Video clip object tracking
CN110908625B (zh) 多屏显示方法、装置、设备、系统、舱体及存储介质
WO2024037555A1 (zh) 页面显示方法、装置、设备及存储介质
KR20220130197A (ko) 촬영 방법, 장치, 전자설비 및 저장매체
US20240053879A1 (en) Object Drag Method and Device
WO2020029526A1 (zh) 视频特效添加方法、装置、终端设备及存储介质
WO2022077996A1 (zh) 一种多媒体数据处理方法、装置、电子设备和存储介质
CN111970571B (zh) 视频制作方法、装置、设备及存储介质
CN112230914B (zh) 小程序的制作方法、装置、终端及存储介质
CN113891164A (zh) 视频列表的显示方法、装置、电子设备和存储介质
CN115474085B (zh) 媒体内容播放方法、装置、设备和存储介质
WO2023169305A1 (zh) 特效视频生成方法、装置、电子设备及存储介质
US12026362B2 (en) Video editing application for mobile devices
WO2024198947A1 (zh) 虚拟场景处理方法、装置、电子设备及存储介质
JP2024528450A (ja) ビデオインタラクション方法、装置、機器及び媒体
CN114363686B (zh) 多媒体内容的发布方法、装置、设备和介质
JP2024518472A (ja) 画像融合方法、装置、電子機器および記憶媒体
WO2024037491A1 (zh) 媒体内容处理方法、装置、设备及存储介质
US11935172B2 (en) Method, system, and non-transitory computer readable record medium for expressing emotion in conversation message using gesture
WO2023207543A1 (zh) 媒体内容的发布方法、装置、设备、存储介质和程序产品
US20230405475A1 (en) Shooting method, apparatus, device and medium based on virtual reality space
CN115022696A (zh) 视频预览方法、装置、可读介质及电子设备
WO2023273692A1 (zh) 信息回复方法、装置、电子设备、计算机存储介质和产品
WO2024193540A1 (zh) 交互方法、装置、设备及存储介质
WO2024169856A1 (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: 23854455

Country of ref document: EP

Kind code of ref document: A1