Media content generation method, apparatus, device, medium, and product

Abstract

The method comprises: in response to a first trigger operation of generating media content, displaying at least two preview media contents in a shooting page according to preset page layout information; wherein the at least two preview media contents correspond to the same content; in response to detecting that an event of obtaining media content is met, replacing the preview media content with the obtained first media content; for the displayed at least two first media contents, determining second media contents of the first media content in a first style type, and displaying; wherein the at least two first media contents have the same content, the second media contents have different style types, and type information of the style types is related to the preset page layout information. According to the scheme, at least two media contents with different style types can be displayed in the same page according to the preset display mode, so that the effect of improving the picture content richness is achieved.

Description

Technical Field

[0001] This disclosure relates to the field of computer processing technology, and more particularly to a method, apparatus, device, medium, and product for generating media content. Background Technology

[0002] Currently, images can be stylized based on style models integrated into application software, and corresponding styled images can be displayed.

[0003] In existing technologies, when generating style images based on the above methods, there is a problem that the image content is monotonous, resulting in poor image display. Summary of the Invention

[0004] This disclosure provides a media content generation method, apparatus, device, medium, and product that can display media content of various styles and types on the same display page, achieving the effect of rich screen content and meeting users' personalized needs.

[0005] In a first aspect, embodiments of this disclosure provide a media content generation method, the method comprising:

[0006] In response to the first trigger operation of generating media content, at least two preview media contents are displayed on the shooting page according to the preset page layout information; wherein, the content corresponding to the at least two preview media contents is the same;

[0007] In response to detecting an event that satisfies the requirement to acquire media content, the preview media content is replaced with the acquired first media content;

[0008] For at least two first media contents displayed, determine the second media content under the first style type of the first media content, and display the second media content on the shooting page;

[0009] Among them, at least two of the first media content have the same content, and the style type of the second media content corresponding to the at least two first media content is different, and the style type information is related to the preset page layout information.

[0010] Secondly, embodiments of this disclosure also provide a media content generation apparatus, the apparatus comprising:

[0011] The preview media content display module is used to respond to the first trigger operation of generating media content and display at least two preview media contents on the shooting page according to the preset page layout information; wherein, the content corresponding to the at least two preview media contents is the same;

[0012] The first media content display module is used to replace the preview media content with the acquired first media content in response to detecting an event that satisfies the requirement to acquire media content;

[0013] The second media content display module is used to determine the second media content under the first style type for at least two first media contents displayed, and to display the second media content on the shooting page;

[0014] Among them, at least two of the first media content have the same content, and the style type of the second media content corresponding to the at least two first media content is different, and the style type information is related to the preset page layout information.

[0015] Thirdly, embodiments of this disclosure also provide an electronic device, the electronic device comprising:

[0016] One or more processors;

[0017] Storage device for storing one or more programs.

[0018] When the one or more programs are executed by the one or more processors, the one or more processors implement the media content generation method as described in any of the embodiments of this disclosure.

[0019] Fourthly, embodiments of this disclosure also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform the media content generation method as described in any of the embodiments of this disclosure.

[0020] Fifthly, embodiments of this disclosure also provide a computer program product, including a computer program that, when executed by a processor, implements the media content generation method as described in any of the embodiments of this disclosure.

[0021] The technical solution provided in this disclosure, in response to a first triggering operation to generate media content, can display preview media content on a shooting page according to preset page layout information. Since the preset page layout information includes multiple layout areas, preview media content can be displayed in multiple layout areas, and the displayed preview media content is the same. Furthermore, when an event satisfying the acquisition of media content is detected, the preview media content displayed in the layout area can be replaced with first media content, i.e., the first media content is displayed. Simultaneously, when a condition for displaying second media content is detected, the first media content can be stylized according to the style type corresponding to each layout area in the preset page layout information to obtain and display the second media content corresponding to each layout area. This achieves the effect of displaying at least two style types of media content on the same page, thereby improving the richness of the image content. Attached Figure Description

[0022] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0023] Figure 1 This is a schematic flowchart of a media content generation method provided in an embodiment of the present disclosure;

[0024] Figure 2 This is a schematic diagram illustrating how the display format of preview media content is adjusted based on preset page layout information, as provided in an embodiment of this disclosure.

[0025] Figure 3 A schematic diagram of an interface for obtaining first media content provided in an embodiment of this disclosure;

[0026] Figure 4 This is a schematic flowchart of a media content generation method provided in an embodiment of the present disclosure;

[0027] Figure 5 This is a schematic diagram of a display layout configuration page provided in an embodiment of this disclosure;

[0028] Figure 6 This is a schematic diagram of the trajectory drawing interface provided in an embodiment of the present disclosure;

[0029] Figure 7 This is a schematic diagram of the style type configuration interface provided in an embodiment of the present disclosure;

[0030] Figure 8 This is a schematic flowchart of a media content generation method provided in an embodiment of the present disclosure;

[0031] Figure 9 An interface diagram for converting preview media content into displaying first media content, provided for embodiments of this disclosure;

[0032] Figure 10 An interface diagram for displaying second media content provided in an embodiment of this disclosure;

[0033] Figure 11 This is a schematic flowchart of a media content generation method provided in an embodiment of the present disclosure;

[0034] Figure 12 This is a comparison diagram showing the second media content after the first media content is not focused and after the first media content is focused, provided in an embodiment of this disclosure.

[0035] Figure 13 This is a schematic flowchart of a media content generation method provided in an embodiment of the present disclosure;

[0036] Figure 14 This is a schematic diagram of an interface for transitioning from first media content to displaying second media content, provided as an embodiment of this disclosure.

[0037] Figure 15 This is a schematic diagram of the structure of a media content generation device provided in an embodiment of the present disclosure;

[0038] Figure 16 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0039] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0040] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0041] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0042] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0043] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0044] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0045] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

[0046] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as the electronic device, application, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.

[0047] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0048] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0049] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0050] Before introducing the technical solutions provided in the embodiments of this disclosure, the application scenarios can be illustrated by example.

[0051] The technical solutions provided in this disclosure can be applied to any scenario where media content can be generated. Optionally, the solutions provided in this disclosure can be integrated as a functional module into any existing application software capable of image and video capture. In practical applications, if the functional module in the application is triggered, the final second media content can be generated based on the solutions provided in this disclosure. Alternatively, the solutions provided in this disclosure can be displayed as a special effects prop in an application software with a shooting function. The special effects prop can be displayed as an icon in the application; this icon can be a thumbnail pre-set for the special effects prop, and the thumbnail corresponds to the display effect of the special effects prop. When a trigger operation on the icon is detected, the corresponding special effects resource is retrieved to generate the second media content based on the special effects resource.

[0052] It should be noted that the apparatus for executing the media content generation method provided in this embodiment can be integrated into application software that supports image processing functions, and this software can be installed on an electronic device, optionally a mobile terminal or a PC. The application software can be a type of software for image / video processing; specific application software will not be detailed here, as long as it can perform image / video processing. Alternatively, it can be a specially developed application program to generate media content, or integrated into a corresponding page, allowing users to generate the corresponding media content through the integrated page on the PC.

[0053] Figure 1 This is a flowchart illustrating a media content generation method provided in an embodiment of the present disclosure. This embodiment is applicable to any application software with shooting function to generate a scene in which multiple styles of media content can be displayed on the same page. The method can be executed by a media content generation device, which can be implemented in the form of software and / or hardware, or optionally by an electronic device, such as a mobile terminal, a PC, or a server.

[0054] like Figure 1 As shown, the method in this embodiment may specifically include:

[0055] S110, in response to the first trigger operation of generating media content, displays a preview of the media content on the shooting page according to the preset page layout information.

[0056] It should be noted that when a functional control integrated into the application corresponding to the embodiments of this disclosure is detected, or when a special effect prop in the application is detected, it indicates that the first trigger operation has been triggered. Therefore, the first trigger operation is generated based on the trigger operation of the entity control displayed on the interface.

[0057] Of course, in practical applications, it can also be determined based on the triggering operation of non-physical controls. Optionally, when the display duration of the special effect prop reaches a preset duration threshold while in the shooting interface, the first triggering operation is determined.

[0058] Specifically, after detecting the first trigger operation that generates media content, the camera function in the terminal device can be activated to capture media content within the field of view using the camera device corresponding to the camera function. This media content can be used as preview media content. In other words, after the camera device is activated, the media content that the camera device can continuously capture and that is displayed on the shooting page is the preview media content.

[0059] It should be noted that the preview media content can be a video stream captured by the camera device. The video stream includes multiple video frames, each of which corresponds to an image and / or audio / video frame captured by the camera device.

[0060] Correspondingly, the shooting page can be understood as the page that displays a preview of the media content after the camera device is invoked. Typically, the shooting page is related to the display screen of the terminal device to which the camera device belongs; alternatively, the shooting page may correspond to the entire display screen.

[0061] At the same time, in order to clearly understand the initial form of the triggered functional module or special effect prop, the preset page layout information corresponding to the functional module or special effect prop can be obtained.

[0062] In this embodiment, the preset page layout information can be used to determine how many layout areas the shooting page can be divided into and the size of each layout area. In other words, the preset page layout information is mainly used to characterize the display area and area size of the preview media content, the first media content captured, and the second media content obtained after processing on the shooting page.

[0063] The preset page layout information includes area information for the layout regions, which corresponds to the shape and area of ​​the layout regions. The shape of the layout regions can be regular or irregular, and its specific shape and size can be designed according to actual needs. Optionally, regular regions can be a 3x3 grid, in which case preview media content can be displayed within each grid cell; irregular regions are randomly generated areas, in which case preview content is still displayed within each area, but the area of ​​the preview content presented in each layout area differs, and the specific difference is related to the randomly generated area.

[0064] Specifically, when a control triggering the generation of media content is detected, a camera device can be invoked to capture preview media content within the camera's field of view. Simultaneously, preset page layout information can be obtained and parsed to determine how the preview media content should be displayed on the captured page.

[0065] For example, see Figure 2 The preset page layout information is a four-grid layout. The solution provided in this embodiment corresponds to a special effect prop in the application software. When the special effect prop is detected to be triggered, it is determined that the first trigger operation for generating media content has been triggered. At this time, a camera device can be activated to capture the preview media content within the field of view of the camera device, such as... Figure 2 In (a), simultaneously, when the preset page layout information is parsed and determined to be a four-grid layout, the preview media content can be displayed in each layout area of ​​the four-grid, resulting in, as shown in (a). Figure 2 The effect shown in (b) is illustrated in the diagram.

[0066] Based on the above technical solution, in the process of displaying and previewing media content according to preset page layout information, the method further includes: after parsing the preset page layout information to determine at least two layout areas, the resolution of the preview media content can be reduced to further improve the processing efficiency of the first media content.

[0067] Optionally, the preview media content can be displayed based on a pre-set downgraded resolution, or the image resolution downgrade rate can be determined based on the number of at least two layout regions, so as to reduce the resolution of the preview media content based on the image resolution downgrade rate.

[0068] Specifically, the resolution of the preview media content after being scaled down can be preset, and the resolution of the preview media content can be adjusted accordingly. Alternatively, a mapping relationship between the resolution reduction rate and the number of layout areas can be pre-created to determine the image resolution reduction rate corresponding to at least two layout areas in the preset page layout information. After obtaining the image resolution reduction rate, the target resolution of the preview media content can be determined based on the initial screen resolution and the image resolution reduction rate. The resolution of the preview media content can then be adjusted based on this target resolution and displayed in each layout area.

[0069] It should be noted that the resolution reduction rate and the number of layout regions were determined based on multiple experiments, or by a mapping relationship determined after fitting different distribution regions and image resolution.

[0070] For example, the preset page layout is a four-grid layout, and the resolution reduction rate corresponding to the four-grid layout is determined to be 5% based on the mapping relationship. When preview media content is captured, the initial resolution corresponding to the preview media content can be obtained, and the initial resolution of the preview media content can be reduced according to the 5% resolution reduction rate. Of course, subsequent captured preview media content will still be processed according to this resolution reduction rate. The above image resolution reduction rate is merely an illustrative example and does not limit this technical solution.

[0071] In this embodiment, determining the preview media content resolution based on the initial resolution of the preview media content and the number of layout areas in the preset page layout information has the advantage that: a higher initial resolution indicates higher performance of the terminal devices used, and adjustments based on this can improve image processing efficiency without affecting image viewing quality. In other words, it achieves an effect that is compatible with the performance of the terminal devices.

[0072] S120. In response to detecting an event that satisfies the requirement to acquire media content, the preview media content is replaced with the acquired first media content.

[0073] In this embodiment, the event of acquiring media content includes at least two events. Optionally, the at least two events are: an event where the shooting page is triggered and the countdown is completed; and an event where the trigger operation of calling the graphics library is detected to display multiple images to be selected, and after clicking to select an image from the multiple images to be selected, the event of acquiring media content is determined.

[0074] The first media content can be the media content obtained when an event occurs that satisfies the requirement to acquire media content. The first media content can be any one of images, audio / video, or video.

[0075] Based on the above, it can be seen that there are two triggering times and methods for obtaining primary media content.

[0076] The first implementation method is as follows: Users can click anywhere on the shooting page. Upon detecting this trigger, a countdown timer will be displayed on the screen. After the countdown ends, the capture of the first media content will be automatically initiated. Optionally, the first media content can be a captured image or a recorded video. After acquiring the first media content, the preview media content can be replaced with it.

[0077] The second approach is to retrieve the image library upon detecting a user's click to call it, and then display the images from the library on the shooting page. The image library can be either a built-in image library on the terminal device or an image library stored in the cloud.

[0078] In this embodiment, the images in the image library can be displayed in a tiled format on the shooting page. This allows the thumbnails in the image library to be displayed without affecting the preview of the media content, making it easier for users to select the first media content from many images. See also Figure 3 The area marked with identifier 1 displays thumbnails of each image in the image library.

[0079] Furthermore, the screen size is fixed, and the number of thumbnails displayed is limited. However, if the image library contains a large number of images, more images can be displayed by swiping (horizontally or vertically) the thumbnails marked 1. After obtaining the first media content, the displayed preview media content can be replaced with the first media content.

[0080] In this embodiment, the advantages of using the above method to collect the first media content are that it can obtain real-time media content and offline media content, thus achieving multiple ways to obtain media content and meeting the corresponding needs of users.

[0081] It should be noted that after obtaining the first media content, the resolution of the first media content can be processed according to the resolution corresponding to the display preview media content. Accordingly, the resolution corresponding to the display of the first media content is the same as the resolution corresponding to the display preview media content.

[0082] S130. For the at least two first media contents displayed, determine the second media contents under the first style type of the first media contents, and display the second media contents on the shooting page.

[0083] The first style type can be either a makeup style or a panoramic style. In this embodiment, the style type can be configured according to actual needs. For at least two first media contents, their corresponding style types can be the same or different. To obtain the effect of the first media content under different style types, at least two style types can be different. That is to say, the style type corresponding to the second media content displayed in each layout area is different; that is, different stylization processing is performed on each first media content to obtain second media content with different style types.

[0084] Generally, regardless of whether the primary media content is an image or video, it can be stylized. The primary media content can include corresponding objects; optionally, the object can be a user or an animal. When the primary media content includes a user or an animal, stylization typically focuses on certain parts of the user, optionally the face. In this case, the face can be stylized. If pre-marked preset parts are used, only the marked preset parts can be stylized to obtain media content under different style types. Correspondingly, if the style type corresponds to a makeup style, the secondary media content is the media content with adjusted makeup.

[0085] In this embodiment, the media content obtained after stylizing the first media content is used as the second media content. Correspondingly, the presentation type of the second media content is consistent with the presentation type of the first media content. At this time, the presentation type mainly refers to the image type or video type.

[0086] Specifically, after acquiring the first media content, when the display duration of the first media content reaches a preset duration threshold, a stylized image for each piece of first media content under the corresponding style type (first style type) is determined, and this stylized image is used as the second media content.

[0087] It should be noted that, as described above, the shooting page includes multiple layout areas, each corresponding to a different style type. Accordingly, the second media content is the processing result of the same first media content under different style types.

[0088] The technical solution provided in this disclosure, in response to a first triggering operation to generate media content, can display preview media content on a shooting page according to preset page layout information. Since the preset page layout information includes multiple layout areas, preview media content can be displayed in multiple layout areas, and the displayed preview media content is the same. Furthermore, when an event satisfying the acquisition of media content is detected, the preview media content displayed in the layout area can be replaced with first media content, i.e., the first media content is displayed. Simultaneously, when a condition for displaying second media content is detected, the first media content can be stylized according to the style type corresponding to each layout area in the preset page layout information to obtain and display the second media content corresponding to each layout area. This achieves the effect of displaying at least two style types of media content on the same page, thereby improving the richness of the image content.

[0089] Typically, whether the user is in the process of acquiring the first media content, generating the second media content, or displaying the second media content, there may be situations where the user triggers the acquisition of the first media data again. In this case, the media content can be acquired again, and the second media content can be generated using the newly acquired media content. This achieves the effect of displaying the second media content corresponding to the other media content without waiting for the display to complete or exiting the effect display interface.

[0090] Optionally, in response to detecting that the event of acquiring media content is satisfied again, the first media content is updated based on the acquired fifth media content; the steps of determining the second media content of the updated first media content under at least two style types and displaying the second media content on the shooting page are continued.

[0091] Specifically, during the display of the first or second media content, if a user triggers an operation to re-acquire media content, optionally, this can be triggered by either the capture control on the capture page or a thumbnail in the suspended image library (i.e., triggering a capture control). Figure 3 When the image shown in identifier 1 is displayed, it indicates that an event to re-acquire media content has been triggered. Accordingly, the re-acquired media content can be displayed on the shooting page. This newly selected media content is then designated as the fifth media content. The fifth media content can be a video or an image, etc.

[0092] Displaying the newly acquired fifth media content on the shooting page can be achieved by replacing the first media content with the fifth media content and using the replaced fifth media content as the first media content. Furthermore, the process can continue to determine the second media content corresponding to the first media content and display the second media content.

[0093] The advantage of adjusting the second media content in the above way is that it enables the content displayed on the shooting page to be updated according to the user's real-time operation, so that the displayed content changes in a timely manner based on the user's triggered operation, thereby improving the user experience.

[0094] Figure 4 This is a schematic flowchart of an image processing method provided in an embodiment of this disclosure. Based on the foregoing embodiments, after detecting a trigger operation that generates media data, in order to satisfy the personalized display of the second media content, the page layout information for displaying the second media data can be determined based on configuration. For specific implementation details, please refer to the detailed description of this technical solution. Technical terms that are the same as or corresponding to those in the above embodiments will not be repeated in this embodiment.

[0095] like Figure 4 As shown, the method includes:

[0096] S210, Display layout configuration page.

[0097] The layout configuration page is used to configure the layout information of the preview media content when it is displayed on the shooting page. The layout configuration page includes multiple layout options, optionally corresponding to a simplified diagram for each page layout. Each layout option is triggered to determine the currently used page layout.

[0098] Multiple page layouts can be preset, including options such as a nine-grid layout, a four-grid layout, a pentagonal layout, a hexagonal layout, a circular layout, and an elliptical layout. A simplified diagram of the page layout can be displayed as content on optional controls; that is, based on the content displayed on the optional controls, one can gain a preliminary understanding of the page layout's basic structure.

[0099] To achieve customized page layout, the layout configuration page also includes custom configuration options. These options, once triggered, determine the page layout information based on the user's editing actions.

[0100] Specifically, after detecting the first trigger operation that generates the first media content, the default page layout can be directly invoked and used as the preset page layout information. Alternatively, after detecting the trigger of the page layout configuration control, the layout configuration page can be displayed. Or, after detecting the first trigger operation that generates the first media content, the layout configuration page can be automatically launched. If no layout selection option is triggered within a preset time, the default page layout information will be used as the preset page layout information; conversely, if the user triggers a layout option, the selected layout option will be used as the preset page layout information.

[0101] It should be noted that the layout configuration page can be displayed when previewing media content, or it can be displayed while previewing media content based on the default page layout information (four-grid page layout).

[0102] For example, see Figure 5 When displaying preview media content, a layout configuration page is shown to display the preview media content according to the edited preset page layout information based on the editing operations on the layout configuration page. Alternatively, after displaying preview media content, the default page layout information is invoked, and the preview media content is displayed according to the layout method in the page layout information, while the layout configuration page is shown to redetermine the display layout of the preview media content based on the editing operations on the layout configuration page.

[0103] S220. Based on the operation triggered in the layout configuration page, determine the preset page layout information for displaying the preview media content.

[0104] Users can click to select layout options on the layout configuration page, and use the page layout information corresponding to the selected layout option as the preset page layout information.

[0105] Based on the above technical solution, the method further includes: in response to a trigger operation on a custom configuration option in the layout configuration page, collecting trajectory drawing information of the touch point on the shooting page; determining at least two connected components based on the trajectory information; and in response to an instruction that the trajectory drawing is completed, determining the page layout information based on the at least two connected components, and using it as the preset page layout information.

[0106] Specifically, when a custom configuration option in the trigger layout configuration page is detected, i.e., after the backend receives the trajectory drawing instruction, it can collect the trajectory drawing information of the touch point on the shooting page based on the trajectory drawing instruction. The touch point can be a touch point of a finger or stylus on the shooting page. The number of at least two connected components can be two or more connected components. A connected component can be understood as a completely closed or semi-closed area, and this area can be used as a layout area. The connected components are determined based on the trajectory drawing information, that is, based on the trajectory drawing information, at least two semi-closed or completely closed areas can be determined, and these areas are used as the layout areas in the preset page layout information.

[0107] In this embodiment, the instruction to complete trajectory drawing may be: the trajectory drawing time reaches a preset time threshold, or no motion information of the touch point on the shooting page is detected within the preset time (optionally, 3S), or a control that triggers the completion of trajectory drawing is detected.

[0108] This can be understood as follows: when a custom configuration option in the trigger layout configuration page is detected, touchpoints on the shooting page are captured, and their movement trajectories on the shooting page are obtained. These trajectories are then used as trajectory drawing information. During trajectory drawing, at least two connected components corresponding to the drawn trajectory are dynamically determined. After the trajectory drawing is completed, the determined at least two connected components can be used to determine the page layout information and serve as the preset page layout information.

[0109] The advantage of determining the preset page layout information in the above method is that users can create according to their actual needs, so that the collected preview media content and the processed secondary media content can meet the user's personalized needs when displayed.

[0110] For example, see Figure 6 The system detects the trajectory of the touch point on the shooting page. Optionally, the trajectory plotting information corresponds to two curves; see [link to documentation]. Figure 6 (a) Based on the two curves, at least two regions can be identified, which can be labeled as Region 1 or Region 2 respectively. See [reference needed]. Figure 6 (b) In this context, after receiving the instruction that the trajectory drawing is complete, the layout areas in the preset page layout information and the display order of the second media content can be determined based on Region 1, Region 2, and the time sequence in which the two regions were formed. This is essentially the processing order for processing the first media content. It should be noted that... Figure 6 This explanation uses the example of hiding background information, not the absence of background information.

[0111] Based on the above technical solution, when drawing motion trajectories based on touch points, trajectory drawing guidance prompts can be displayed.

[0112] Optionally, a prompt message guiding the drawing of a trajectory can be displayed at a first preset location on the shooting page. This prompt message can be text-based or trajectory-based. Regardless of the method, its main purpose is to remind the user that at least two areas need to be drawn to display the preview media content, the first media content, and the second media content based on these at least two areas. The first preset drawing can be located anywhere on the shooting page that the user can see.

[0113] The text prompts could include a request to draw at least two areas. The trajectory prompts could display areas of various shapes on the shooting page, guiding users on how to draw areas based on these shapes.

[0114] By prompting users on how to draw trajectories in the above manner, the efficiency of users drawing layout areas can be improved, thereby achieving the effect of efficient interaction.

[0115] After confirming the preset page layout information, to ensure that the generated secondary media content also meets personalized needs, a style type configuration interface can be set during the development phase, and a style type setting control can be set in the shooting page. Based on the trigger operation of the style type setting control, the style type configuration interface is called to retrieve at least one icon corresponding to a style type. Based on the trigger operation of the displayed icon, the style type corresponding to each layout area is determined, thereby ensuring that the obtained secondary media content meets the user's personalized needs for style type.

[0116] Optionally, after determining the preset page layout information, the method further includes: displaying a style type selection interface, wherein the style type selection interface is used to display icons of at least two selectable style types, the icons being thumbnails of the third media content and the fourth media content under the at least two style types; and in response to a trigger operation in the style type selection interface, determining the first style type corresponding to each of the at least two layout areas.

[0117] In practical applications, at least two style types corresponding to each preset page layout information can be pre-configured. If the style editing control is not triggered after the preset page layout information is determined, at least two pre-configured style types corresponding to that preset page layout information can be retrieved. At this time, the at least two style types are different.

[0118] Based on the preset page layout information, at least two layout areas can be identified, and each layout area corresponds to a different style type. This can be understood as at least two layout areas having at least two style types. Of course, three layout areas can also correspond to two style types, in which case there are two layout areas corresponding to one style type.

[0119] To facilitate users in quickly determining the style type corresponding to each layout area, third-party media data can be obtained first. This third-party media data can be an image including the target object. The third-party media content can be the same or different. The stylization processing model corresponding to different style types is then obtained, and the third-party media data is stylized based on the corresponding model to obtain the stylized fourth-party media content, i.e., the stylized image. This image can represent the processing effect under that style type.

[0120] The content displayed on the shooting page is limited. To facilitate determining the processing effect corresponding to each style type, a thumbnail of the fourth-media content can be displayed when the style type selection interface is brought up on the shooting page. This thumbnail serves as the icon for each selectable style type. That is, the icons are primarily thumbnails of the fourth-media content. Of course, if the number of thumbnails exceeds the number that the style type selection interface can display, more icons corresponding to style types can be displayed based on the swiping action within the style type selection interface.

[0121] It should be noted that the preset page layout information also includes the display order of each layout area. Therefore, the style type selected on the first click is the style type corresponding to the first layout area. Of course, if a style type is double-clicked, it means that the style type needs to be deselected.

[0122] Specifically, after determining the preset page layout information, multiple layout areas and the display order of the corresponding second media content for each layout area can be determined. To achieve personalized presentation of the second media content, a style type setting control can be triggered, displaying a style type selection page based on the trigger operation. The style type selection page displays icons corresponding to multiple selectable style types. These icons are thumbnails of the fourth media content resulting from different style types applied to the third media content. Based on the set thumbnails, the effect of each selectable style type can be determined. When the user clicks on an selectable style type for the first time, the clicked style type is designated as the first style type for the layout area that appears first in the display order. Double-clicking a selectable style type cancels the selection. After selecting the first style type for a selectable layout area, if the same layout area is selected again, the first style type can be reselected for that layout area.

[0123] It should be noted that, in order to achieve the effect of different style types corresponding to the secondary media content, the first style type selected can be recorded based on the user's click operation during the selection of selectable style types. If the first style type is selected multiple times, a pop-up prompt message can be displayed, or the selected first style type can be grayed out in the style type selection interface, meaning that the selected selectable style type cannot be selected again. Based on this method, the effect of different first style types selected for each layout area can be achieved.

[0124] Optionally, based on the triggering operation of the selectable style type in the style type selection interface, the triggered and selected selectable style type is taken as the first style type, and the triggered and selected selectable style type is displayed in the style type selection interface in a first preset form. The first preset form is used to represent the state where the selectable style type cannot be triggered and selected again.

[0125] The advantage of using the above method to select the first style type is that it allows users to quickly see which available style types have already been selected, thus avoiding the problem of the screen content becoming too monotonous due to users making the same selection again.

[0126] For example, a style selection interface can be displayed on the shooting page. The preview media content displayed on the shooting page can be in the default page layout or based on a layout area within a preset page layout. Here, we will illustrate this by showing the preview media content in a preset four-grid layout. Figure 7 As shown, the style type selection interface displays icons corresponding to multiple selectable style types. The first style type of the layout area is determined based on the selected icon. Simultaneously, the icon of the selected style type is in a first preset state; optionally, the first preset state is grayed out. See [link to relevant documentation]. Figure 7 Marker 1 in the text.

[0127] The technical solution provided in this disclosure determines the page layout information for displaying preview media content, first media content, and second media content through editing operations on the layout configuration page. This achieves the effect of personalized page layout selection. Furthermore, regardless of whether it is a personalized preset page layout or a default preset page layout, a corresponding style type can be configured for each layout area in the preset page layout to display the second media content under different first style types in different layout areas. This achieves the effects of customized and personalized display of the second media content, as well as diverse interactions.

[0128] Figure 8 This is a schematic flowchart of a media content generation method provided in this embodiment. Based on the foregoing embodiments, it is known that the preset page layout information includes at least one layout area, and the first style type corresponding to the at least one layout area has certain differences. Based on this, after obtaining the first media content, the second media content under the corresponding style type of the first media content in each layout area can be determined. At this time, the style type corresponding to the second media content displayed on the shooting page is different, thereby achieving the effect of enriching the content of the picture. For the specific implementation method, please refer to the detailed description of this embodiment. In this embodiment, the same or corresponding technical terms will not be repeated.

[0129] like Figure 8 As shown, the method provided in this disclosure includes:

[0130] S310, in response to the first trigger operation of generating media content, displays at least two preview media contents on the shooting page according to the preset page layout information; wherein, the content corresponding to at least two preview media contents is the same.

[0131] This can be understood as follows: when a control triggering the generation of media content is detected, a camera device can be activated to capture preview media content within the field of view. Simultaneously, preset page layout information can be obtained, allowing multiple preview media contents to be displayed on the shooting page based on this preset layout information.

[0132] It should be noted that the preview media content displayed on the shooting page is based on the same camera device, therefore, the preview media content is the same.

[0133] It should also be noted that the camera device is deployed in the terminal device, and the preview media content displayed during the movement of the terminal device mainly depends on the content captured by the camera device. Furthermore, the shooting page can continuously output (display) preview media content until the event of acquiring media content is met.

[0134] S320. In response to detecting an event that satisfies the requirement to acquire media content, the preview media content is replaced with the acquired first media content.

[0135] For example, see Figure 9 After the preset page layout information is determined, the first media content can be obtained. Optionally, if the first media content is selected based on a trigger operation of an image identifier in the image library, then the first media content corresponding to the selected image identifier can be displayed based on the preset page layout information (four-grid layout information). In this case, the preview media content can be replaced with the first media content. That is, if the identifier of image 2 is triggered, the preview media content can be replaced with image 2, and image 2 becomes the obtained first media content.

[0136] S330. Stylize the first media content according to the stylization processing model of the layout area to obtain the second media content under the first style type.

[0137] Each style type corresponds to a stylization processing model. These models are pre-trained based on training samples; optional models include those for ancient Chinese makeup, sweet makeup, etc. The specific training method is not limited in this embodiment; any existing model capable of special effects processing can be used. In other words, all selectable style types available during the development phase correspond to specific stylization processing models.

[0138] Stylization can be understood as inputting the first media content into the stylization model, and the stylization model can output the stylized media content of the first media content, which can then be used as the second media content.

[0139] It should be noted that each layout area corresponds to a different first style type. The first media content can be processed based on the stylization processing model corresponding to each layout area to obtain the second media content displayed in that layout area.

[0140] Based on the above, the first media content can be stylized simultaneously based on the stylization processing model corresponding to each layout area to obtain the second media content for each layout area.

[0141] For example, the preset page layout information is a four-grid layout. A schematic diagram showing the effect of the second media content corresponding to each layout area after processing the first media content can be found here. Figure 10 .based on Figure 10 It is evident that the secondary media content corresponding to each layout area differs to some extent, primarily in style. In this case, the style is mainly beauty-related.

[0142] In practical applications, some users may have high-performance terminal devices that can support parallel processing to obtain the second media content. Conversely, some high-performance terminal devices may not be able to support parallel processing to obtain the second media content. Therefore, the following method can be used to determine how to stylize the first media content based on the stylization processing model corresponding to each layout region. This is because each stylization processing model incurs significant device overhead; therefore, the following method can be used to determine the second media content.

[0143] It should be noted that the lack of support for parallel processing mainly manifests as screen stuttering and / or crashes during parallel processing.

[0144] In this embodiment, determining the second media content of the first media content under at least two style types includes: obtaining the display order of the second media content corresponding to at least two layout areas in the preset page layout information; when the second media content of the first media content is detected to be output by the stylization processing model of the layout area, the stylization processing model of the next layout area is enabled to process the first media content based on the display order until the second media content corresponding to the last layout area is output.

[0145] The preset page layout information includes at least two layout areas and the display order of each layout area when displaying the second media content. The stylization processing model of each layout area can process the first media content sequentially according to the display order. This ensures that only one stylization processing model is running at any given time, thus avoiding the high performance requirements of multiple stylization processing models running simultaneously.

[0146] Specifically, the display order of each layout area in the preset page layout information is obtained. Based on the display order, the execution order of the stylization processing models corresponding to that layout area can be determined. In practical applications, when the output of the i-th stylization processing model is detected, the i-th stylization processing model can be turned off. The (i+1)-th stylization processing model is then invoked, and the first media content is processed based on the (i+1)-th stylization processing model.

[0147] It should be noted that the above method allows only one algorithm (stylization processing model) to run at any given time, thus reducing the performance requirements of the device and achieving frame rate optimization. Furthermore, from a memory perspective, since the preset page layout information includes multiple layout regions, and the first media content displayed in each layout region is a down-resolution image, the single-screen image is the image obtained after reducing the resolution. This reduction in resolution does not affect the visual effect, and for the algorithm (stylization processing model), both the input image resolution and the rendered texture resolution are appropriately reduced, achieving memory savings.

[0148] Typically, the performance of each terminal device varies. In order to ensure that the stylization processing model is compatible with the terminal device, the stylization processing model corresponding to each terminal device can be determined based on the device performance, thereby improving the efficiency of the terminal device in generating secondary media content.

[0149] Optionally, the style type corresponding to the layout area and the device performance parameters are sent to the first server, so that the first server issues a stylized processing model corresponding to the style type based on the device performance parameters, and processes the first media content into second media content corresponding to the style type based on the stylized processing model; wherein, the device corresponding to the device performance parameters is the device that executes and displays the second media content.

[0150] The first server analyzes and processes the data to determine which server will distribute the data. Device performance parameters can be the hardware parameters of the mobile terminal, optionally including RAM, kernel, etc. Each style type has a type identifier, which, along with the device performance parameters, can be sent to the first server.

[0151] Specifically, after determining the style type, the style type and device performance parameters can be sent together to the first server. After receiving the style type and device performance parameters, the first server can determine the device performance of the terminal device running the solution provided in this embodiment based on the device performance parameters. The level of the issued stylization processing model can be determined based on the device performance. Different levels of stylization processing models of the same style type correspond to the same stylization effect; the difference lies in the refinement after stylization processing. Generally, the higher the level of the stylization processing model, the larger the model parameters, and the higher the requirements for device performance. After determining the device performance, the level of the stylization processing model adapted to it can be determined according to the range of device performance. The stylization processing model adapted to the level is retrieved and issued to the client. After receiving the stylization processing model, the stylization processing model corresponding to each layout area can be controlled to stylize the first media data according to the methods mentioned above, obtaining the second media content corresponding to each layout area.

[0152] The technical solution provided in this disclosure, by stylizing the first media content using a stylized processing model corresponding to each layout area, can obtain multiple second media contents of different style types. This enables the sequential display of each style type of second media content on the same shooting page according to the display order, thereby improving the richness of the image content. Furthermore, when determining the stylized model for a given style type based on the performance parameters of the terminal device, the stylized model can be adapted to the terminal device, thereby improving processing efficiency.

[0153] Figure 11This is a schematic flowchart of a media content generation method provided in this embodiment. When displaying second media content, users may pay the most attention to the stylized areas. In order to highlight the stylized parts, after acquiring the first media content, the stylized parts preset in the first media content are enlarged to update the first media data displayed on the shooting page. This makes the stylized effect of the preset parts in the second media content more obvious. For specific implementation methods, please refer to the detailed description of this embodiment. Technical terms that are the same as or corresponding to those in the above embodiments will not be repeated in this embodiment.

[0154] like Figure 11 As shown, the method provided in this disclosure includes:

[0155] S410, in response to the first trigger operation of generating media content, displays at least two preview media contents on the shooting page according to the preset page layout information; wherein, the content corresponding to at least two preview media contents is the same.

[0156] S420: Focus on a preset part of the first media content to obtain the updated first media content.

[0157] The preset part can be a pre-defined facial part, and the corresponding first style type can be a model for stylizing the facial part. Optionally, the focusing process can be to extract key points of the facial part, enlarge the facial image based on the key points, and use the enlarged facial part as the updated first media content.

[0158] Specifically, after displaying the first media content, the facial features in the first media content are focused and processed based on the facial focusing algorithm to obtain the first media content after the facial feature method.

[0159] In other words, this embodiment requires that the acquired first media content be processed by a preset part focusing process, that is, by a facial magnification effect, and then used as input to a stylized processing model to obtain the stylized second media content.

[0160] S430: Replace the preview media content with the updated first media content.

[0161] S440. Determine the secondary media content of the primary media content under at least two style types.

[0162] S450: Displays secondary media content on the shooting page.

[0163] For example, if the preset area is not focused, the generated second media content will be as follows: Figure 12In (a), if the preset area is focused, the generated second media content can be found in [reference]. Figure 12 (b) In the two images, it can be seen that the second media content after focus processing can better highlight the preset part, thereby achieving the effect of high-definition display of the preset part.

[0164] Based on the above, it can be seen that when using the preset part focusing and following method to process the first media content, since the face is displayed in a multi-screen manner in the shooting interface, the perception of the changes before and after the effect is not very obvious. Therefore, adding the face focusing effect can make the viewing user clearly perceive the changes in the face.

[0165] The technical solution provided in this disclosure can magnify a preset part in the first media content by focusing on the preset part. After determining the stylized second media content based on the magnified first media content, the change information of the second media content relative to the first media content can be clearly seen, thereby improving the clarity of the display of the change from the first media content to the second media content.

[0166] Figure 13 This is a schematic diagram of a media content generation method provided in this embodiment. In order to create the effect that the second media data is rendered and displayed at the same time, the rendered second media content can be displayed according to the display order of the second media content in each layout area in the preset page layout information. For the specific implementation, please refer to the detailed description of this embodiment. In this embodiment, the same or corresponding technical terms as those in the above embodiment will not be repeated.

[0167] like Figure 13 As shown, the method includes:

[0168] S510, in response to the first trigger operation of generating media content, displays at least two preview media contents on the shooting page according to the preset page layout information; wherein, the content corresponding to at least two preview media contents is the same.

[0169] S520. For at least two primary media contents displayed, determine the secondary media contents under the primary style type and display the secondary media contents on the shooting page.

[0170] S530, in response to an event that displays second media content, sequentially displays the second media content in the layout area of ​​the shooting page according to the processing order in the preset page layout information.

[0171] The event that displays the second media content can be either the event that the second media content is generated in the first layout area, or the event that the duration of the second media content generation reaches a preset duration threshold. The processing order can be the order in which the page layout area's stylization processing model performs stylization processing on the first media content. The processing order and the display order are corresponding; the order in which the first processed content is displayed is the first to be displayed.

[0172] Specifically, when an event that satisfies the requirement to display secondary media content is detected, the secondary media content can be displayed sequentially on the shooting page according to the processing order in the page layout information.

[0173] It's important to note that because the second media content is displayed sequentially, and the processing of the first media content based on the stylization model occurs before the display of the second media content, the backend can continue processing the first media content using the stylization model for the next layout area while displaying the second media content. Once the backend detects that the second media content meets the requirements for displaying that layout area, it can then be displayed. In other words, each stylization model can complete its processing before displaying the second media content corresponding to its layout area, thus advancing the display time and preventing long waiting times that could negatively impact the user experience.

[0174] Based on the above technical solution, for the second media content in the layout area, the displayed first media content is transitioned to the second media content according to a preset transition method.

[0175] The preset transition method can be based on line sliding to represent the transition from the first media content to the second media content. The line sliding can be horizontal, that is, sliding from left to right. In practical applications, the transition method can be set according to actual needs; this embodiment does not limit the specific transition method.

[0176] For example, see Figure 14 The default transition method is a horizontal transition from left to right. During the transition, the content presented in other distributed areas is the first media content, i.e., image 2. The left side of the line represents a stylized effect, while the right side represents an unstylized effect. The horizontal line transition represents the change from the first media content to the second media content. The advantage of this method is that it allows for timely and accurate identification of the changed content, thereby improving the ability to understand the content promptly.

[0177] The technical solution provided in this disclosure embodiment can sequentially display the second media content after determining the second media content corresponding to at least one layout area. Since the second media content is generated earlier than the second media content is displayed, the second media content can be displayed smoothly.

[0178] Figure 15 This is a schematic diagram of a media content generation device provided in an embodiment of the present disclosure. The device includes: a preview media content display module 610, a first media content display module 620, and a second media content display module 630.

[0179] The system includes a preview media content display module 610, which, in response to a first trigger operation that generates media content, displays at least two preview media contents on the shooting page based on preset page layout information; wherein the content corresponding to the at least two preview media contents is the same; a first media content display module 620, which, in response to detecting an event that satisfies the acquisition of media content, replaces the preview media content with the acquired first media content; and a second media content display module 630, which, for the at least two first media contents displayed, determines a second media content under a first style type for the first media content, and displays the second media content on the shooting page; wherein the content of the at least two first media contents is the same, but the style type of the second media content corresponding to the at least two first media contents is different, and the style type information is related to the preset page layout information.

[0180] The technical solution provided in this disclosure, in response to a first triggering operation to generate media content, can display preview media content on a shooting page according to preset page layout information. Since the preset page layout information includes multiple layout areas, preview media content can be displayed in multiple layout areas, and the displayed preview media content is the same. Furthermore, when an event satisfying the acquisition of media content is detected, the preview media content displayed in the layout area can be replaced with first media content, i.e., the first media content is displayed. Simultaneously, when a condition for displaying second media content is detected, the first media content can be stylized according to the style type corresponding to each layout area in the preset page layout information to obtain and display the second media content corresponding to each layout area. This achieves the effect of displaying at least two style types of media content on the same page, thereby improving the richness of the image content.

[0181] Based on the above technical solution, the device further includes:

[0182] The layout configuration page display module is used to display the layout configuration page, wherein the layout configuration page is used to configure the layout information when the preview media content is displayed on the shooting page;

[0183] The layout information configuration module is used to determine the preset page layout information for displaying the preview media content based on the operation triggered in the layout configuration page.

[0184] Based on the above technical solution, the preset page layout information includes at least two layout areas, and the device further includes:

[0185] The style type display module is used to display a style type selection interface, wherein the style type selection interface is used to display icons of at least two selectable style types, and the icons are thumbnails of the third media content under the at least two style types;

[0186] The style type determination module is used to determine the first style type corresponding to the at least two layout areas in response to a trigger operation in the style type selection interface.

[0187] Based on the above technical solution, the preset page layout information includes at least two layout areas, and the second media content display module is further used for:

[0188] For the at least two layout regions, the first media content is stylized according to the stylization processing model of the layout regions to obtain the second media content of the first media content under the first style type.

[0189] Based on the above technical solution, the second media content display module is also used for:

[0190] Obtain the display order of the second media content corresponding to at least two layout areas in the preset page layout information;

[0191] When the second media content of the first media content is output based on the stylized processing model of the layout area, the stylized processing model of the next layout area is activated to process the first media content based on the display order, until the second media content corresponding to the last layout area is output.

[0192] Based on the above technical solution, the stylization processing model corresponding to the at least one layout area is determined in the following manner:

[0193] The style type and device performance parameters corresponding to the layout area are sent to the first server;

[0194] Based on the analysis and processing of the device performance parameters by the first server, the model level corresponding to the device performance parameters is determined;

[0195] Based on the model level and the style rationality, determine the stylization processing model to be issued;

[0196] The device corresponding to the device performance parameters is the device that performs the display of the second media content.

[0197] Based on the above technical solutions, the device ihi includes:

[0198] The first media content adjustment module is used to focus on a preset part of the first media content to obtain the updated first media content.

[0199] The first media content display module is used to replace the preview media content with the updated first media content.

[0200] Based on the above technical solutions, the second media content display module is also used for:

[0201] In response to an event that displays second media content, the second media content is sequentially displayed on the shooting page according to the processing order in the preset page layout information.

[0202] Based on the above technical solutions, the second media content display module is also used for:

[0203] For the second media content in the layout area, the displayed first media content will transition to the second media content according to the preset transition method.

[0204] Based on the above technical solutions, the second media content display module is also used for:

[0205] The content acquisition unit is used to update the first media content based on the acquired fifth media content in response to detecting an event that once again satisfies the requirement to acquire media content.

[0206] The continuing execution unit is used to continue executing the steps of determining the updated first media content as second media content under at least two style types, and displaying the second media content on the shooting page.

[0207] The technical solution provided in this disclosure, in response to a first triggering operation to generate media content, can display preview media content on a shooting page according to preset page layout information. Since the preset page layout information includes multiple layout areas, preview media content can be displayed in multiple layout areas, and the displayed preview media content is the same. Furthermore, when an event satisfying the acquisition of media content is detected, the preview media content displayed in the layout area can be replaced with first media content, i.e., the first media content is displayed. Simultaneously, when a condition for displaying second media content is detected, the first media content can be stylized according to the style type corresponding to each layout area in the preset page layout information to obtain and display the second media content corresponding to each layout area. This achieves the effect of displaying at least two style types of media content on the same page, thereby improving the richness of the image content.

[0208] The data pre-detection device provided in this disclosure can execute the media content generation method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects of executing the method.

[0209] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the protection scope of the embodiments of this disclosure.

[0210] Figure 16 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Figure 16 As shown, the electronic device 700 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. The RAM 703 also stores various programs and data required for the operation of the electronic device 700. The processing unit 701, ROM 702, and RAM 703 are interconnected via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0211] Typically, the following devices can be connected to I / O interface 705: input devices 706 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 707 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 708 including, for example, magnetic tapes, hard disks, etc.; and communication devices 709. Communication device 709 allows electronic device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 16An electronic device 700 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0212] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from ROM 702. When the computer program is executed by processing device 701, it performs the functions defined in the methods of embodiments of this disclosure.

[0213] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0214] The electronic device provided in this disclosure and the media content generation method provided in the above embodiments belong to the same inventive concept. Technical details not described in detail in this disclosure can be found in the above embodiments, and this embodiment has the same beneficial effects as the above embodiments.

[0215] This disclosure provides a computer storage medium storing a computer program that, when executed by a processor, implements the media content generation method provided in the above embodiments.

[0216] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0217] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol) and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future-developed networks.

[0218] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0219] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to:

[0220] In response to the first trigger operation of generating media content, at least two preview media contents are displayed on the shooting page according to the preset page layout information; wherein, the content corresponding to the at least two preview media contents is the same;

[0221] In response to detecting an event that satisfies the requirement to acquire media content, the preview media content is replaced with the acquired first media content;

[0222] For at least two first media contents displayed, determine the second media content under the first style type of the first media content, and display the second media content on the shooting page;

[0223] Among them, at least two of the first media content have the same content, and the style type of the second media content corresponding to the at least two first media content is different, and the style type information is related to the preset page layout information.

[0224] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0225] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0226] The units described in the embodiments of this disclosure can be implemented in software or in hardware. The name of a unit does not necessarily limit the unit itself; for example, the first acquisition unit can also be described as "a unit that acquires at least two Internet Protocol addresses".

[0227] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

[0228] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0229] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0230] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0231] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A method for generating media content, characterized in that, include: In response to the first trigger operation of generating media content, at least two preview media contents are displayed on the shooting page according to the preset page layout information; wherein, the content corresponding to the at least two preview media contents is the same; In response to detecting an event that satisfies the requirement to acquire media content, the preview media content is replaced with the acquired first media content; For at least two first media contents displayed, determine the second media content under the first style type of the first media content, and display the second media content on the shooting page; Among them, at least two of the first media content have the same content, and the style type of the second media content corresponding to the at least two first media content is different, and the style type information is related to the preset page layout information.

2. The method according to claim 1, characterized in that, Following the first triggering operation in response to generating media content, the method further includes: A layout configuration page is displayed, wherein the layout configuration page is used to configure the layout information when the preview media content is displayed on the shooting page; Based on the operation triggered in the layout configuration page, the preset page layout information for displaying the preview media content is determined.

3. The method according to claim 2, characterized in that, The step of determining the preset page layout information for displaying the preview media content based on an operation triggered in the layout configuration page includes: Based on the triggering operation of the preset control in the layout configuration page, the trajectory drawing information of the touch point in the shooting page is collected; In response to the instruction that the trajectory drawing is completed, at least two regions are determined based on the trajectory drawing information, and the preset page layout information for displaying the preview media content is determined based on the region information of the at least two regions.

4. The method according to claim 1 or 2, characterized in that, The preset page layout information includes at least two layout areas, and the method further includes: A style type selection interface is displayed, wherein the style type selection interface is used to display icons of at least two selectable style types, and the icons are thumbnails of the fourth media content obtained after the at least two style types are applied to the third media content. In response to a trigger operation in the style type selection interface, the first style type corresponding to each of the at least two layout areas is determined.

5. The method according to claim 1, characterized in that, The preset page layout information includes at least two layout areas, and determining the second media content under the first style type for the first media content includes: For the at least two layout regions, the first media content is stylized according to the stylization processing model of the layout regions to obtain the second media content of the first media content under the first style type.

6. The method according to claim 1 or 5, characterized in that, The step of determining the second media content under the first style type of the first media content includes: Obtain the display order of the second media content corresponding to at least two layout areas in the preset page layout information; When the second media content of the first media content is output based on the stylized processing model of the layout area, the stylized processing model of the next layout area is activated to process the first media content based on the display order, until the second media content corresponding to the last layout area is output.

7. The method according to claim 5, characterized in that, The stylization model corresponding to the at least one layout region is determined based on the following method: The style type and device performance parameters corresponding to the layout area are sent to the first server; Based on the analysis and processing of the device performance parameters by the first server, the model level corresponding to the device performance parameters is determined; Based on the model level and the style type, determine the stylization processing model to be issued; The device corresponding to the device performance parameters is the device that performs the display of the second media content.

8. The method according to claim 1, characterized in that, After replacing the preview media content with the acquired first media content, the method further includes: Focus processing is performed on a preset part of the first media content to obtain an updated first media content; Replace the preview media content with the updated first media content.

9. The method according to claim 1, characterized in that, Displaying the second media content on the shooting page includes: In response to an event that displays second media content, the second media content is sequentially displayed on the shooting page according to the processing order in the preset page layout information.

10. The method according to claim 8, characterized in that, The sequential display of the second media content on the shooting page includes: For the second media content in the layout area, the displayed first media content will transition to the second media content according to the preset transition method.

11. The method according to claim 1, characterized in that, The method further includes: In response to detecting that the event of obtaining media content is satisfied again, the first media content is updated according to the obtained fifth media content; Continue with the steps of determining the updated first media content as second media content under at least two style types, and displaying the second media content on the shooting page.

12. A media content generation device, characterized in that, include: The preview media content display module is used to respond to the first trigger operation of generating media content and display at least two preview media contents on the shooting page according to the preset page layout information; wherein, the content corresponding to the at least two preview media contents is the same; The first media content display module is used to replace the preview media content with the acquired first media content in response to detecting an event that satisfies the requirement to acquire media content; The second media content display module is used to determine the second media content under the first style type for at least two first media contents displayed, and to display the second media content on the shooting page; Among them, at least two of the first media content have the same content, and the style type of the second media content corresponding to the at least two first media content is different, and the style type information is related to the preset page layout information.

13. An electronic device, characterized in that, The electronic device includes: One or more processors; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processors, the one or more processors implement the media content generation method as described in any one of claims 1-11.

14. A storage medium containing computer-executable instructions, characterized in that, The computer-executable instructions, when executed by a computer processor, are used to perform the media content generation method as described in any one of claims 1-11.

15. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the media content generation method as described in any one of claims 1-11.

Images