Media content display method and device, electronic equipment and storage medium
By switching display media resources using audio setting timestamps in media content, the problem of inconsistent preview effect and display effect is solved, and users can browse individual materials for media content freely, improving user experience.
Patent Information
- Application Number
- CN202310835198.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-07-07
- Publication Date
- 2025-01-07
AI Technical Summary
In the prior art, the preview effect of media content during release and consumption is inconsistent with the actual display effect, and users cannot freely browse individual materials inside the video.
By obtaining multiple set timestamps corresponding to audio in media content, in the automatic playback mode, when the audio is played to the set timestamp, the corresponding media resources are switched to the display, and in response to user operations, allowing users to freely browse individual media resources .
It realizes the corresponding time stamps of media resources and audio in automatic playback mode, ensuring the consistent preview effects during publication and consumption, and improving user experience, allowing users to freely browse individual materials of media content.
Smart Images

Figure CN119277147A_ABST
Abstract
Description
Technical Field
[0001] The embodiments of the present disclosure relate to computer technology, and more particularly to a method, device, electronic device, and storage medium for displaying media content. Background Art
[0002] With the continuous development of computer technology, rich media content, such as pictures, videos, or a combination of pictures and videos, can be displayed to users through display pages, and users can also share the media content they have produced with others by publishing the media content.
[0003] In the prior art, picture materials, video materials and music materials can be imported according to a template and synthesized into a video to be displayed to the user. The synthesized video switches the picture materials and video materials at the rhythm of the music. The media content displayed by this method is a complete video, and the user cannot freely browse the individual materials in the video. Summary of the invention
[0004] The present disclosure provides a media content display method, device, electronic device and storage medium to enhance user experience when displaying media content on a presentation page.
[0005] In a first aspect, an embodiment of the present disclosure provides a method for displaying media content, characterized by comprising:
[0006] Acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display forms of the plurality of media resources remain unchanged before and after the media content is released;
[0007] Displaying the media resources included in the media content on a display page and playing the audio;
[0008] When the media content is in automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, the media resource corresponding to the target timestamp is switched and displayed on the display page, and the automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp;
[0009] In response to a switching operation on the display page, a media resource corresponding to the switching operation is displayed on the display page.
[0010] In a second aspect, an embodiment of the present disclosure further provides a media content display device, the device comprising:
[0011] An acquisition module, used to acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display form of the plurality of media resources remains unchanged before and after the media content is released;
[0012] A first display module, configured to display the media resources included in the media content on a display page and play the audio;
[0013] A second display module is used for switching and displaying the media resources corresponding to the target timestamp on the display page when the media content is in an automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, wherein the automatic play mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp;
[0014] The third display module is used to respond to the switching operation on the display page and display the media resources corresponding to the switching operation on the display page.
[0015] In a third aspect, an embodiment of the present disclosure further provides an electronic device, characterized in that the electronic device includes:
[0016] one or more processing devices;
[0017] a storage device for storing one or more programs,
[0018] When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the media content display method provided by the embodiment of the present disclosure.
[0019] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer executable instructions, which, when executed by a computer processor, are used to execute the media content display method provided by an embodiment of the present disclosure.
[0020] The embodiments of the present disclosure provide a method, device, electronic device and storage medium for displaying media content, the method comprising: acquiring media content, wherein the audio included in the media content corresponds to multiple set timestamps, the media content includes multiple media resources, and the display form of the multiple media resources remains unchanged before and after the media content is released; displaying the media resources included in the media content on a display page and playing the audio; when the media content is in an automatic play mode and the audio is played to a target timestamp among the multiple set timestamps, switching to display the media resources corresponding to the target timestamp on the display page, the automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp; in response to a switching operation on the display page, displaying the media resources corresponding to the switching operation on the display page. According to the above technical solution, in the automatic playback mode, the media resources correspond to the set timestamps of the audio, and when the audio is played to each set timestamp, the corresponding media resources are automatically switched on the display page in combination with the set timestamp to which the current audio is played, that is, one set timestamp corresponds to the switching of one media resource, and the display form of each media resource remains unchanged before and after the media content is released, so as to solve the problem of inconsistency between the preview effect of the media content when it is released and when it is consumed; in response to the switching operation on the display page, the user can freely browse the separate media resources included in the media content; in summary, the method can make the media resources automatically switch according to the set timestamps of the audio in the automatic playback mode, and can make the user freely browse the separate media resources included in the media content in response to the switching operation, thereby improving the user experience when the media content is displayed on the display page. BRIEF DESCRIPTION OF THE DRAWINGS
[0021] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent 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.
[0022] Figure 1 It is a flowchart of a method for displaying media content provided by an embodiment of the present disclosure;
[0023] Figure 2 It is a schematic diagram of setting a correspondence between a timestamp and a media resource provided by an embodiment of the present disclosure;
[0024] Figure 3 is a schematic diagram of a switching operation on a display page provided by an embodiment of the present disclosure;
[0025] Figure 4 is a flowchart of another media content display method provided by an embodiment of the present disclosure;
[0026] Figure 5 is a flowchart of another media content display method provided by an embodiment of the present disclosure;
[0027] Figure 6 is a schematic diagram of switching from an automatic play mode to a free browsing mode provided by an embodiment of the present disclosure;
[0028] Figure 7 It is a schematic diagram of switching from an automatic play mode to a free browsing mode and then returning to the automatic play mode provided by an embodiment of the present disclosure;
[0029] Figure 8 It is a structural diagram of a component for implementing a method for displaying media content provided by an embodiment of the present disclosure;
[0030] Fig. 9 is a schematic diagram of a process of acquiring media content provided by an embodiment of the present disclosure;
[0031] Fig.10 is a structural schematic diagram of a media content display device provided by an embodiment of the present disclosure;
[0032] Fig.11 It is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION
[0033] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.
[0034] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.
[0035] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.
[0036] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.
[0037] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".
[0038] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.
[0039] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.
[0040] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.
[0041] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.
[0042] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.
[0043] It is understandable 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 relevant provisions.
[0044] Figure 1It is a flow chart of a media content display method provided by an embodiment of the present disclosure. The embodiment of the present disclosure is applicable to the situation where media content is displayed in a media content browsing scenario. The method can be executed by a media content display device, which can be implemented in the form of software and / or hardware and integrated in an electronic device. Optionally, the electronic device can be a mobile terminal, a PC or a TV streaming media device, etc.
[0045] like Figure 1 As shown, the method includes:
[0046] S110: Acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, and the media content includes a plurality of media resources, and display forms of the plurality of media resources remain unchanged before and after the media content is released.
[0047] Media content may refer to content that can convey information. Through the production and release of media content, the information required to be conveyed in the media content can be delivered to users. Media content may include audio and multiple media resources, and media resources may include images and / or videos. When media resources include images, media content includes audio and multiple images, and media content can be understood as a picture work; when media resources include videos, media content includes audio and multiple videos, and media content can be understood as a video work; when media resources include images and videos, media content includes audio, images and videos, and media content can be understood as a mixed work of images and videos. Media content can be published to achieve sharing of media content.
[0048] The audio included in the media content corresponds to multiple set timestamps, and the set timestamp can be a set timestamp for switching media resources. The multiple set timestamps corresponding to the audio can be used to display the media content later, that is, when multiple media resources are played with the audio as background sound, the multiple media resources can switch at the multiple set timestamps corresponding to the audio. Exemplarily, the set timestamp can be a timestamp determined based on the rhythm of the audio.
[0049] In the disclosed embodiment, the display form of multiple media resources may include images and / or videos, and the display form of multiple media resources remains unchanged before and after the media content is released. If before the media content is released, it is determined that the media resources included in the media content include images, then the media resources included in the media content released after the media content is released are still displayed in the form of images; if before the media content is released, it is determined that the media resources included in the media content include videos, then the media resources included in the media content released after the media content is released are still displayed in the form of videos. That is, assuming that the media resources selected by the user when releasing the media content include 2 images, the released media content is a picture set including 2 pictures, rather than a video composed of 2 pictures.
[0050] The method of obtaining the media content is not limited. For example, the audio and multiple media resources included in the media content can be stored in a server or a local electronic device. When the media content needs to be displayed, the media content can be obtained from the server or the local electronic device.
[0051] Among them, when obtaining the audio included in the media content, multiple set timestamps corresponding to the audio can be obtained at the same time, so that the multiple set timestamps corresponding to the audio can be determined without the need to analyze and process the audio later, so that multiple media resources can be switched at the same time as the multiple set timestamps corresponding to the audio.
[0052] When acquiring multiple media resources included in the media content, for any of the media resources, if the media resource is an image, the complete image is acquired so as to directly display the image later; if the media resource is a video, the original video uploaded by the user can be acquired, the cropped video can be acquired, and the original video and the timestamp used to crop the original video can also be acquired. The original video can be a video uploaded by the user without any cropping processing. The cropped video can be a video that is cropped from the original video.
[0053] In the case where the media resources included in the acquired media content are cropped videos, it can be understood that the media resources acquired in advance are cropped videos, and no cropping is required when the media resources are subsequently displayed. The basis for cropping is not limited, such as determining the time period in which the cropped video can be played based on multiple set timestamps corresponding to the audio, and determining the video segment in the original video that is suitable for playing the audio segment as background sound in combination with the audio segment corresponding to the time period and the length of the time period, and determining the determined video segment as the cropped video.
[0054] In the case where the media resources included in the acquired media content are the original video and the timestamp used to crop the original video, it can be understood that the pre-acquired media resource is the original video. If the original video needs to be displayed when the media resource is subsequently displayed, it can be directly displayed without cropping; if the cropped video obtained by cropping the original video needs to be displayed subsequently, the original video is cropped based on the timestamp used to crop the original video during display, and the cropped video is displayed.
[0055] S120: Display media resources included in the media content on a display page and play the audio.
[0056] The display page may be a page that displays media resources included in the media content. The display page may be a page displayed in an application. The user may view the media resources included in the media content displayed in the display page by triggering the corresponding controls of the application.
[0057] The method of displaying the media resources included in the media content and playing the audio on the display page is not limited. For example, when the audio is played to each set timestamp, the corresponding media resources are automatically switched to be displayed on the display page in combination with the set timestamp to which the current audio is played (i.e., the automatic play mode in the following step S130); for another example, in the automatic play mode, in response to the switching operation on the display page, the triggering of the media resource switching is realized, and the audio can be used as background sound, so that the user can freely browse multiple media resources on the display page, and this display mode can be set to the free browsing mode (corresponding to the following step S140). Among them, the specific methods of displaying multiple media resources in the automatic play mode and displaying multiple media resources in the free browsing mode are described in detail in the following corresponding steps.
[0058] It should be noted that in the disclosed embodiment, in the automatic play mode, the mode can be switched to the free browsing mode by responding to a trigger on the display page by the user; in the free browsing mode, the mode can be switched back to the automatic play mode by responding to a trigger on the display page by the user; the specific means of triggering are not limited. In addition, the default mode can be set as the automatic play mode, and the switching between the modes can be performed by responding to a trigger on the display page by the user.
[0059] In the disclosed embodiments, two preview modes, automatic play mode and free browsing mode, can be provided on the publishing side, i.e., the client that publishes the media content, so that the preview effect of the media content when it is published is the same as that when it is consumed, thereby improving the user experience.
[0060] S130. When the media content is in automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, the media resources corresponding to the target timestamp are switched for display on the display page. The automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp.
[0061] The automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp. In the automatic play mode, the media resource can be corresponded to the set timestamp, and one set timestamp corresponds to the switching of one media resource, that is, when the audio is played to the target timestamp in the set timestamp, the media resource currently displayed on the display page is switched to the media resource corresponding to the target timestamp. Among them, the target timestamp can refer to the timestamp corresponding to the media resource to be switched to among the multiple set timestamps included in the audio, and the target timestamp can also be understood as the next set timestamp to which the audio will be played among the multiple set timestamps.
[0062] In one embodiment, the audio may be background music, and accordingly, the multiple set timestamps corresponding to the audio may be time nodes corresponding to multiple stressed syllables in the background music. In automatic playback mode, when the background music plays to the time node corresponding to each stressed syllable, the corresponding media resources are automatically switched and displayed on the display page in combination with the time node corresponding to the stressed syllable that the current background music is played to, that is, multiple media resources are switched and displayed in accordance with the time nodes corresponding to the stressed syllables in the background music.
[0063] In one embodiment, the number of the set timestamps is the number of the media resources minus one, and all the media resources except the first media resource displayed among the media resources have a one-to-one correspondence with each of the set timestamps.
[0064] Figure 2 is a schematic diagram of setting a corresponding relationship between a timestamp and a media resource provided by an embodiment of the present disclosure, such as Figure 2 As shown, there are multiple time points (1.2, 3.6, 7.2, 10.8, 14.4, 18.0 and 20.4) in the time axis, that is, multiple set timestamps, and the number of multiple set timestamps is 7; Figure 2 There are multiple media resources displayed, namely, media resource 0, media resource 1, media resource 2, media resource 3, media resource 4, media resource 5, media resource 6 and media resource 7. The number of the multiple media resources is 8, that is, the number of timestamps is set to be the number of media resources minus one.
[0065] Among multiple media resources, media resource 0 can be regarded as the first media resource to be displayed. Except for this media resource, the remaining media resources have a one-to-one correspondence with each set timestamp, that is, the set timestamp 1.2 corresponds to media resource 1, the set timestamp 3.6 corresponds to media resource 2, and the subsequent correspondences are in sequence.
[0066] For example, when the media content is in automatic play mode, if the audio plays after 1.2 seconds but not to 3.6 seconds, the media resource currently displayed on the display page is media resource 1. When the audio plays to the target timestamp 3.6 among multiple set timestamps, the media resource 1 currently displayed on the display page will be switched to the media resource 2 corresponding to the target timestamp.
[0067] It should be noted that when the media content is in the automatic play mode, if the media resource included in the media content obtained in step S110 is a cropped video, when the audio is played to the target timestamp corresponding to the media resource, there is no need to process the media resource (i.e., the cropped video), and the media resource can be directly displayed on the display page; if the media resource included in the media content obtained in step S110 is the original video and the timestamp used to crop the original video, it is necessary to process the media resource (i.e., the original video) to obtain the cropped video, and then display the cropped video on the display page after cropping. That is, in the automatic play mode, the video displayed on the display page is always the cropped video.
[0068] S140: In response to a switching operation on the display page, display a media resource corresponding to the switching operation on the display page.
[0069] The switching operation may refer to an operation of switching the media resources displayed on the display page, and the switching operation is not limited. For example, the switching operation may be a sliding operation of the user on the display page, such as a left sliding operation or a right sliding operation, and is not specifically limited. The media resource corresponding to the switching operation may be understood as the media resource to which the switching operation switches the display.
[0070] The play order of each media resource in the automatic play mode can be determined in advance according to the correspondence between multiple set time stamps and media resources included in the audio (such as Figure 2 The media resource currently displayed on the display page is set as the current media resource. A left swipe operation can switch the current media resource to the next media resource corresponding to the current media resource. A right swipe operation can switch the current media resource to the previous media resource corresponding to the current media resource.
[0071] In response to a switching operation on a display page, the manner of displaying the media resources corresponding to the switching operation on the display page is not limited. For example, in response to a left swipe operation on the display page, the current media resource is switched to the next media resource corresponding to the current media resource on the display page; in response to a right swipe operation on the display page, the current media resource is switched to the previous media resource corresponding to the current media resource on the display page.
[0072] There is no limitation on the display mode of the media resource displayed after the switching operation. If the media resource displayed after the switching operation is an image, the image is displayed statically on the display page; if the media resource displayed after the switching operation is a video, there are two display modes: if the media resource is a cropped video when it is acquired, the cropped video is displayed in a loop on the display page; if the media resource is an original video when it is acquired, the original video is displayed in a loop on the display page.
[0073] Figure 3 is a schematic diagram of a switching operation on a display page provided by an embodiment of the present disclosure. Figure 3 The switching operation shown is a left slide operation, such as Figure 3 As shown, in the automatic play mode, the current media resource 31 is displayed in the display page on the left, and the time period corresponding to the play of the current media resource 31 is the first time period 33. The first time period 33 can be determined according to the set timestamp corresponding to the current media resource and the next set timestamp of the corresponding set timestamp; in response to the switching operation 32 on the display interface, the free browsing mode is entered, and the current media resource 31 displayed in the display page is switched to the next media resource 34 corresponding to the current media resource, and the next media resource 34 is displayed cyclically or statically in the display page.
[0074] In the embodiments of the present disclosure, by responding to switching operations on the display page once or multiple times, the user can freely browse multiple media resources on the display page, that is, the switching display of multiple media resources in the free browsing mode is realized. In this mode, by responding to the user's trigger on the display page, it is possible to switch back to the automatic play mode and continue to display multiple media resources in the automatic play mode.
[0075] It should be noted that in the free browsing mode, there is no need to monitor the multiple set timestamps corresponding to the audio, that is, there is no need to switch the media resources by setting timestamps. Instead, when entering the free browsing mode, the audio continues to be played according to the time point of the currently playing audio until the audio is finished and then plays the audio from the beginning.
[0076] The embodiments of the present disclosure provide a method, device, electronic device and storage medium for displaying media content, the method comprising: acquiring media content, wherein the audio included in the media content corresponds to multiple set timestamps, the media content includes multiple media resources, and the display form of the multiple media resources remains unchanged before and after the media content is released; displaying the media resources included in the media content on a display page and playing the audio; when the media content is in an automatic play mode and the audio is played to a target timestamp among the multiple set timestamps, switching to display the media resources corresponding to the target timestamp on the display page, the automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp; in response to a switching operation on the display page, displaying the media resources corresponding to the switching operation on the display page. According to the above technical solution, in the automatic playback mode, the media resources correspond to the set timestamps of the audio, and when the audio is played to each set timestamp, the corresponding media resources are automatically switched on the display page in combination with the set timestamp to which the current audio is played, that is, one set timestamp corresponds to the switching of one media resource, and in the automatic playback mode, the display form of each media resource remains unchanged before and after the media content is released, so as to solve the problem of inconsistency between the preview effect of the media content when it is released and when it is consumed; in response to the switching operation on the display page, the user can freely browse the separate media resources included in the media content; in summary, the method can make the media resources automatically switch according to the set timestamps of the audio in the automatic playback mode, and in response to the switching operation, the user can freely browse the separate media resources included in the media content, thereby improving the user experience when the media content is displayed on the display page.
[0077] Based on the above embodiment, a variant embodiment of the above embodiment is proposed. It should be noted that in order to make the description concise, only the differences from the above embodiment are described in the variant embodiment.
[0078] Figure 4 It is a flow chart of another media content display method provided by an embodiment of the present disclosure. The embodiment of the present disclosure is based on the above embodiment, and further refines the acquisition of media content; and further refines the switching display of the media resources corresponding to the target timestamp on the display page when the audio is played to the target timestamp among multiple set timestamps; and further refines the display of the media resources corresponding to the switching operation on the display page.
[0079] like Figure 4 As shown, the method includes:
[0080] S401. Acquire a set timestamp of media content and audio included in the media content simultaneously, wherein the media content includes resource download information of the plurality of media resources and audio download information of the audio.
[0081] Among them, the resource download information can be information used to download multiple media resources, and the audio download information can be information used to download audio. There is no limitation on the resource download information and the audio download information. The resource download information and the audio download information are collectively referred to as download information for explanation. The download information can indicate the address of the server storing the media resources or audio, or the path of the local file storing the media resources or audio in the electronic device.
[0082] When acquiring media content, the set timestamp of the audio included in the media content is also acquired, so that multiple set timestamps corresponding to the audio can be determined without subsequent analysis and processing of the audio, so that multiple media resources can be switched at the same time as the multiple set timestamps corresponding to the audio. Among them, the set timestamp corresponding to the audio is strongly associated with the progress of the carousel of the media resource, that is, one set timestamp corresponds to the switching of one media resource, and the set timestamp of the audio is complete when it is acquired and can be used directly.
[0083] S402: Acquire the media resource corresponding to the resource download information and the audio corresponding to the audio download information.
[0084] Acquiring the media resource corresponding to the resource download information and the audio corresponding to the audio download information may include downloading the corresponding media resource according to the address or path indicated by the resource download information, and downloading the corresponding audio according to the address or path indicated by the audio download information. Acquiring the media resource and the audio may be performed in parallel by two different modules, and the audio is played and the media resource is displayed after the media resource and the audio are loaded.
[0085] In one embodiment, the media resource includes an image and / or a video. When the media resource is a video, obtaining the media content includes one or more of the following:
[0086] Acquire a cropped video, where the cropped video is a video cropped based on the audio card point duration, where the audio card point duration is a duration determined based on a difference between a set timestamp corresponding to the cropped video and a next set timestamp after the corresponding set timestamp;
[0087] Get the original video uploaded by the user;
[0088] The original video uploaded by the user and the cropped timestamp of the cropped video corresponding to the original video are obtained, wherein the cropped timestamp is the timestamp corresponding to the cropping position of the original video uploaded by the user.
[0089] Get the cropped video, and in the automatic playback mode, when the audio plays to the corresponding set timestamp, it can automatically switch to the cropped video without processing the cropped video. Figure 2 The set timestamp corresponding to the media resource 1) shown in FIG. 1 is the set timestamp corresponding to the switching display to the cropped video (eg Figure 2 The next setting timestamp after the corresponding setting timestamp can be as follows Figure 2 As shown in the set timestamp 3.6, the audio card point duration is determined based on the difference between the set timestamp corresponding to the cropped video and the next set timestamp after the corresponding set timestamp, and the audio card point duration is determined based on the set timestamps 3.6 and 1.2.
[0090] The cropped video is a video cropped based on the duration of the audio card point. For example, the cropped video may be a video cropped from the video before cropping and having the same duration as the audio card point. For another example, considering that the duration of the cropped video is the same as the duration of the audio card point, the audio segment between the two set timestamps for determining the duration of the audio card point (i.e., the set timestamp 1.2 to the set timestamp 3.6) may be combined to determine a video segment suitable for playing the audio segment as background sound. The video segment may be regarded as the cropped video.
[0091] The original video uploaded by the user is obtained, and the original video can be played in a loop in the free browsing mode to provide the user with a complete display of the original video.
[0092] The original video uploaded by the user and the cropped video corresponding to the original video are obtained. When the audio is played to the corresponding set timestamp in the automatic play mode, the original video can be processed by the cropping timestamp to obtain the cropped video, and the display can be automatically switched to the cropped video. The original video can also be played in a loop in the free browsing mode without cropping. The cropping timestamp of the cropped video corresponding to the original video can be the timestamp corresponding to the cropping position of the original video uploaded by the user. The cropping timestamp can include the starting timestamp and / or ending timestamp corresponding to the cropped video in the original video. In the automatic play mode, when the audio is played to the set timestamp corresponding to the original video, the video starts playing from the starting timestamp in the original video, and ends at the ending timestamp in the original video, or ends at the setting timestamp corresponding to the next media resource. The played video is the cropped video obtained by cropping the original video. Among them, the starting timestamp can be the starting position of the cropped video in the original video, and the ending timestamp can be the ending position of the cropped video in the original video.
[0093] S403: Display the media resources included in the media content on the display page and play the audio.
[0094] S404: When the media content is in automatic play mode and the media resource corresponding to the target timestamp is a target video, when the audio is played to a target timestamp among a plurality of set timestamps, the cropped target video corresponding to the target timestamp is switched to be displayed on the display page.
[0095] The target video may be a video that needs to be cropped in the automatic play mode, that is, the target video may be the original video corresponding to the target timestamp in the original video mentioned above.
[0096] In automatic playback mode, when the audio plays to the target timestamp, it is necessary to switch the display to the media resource corresponding to the target timestamp. The media resource corresponding to the target timestamp is the target video without cropping. Therefore, it is necessary to crop the target video first, and then switch the display to the cropped target video, so that the cropped target video can be a video suitable for switching to at the target timestamp.
[0097] In one embodiment, when the audio is played to a target timestamp among a plurality of set timestamps, switching to display the cropped target video corresponding to the target timestamp on the display page includes:
[0098] When the audio is played to a target timestamp among a plurality of set timestamps, obtaining a target video corresponding to the target timestamp and a cropping timestamp of the target video;
[0099] On the presentation page, the target video is played based on the cropping timestamp.
[0100] In automatic play mode, when the audio plays to the target timestamp, the target video corresponding to the target timestamp and the cropping timestamp used to crop the target video are obtained, and the target video is played on the display page based on the cropping timestamp. For example, when the cropping timestamp is the starting timestamp of the cropped video in the target video (such as timestamp 3.8), the target video is played starting from the 3.8th second of the target video when the audio plays to the target timestamp.
[0101] S405. In response to a switching operation on the display page, when the media resource corresponding to the switching operation is a video, a cropped video corresponding to the switching operation is displayed in a loop on the display page, wherein the cropped video is obtained by cropping the media resource uploaded or shot at the time of publishing; or, an original video corresponding to the switching operation is displayed in a loop on the display page, wherein the original video is the media resource uploaded or shot at the time of publishing.
[0102] If all the videos obtained when acquiring the media resources are cropped videos (i.e., cropped videos), in the free browsing mode, the display can be switched to the cropped video corresponding to the switching operation and played in a loop in response to the switching operation on the display page; if all the videos obtained when acquiring the media resources are original videos, in the free browsing mode, the display can be switched to the original video corresponding to the switching operation and played in a loop in response to the switching operation on the display page.
[0103] The technical solution of the disclosed embodiment is that in the scenario of mixed browsing of pictures and videos, in the automatic playback mode, if the acquired media resource is a cropped video, then when the audio is played to the target timestamp, it can be directly switched to the corresponding cropped video for display; if the acquired media resource is the original video and the cropped timestamp corresponding to the original video, then when the audio is played to the target timestamp, it is necessary to first crop the original video according to the cropped timestamp to obtain the cropped video, and then display the cropped video, so that in the automatic playback mode, the videos displayed on the display page are all cropped videos suitable for switching to play at the card point, thereby improving the user's video viewing experience and avoiding the situation where a single video material only displays the front part, rather than the video clip suitable for playing at the card point captured when it is released; in the free browsing mode, multiple media resources can be switched to display in response to the switching operation on the display page, and when a single media resource is displayed, it is in the form of multiple loops, and the cropped video or the original video can be displayed in a loop according to the different acquired media resources, thereby improving the user's viewing experience.
[0104] In one embodiment, the method further comprises:
[0105] In response to the automatic play switching operation, the media resources are played in a loop starting from the media resource corresponding to the automatic play switching operation, and the audio is played starting from the set timestamp corresponding to the media resource corresponding to the automatic play switching operation.
[0106] Among them, the automatic play switching operation can be an operation of switching to the automatic play mode, such as an operation of switching from the free browsing mode to the automatic play mode. There is no limitation on the automatic play switching operation, such as an operation in which the user clicks the display page once and then clicks the display page again.
[0107] In the free browsing mode, the media resources corresponding to the switching operation are displayed in a loop on the display page. At this time, in response to the user clicking the display page once, the audio is triggered to pause, and the currently displayed media resources are triggered to pause. In response to the user clicking the display page once again, the free browsing mode is returned to the automatic playback mode, and each media resource is played in a loop starting from the currently displayed media resource, and the audio is played from the set timestamp corresponding to the currently displayed media resource, that is, when the audio plays to each set timestamp, the display is switched to the corresponding media resource.
[0108] Figure 5 is a flow chart of another method for displaying media content provided by an embodiment of the present disclosure. The embodiment of the present disclosure is an exemplary description of the above embodiments. Figure 5 As shown, it includes three stages (corresponding to Figure 5 The three different dashed boxes shown are as follows:
[0109] (1) Music card carousel mode
[0110] When the playback starts, the music card point carousel mode (i.e. automatic playback mode) is entered by default, and the music starts playing at the same time. When the music is monitored to play to the card point time, the switching of the single-segment material (i.e. media resource) is triggered (i.e. when the audio is played to the target timestamp, the media resource corresponding to the target timestamp is switched to display).
[0111] There are two options for switching between single-segment clips:
[0112] Solution 1: Start playing the cropped video clip (i.e., play the cropped video);
[0113] Solution 2: Start playing from the cropped portion of the complete video (ie, play the original video after cropping it, such as starting to play the video from the start timestamp in the original video).
[0114] (2) Free browsing mode
[0115] The gesture switches the single-segment material and triggers the free browsing mode. That is, in response to the switching operation on the display page, the next single-segment material corresponding to the currently playing single-segment material is played in a loop, and the single-segment material carousel is untied from the music playback progress, and the music card is no longer played.
[0116] (3) Pause and restart the playback to switch to the music card carousel mode
[0117] Pause and restart, switch to the music card point carousel mode, that is, respond to the automatic play switching operation, switch to the automatic play mode, specifically: gesture click the screen, music playback pauses, single-segment material carousel pauses, gesture click the screen again, the music current single-segment material corresponding to the card point timestamp (that is, the corresponding set timestamp) starts playing, and the single-segment material starts playing the music card point carousel again.
[0118] The following is an exemplary description of the switching between the automatic play mode and the free browsing mode:
[0119] Figure 6 is a schematic diagram of switching from an automatic play mode to a free browsing mode provided by an embodiment of the present disclosure, such as Figure 6 As shown, the media content includes an audio 64 and a plurality of media resources, and the audio 64 corresponds to a plurality of set timestamps 61 ( Figure 6 Symbols identical to the set timestamp 61 shown can be regarded as set timestamps), and the multiple media resources can be images (such as image 63) and videos (such as video 69).
[0120] Among them, video 62 indicates that Video 1 is the original video, and video 69 indicates the cropped video of Video 1 corresponding to the original video. The video obtained by this solution is the cropped video, namely video 69. Figure 6 The middle video 62 is only used to illustrate the original video corresponding to the cropped video and does not participate in the display of the media content. Figure 6 The same applies to other videos shown in (such as Video2, Video3 and Video4).
[0121] In the automatic play mode 65, the audio is played along the timeline 68. When the audio is played to the target timestamp, the display is switched to the picture or video corresponding to the target timestamp, so that a plurality of pictures and videos are played in a carousel, and the videos played are all cropped videos.
[0122] like Figure 6 The play effect 66 shown can be regarded as an example of the effect of switching from the automatic play mode 65 to the free browsing mode. Before playing to Video2, it can be regarded as being in the automatic play mode 65; when playing to Video2, in response to the switching operation 67, Video2 is switched to Video3, and Video3 is displayed in a loop until the next switching operation; in response to the next switching operation, Video3 is switched to Video4; and in response to another switching operation, Video4 is switched to the picture. In the free browsing mode in this example, the video displayed is the cropped video.
[0123] Figure 7 is a schematic diagram of switching from an automatic play mode to a free browsing mode and then returning to the automatic play mode provided by an embodiment of the present disclosure, Figure 7 and Figure 6 The same symbols in the figure have the same meaning, so they will not be described in detail. Figure 7 As shown, in the automatic play mode 71, the audio is played along the timeline. When the audio is played to the target timestamp, the display is switched to the picture or video corresponding to the target timestamp, so as to realize the card point carousel of multiple pictures and videos, and the videos played are all cropped videos.
[0124] like Figure 7 The playback effect 72 shown can be regarded as an example of the effect of switching from the automatic playback mode 71 to the free browsing mode and then returning to the automatic playback mode 71. Before playing to Video2, it can be regarded as being in the automatic playback mode 71; when playing to Video2, in response to the switching operation 73, Video2 is switched to Video3, and the switched Video3 is the original uncropped video; when playing Video3, in response to the next switching operation 74, Video3 is switched to Video4, and the switched Video4 is the original uncropped video; when playing Video4, in response to the automatic playback switching operation 75, it returns to the automatic playback mode 71 to continue playing.
[0125] Figure 8 is a structural diagram of a component for implementing a method for displaying media content provided by an embodiment of the present disclosure, such as Figure 8 As shown, the Slides component may refer to a component for playing Slides works (i.e., media content). The Slides component includes three major parts: data, monitoring, and broadcast control. The data part mainly includes a single-segment material data loading module and a music loading module. The monitoring part includes a gesture monitoring component and a music progress monitoring component. The broadcast control part includes a single-segment material carousel control component and a music broadcast control component.
[0126] Among them, in the automatic playback mode, the music progress monitoring component continuously monitors the playback progress of the music, and triggers the switching of the single-segment material when the music plays to the card point (i.e., the target timestamp), and the new single-segment material starts to play; when the gesture monitoring component monitors the occurrence of gesture switching (i.e., switching operation), it changes to free browsing mode, and the music progress monitoring component no longer monitors the playback progress of the music. The single-segment material is played repeatedly after it is played, and the single-segment material no longer switches automatically, and the switching of the single-segment material is only triggered when the gesture switching is monitored; when the gesture monitoring component monitors the occurrence of a gesture single-click on the screen to trigger the music and carousel to pause, and the gesture single-click on the screen again to trigger the resumption of playback (i.e., the automatic playback switching operation), if it is in free browsing mode, it returns to the automatic playback mode.
[0127] Fig. 9 is a flow chart of obtaining media content provided by an embodiment of the present disclosure, such as Fig. 9As shown, in the disclosed embodiment, the card point data is sent to the client together with the work (i.e., the set timestamp of the media content and the audio included in the media content is obtained at the same time); the work data is preloaded, and the single-segment material data request (picture / video) and the music data request are executed at the same time, that is, the picture / video (i.e., single-segment material) is loaded through the single-segment material data loading module, and the music is loaded through the music loading module, and the two modules are executed at the same time; the loading of the single-segment material and music is completed; and the music card point carousel is played.
[0128] The technical solution of the disclosed embodiment supports a Slides work with mixed pictures and videos for horizontal scrolling. By matching the music beat with the switching timing of a single segment of material, and extracting the segments of the video material suitable for playing music card points to match the specified music beat, the card point data is strongly associated with the carousel progress of the single segment of material. One card point data corresponds to the switching of a specific segment of material, and finally presents a form similar to a separate music card point video. At the same time, when the user intervenes with a gesture sliding, it becomes a mode similar to album browsing, and the user can browse each segment of material freely. After pausing and resuming the playback, the effect of music card point carousel is restored. Among them, all materials are ultimately independent materials, and all materials can be combined into a whole for browsing, or they can be browsed freely by sliding.
[0129] Fig.10 is a structural diagram of a media content display device provided by an embodiment of the present disclosure, such as Fig.10 As shown, the device includes: an acquisition module 11, a first display module 12, a second display module 13 and a third display module 14.
[0130] An acquisition module 11 is used to acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, and the media content includes a plurality of media resources, and the display form of the plurality of media resources remains unchanged before and after the media content is released;
[0131] A first display module 12, configured to display the media resources included in the media content on a display page and play the audio;
[0132] A second display module 13 is used for switching and displaying the media resources corresponding to the target timestamp on the display page when the media content is in an automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, wherein the automatic play mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp;
[0133] The third display module 14 is configured to respond to a switching operation on the display page and display a media resource corresponding to the switching operation on the display page.
[0134] The technical solution provided by the embodiment of the present disclosure is as follows: first, media content is acquired through an acquisition module, the audio included in the media content corresponds to multiple set timestamps, the media content includes multiple media resources, and the display form of the multiple media resources remains unchanged before and after the media content is released; then, the media resources included in the media content are displayed on a display page and the audio is played through a first display module; then, when the media content is in automatic play mode and the audio is played to a target timestamp among multiple set timestamps, the media resources corresponding to the target timestamp are switched to be displayed on the display page through a second display module, and the automatic play mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp; finally, the third display module responds to the switching operation on the display page and displays the media resources corresponding to the switching operation on the display page. The device can improve the user experience when displaying media content on a display page.
[0135] In one embodiment, the acquisition module 11 is specifically configured to:
[0136] Acquiring simultaneously a set timestamp of media content and audio included in the media content, wherein the media content includes resource download information of the plurality of media resources and audio download information of the audio;
[0137] Acquire the media resource corresponding to the resource download information and the audio corresponding to the audio download information.
[0138] In one embodiment, the media resource includes an image and / or a video. When the media resource is a video, the acquisition module 11 is specifically configured to:
[0139] Acquire a cropped video, where the cropped video is a video cropped based on the audio card point duration, where the audio card point duration is a duration determined based on a difference between a set timestamp corresponding to the cropped video and a next set timestamp after the corresponding set timestamp;
[0140] Get the original video uploaded by the user;
[0141] The original video uploaded by the user and the cropped timestamp of the cropped video corresponding to the original video are obtained, wherein the cropped timestamp is the timestamp corresponding to the cropping position of the original video uploaded by the user.
[0142] In one embodiment, the number of the set timestamps is the number of the media resources minus one, and all the media resources except the first media resource displayed among the media resources have a one-to-one correspondence with each of the set timestamps.
[0143] In one embodiment, the second display module 13 is specifically used for:
[0144] In the case where the media resource corresponding to the target timestamp is a target video, when the audio is played to a target timestamp among a plurality of set timestamps, the cropped target video corresponding to the target timestamp is switched and displayed on the display page.
[0145] In one embodiment, the second display module 13 is specifically used for:
[0146] When the audio is played to a target timestamp among a plurality of set timestamps, obtaining a target video corresponding to the target timestamp and a cropping timestamp of the target video;
[0147] On the presentation page, the target video is played based on the cropping timestamp.
[0148] In one embodiment, the third display module 14 is specifically used for:
[0149] In the case where the media resource corresponding to the switching operation is a video, a cropped video corresponding to the switching operation is cyclically displayed on the display page, wherein the cropped video is obtained by cropping the media resource uploaded or shot when publishing; or
[0150] The original video corresponding to the switching operation is displayed cyclically on the display page, and the original video is a media resource uploaded or shot when it is released.
[0151] In one embodiment, the apparatus further comprises:
[0152] The playing module is used to respond to the automatic play switching operation, start looping and playing each media resource from the media resource corresponding to the automatic play switching operation, and start playing the audio from the set timestamp corresponding to the media resource corresponding to the automatic play switching operation.
[0153] The media content display device provided in the embodiments of the present disclosure can execute the media content display method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.
[0154] 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-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.
[0155] Fig.11 Schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Fig.11, which shows an electronic device (eg, Fig.11 A schematic diagram of the structure of a terminal device or server) 500.
[0156] The electronic device comprises:
[0157] one or more processing devices;
[0158] a storage device for storing one or more programs,
[0159] When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the media content display method provided by the embodiment of the present disclosure.
[0160] The terminal devices in the embodiments of the present disclosure may include but are not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., as well as fixed terminals such as digital TVs, desktop computers, etc. Fig.11 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.
[0161] like Fig.11 As shown, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An edit / output (I / O) interface 505 is also connected to the bus 504.
[0162] Typically, the following devices may be connected to the I / O interface 505: an input device 506 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.11 The electronic device 500 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.
[0163] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 509, or installed from a storage device 508, or installed from a ROM 502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
[0164] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.
[0165] The electronic device provided by the embodiment of the present disclosure and the media content display method provided by the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.
[0166] The embodiments of the present disclosure provide a computer storage medium on which a computer program is stored. When the program is executed by a processor, the media content display method provided by the above embodiments is implemented.
[0167] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two.
[0168] The computer storage medium may be a storage medium of computer executable instructions, which, when executed by a computer processor, are used to perform the methods provided by the present disclosure.
[0169] Computer readable storage media may be, for example, but not limited to: electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or components, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, device or device. In the present disclosure, a computer readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer readable program code is carried. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate, or transmit a program used by or in conjunction with an instruction execution system, device, or device. The program code embodied on the computer readable medium may be transmitted using any appropriate medium, including but not limited to: wire, optical cable, RF (radio frequency), etc., or any suitable combination of the foregoing.
[0170] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.
[0171] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
[0172] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:
[0173] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: obtains media content, the audio included in the media content corresponds to multiple set timestamps, the media content includes multiple media resources, and the display form of the multiple media resources remains unchanged before and after the media content is released; displays the media resources included in the media content on a display page and plays the audio; when the media content is in automatic playback mode and the audio is played to a target timestamp among multiple set timestamps, switches to display the media resources corresponding to the target timestamp on the display page, the automatic playback mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp; in response to a switching operation on the display page, displays the media resources corresponding to the switching operation on the display page.
[0174] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or combinations thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate 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 a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0175] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0176] The modules or units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a module or unit does not limit the unit itself in some cases. For example, an acquisition module may also be described as a "content acquisition module".
[0177] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
[0178] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0179] According to one or more embodiments of the present disclosure, Example 1 provides a media content display method, including:
[0180] Acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display forms of the plurality of media resources remain unchanged before and after the media content is released;
[0181] Displaying the media resources included in the media content on a display page and playing the audio;
[0182] When the media content is in automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, the media resource corresponding to the target timestamp is switched and displayed on the display page, and the automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp;
[0183] In response to a switching operation on the display page, a media resource corresponding to the switching operation is displayed on the display page.
[0184] According to one or more embodiments of the present disclosure, Example 2 is based on the method described in Example 1,
[0185] The obtaining of the media content and the setting of the timestamp of the audio included in the media content includes:
[0186] Acquiring simultaneously a set timestamp of media content and audio included in the media content, wherein the media content includes resource download information of the plurality of media resources and audio download information of the audio;
[0187] Acquire the media resource corresponding to the resource download information and the audio corresponding to the audio download information.
[0188] According to one or more embodiments of the present disclosure, Example 3 is the method according to Example 2,
[0189] The media resource includes an image and / or a video. When the media resource is a video, acquiring the media content includes one or more of the following:
[0190] Acquire a cropped video, where the cropped video is a video cropped based on the audio card point duration, where the audio card point duration is a duration determined based on a difference between a set timestamp corresponding to the cropped video and a next set timestamp after the corresponding set timestamp;
[0191] Get the original video uploaded by the user;
[0192] The original video uploaded by the user and the cropped timestamp of the cropped video corresponding to the original video are obtained, wherein the cropped timestamp is the timestamp corresponding to the cropping position of the original video uploaded by the user.
[0193] According to one or more embodiments of the present disclosure, Example 4 is the method according to Example 1,
[0194] The number of the set timestamps is the number of the media resources minus one, and all the media resources except the first media resource displayed among the media resources have a one-to-one correspondence with each of the set timestamps.
[0195] According to one or more embodiments of the present disclosure, Example 5 is based on the method described in Example 1,
[0196] In the case where the media resource corresponding to the target timestamp is a target video, when the audio is played to the target timestamp among the multiple set timestamps, the media resource corresponding to the target timestamp is switched to be displayed on the display page, including:
[0197] When the audio is played to a target timestamp among a plurality of set timestamps, the cropped target video corresponding to the target timestamp is switched and displayed on the display page.
[0198] According to one or more embodiments of the present disclosure, Example 6 is the method according to Example 5,
[0199] When the audio is played to a target timestamp among a plurality of set timestamps, switching to display the cropped target video corresponding to the target timestamp on the display page includes:
[0200] When the audio is played to a target timestamp among a plurality of set timestamps, obtaining a target video corresponding to the target timestamp and a cropping timestamp of the target video;
[0201] On the presentation page, the target video is played based on the cropping timestamp.
[0202] According to one or more embodiments of the present disclosure, Example 7 is the method according to Example 1,
[0203] In a case where the media resource corresponding to the switching operation is a video, displaying the media resource corresponding to the switching operation on the display page includes:
[0204] The cropped video corresponding to the switching operation is cyclically displayed on the display page, wherein the cropped video is obtained by cropping the media resource uploaded or shot when publishing; or
[0205] The original video corresponding to the switching operation is displayed cyclically on the display page, and the original video is a media resource uploaded or shot when it is released.
[0206] According to one or more embodiments of the present disclosure, Example 8 is the method according to Example 1, further comprising:
[0207] In response to the automatic play switching operation, the media resources are played in a loop starting from the media resource corresponding to the automatic play switching operation, and the audio is played starting from the set timestamp corresponding to the media resource corresponding to the automatic play switching operation.
[0208] According to one or more embodiments of the present disclosure, Example 9 provides a media content display device, including:
[0209] An acquisition module, used to acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display form of the plurality of media resources remains unchanged before and after the media content is released;
[0210] A first display module, configured to display the media resources included in the media content on a display page and play the audio;
[0211] A second display module is used for switching and displaying the media resources corresponding to the target timestamp on the display page when the media content is in an automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, wherein the automatic play mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp;
[0212] The third display module is used to respond to the switching operation on the display page and display the media resources corresponding to the switching operation on the display page.
[0213] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, the electronic device comprising:
[0214] one or more processing devices;
[0215] a storage device for storing one or more programs,
[0216] When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the media content display method provided by the embodiment of the present disclosure.
[0217] According to one or more embodiments of the present disclosure, Example 11 provides a storage medium containing computer executable instructions, which are used to execute the media content display method provided by the embodiment of the present disclosure when executed by a computer processor.
[0218] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.
[0219] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.
[0220] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, 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. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.
Claims
1. A method for displaying media content, characterized in that: include: Acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display forms of the plurality of media resources remain unchanged before and after the media content is released; Displaying the media resources included in the media content on a display page and playing the audio; When the media content is in automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, the media resource corresponding to the target timestamp is switched and displayed on the display page, and the automatic play mode is a mode in which each media resource is automatically displayed on the display page when the audio is played to the corresponding set timestamp; In response to a switching operation on the display page, a media resource corresponding to the switching operation is displayed on the display page.
2. The method according to claim 1, characterized in that The obtaining of the media content and the setting of the timestamp of the audio included in the media content includes: Acquiring simultaneously a set timestamp of media content and audio included in the media content, wherein the media content includes resource download information of the plurality of media resources and audio download information of the audio; Acquire the media resource corresponding to the resource download information and the audio corresponding to the audio download information.
3. The method according to claim 2, characterized in that The media resource includes an image and / or a video. When the media resource is a video, acquiring the media content includes one or more of the following: Acquire a cropped video, where the cropped video is a video cropped based on the audio card point duration, where the audio card point duration is a duration determined based on a difference between a set timestamp corresponding to the cropped video and a next set timestamp after the corresponding set timestamp; Get the original video uploaded by the user; The original video uploaded by the user and the cropped timestamp of the cropped video corresponding to the original video are obtained, wherein the cropped timestamp is the timestamp corresponding to the cropping position of the original video uploaded by the user.
4. The method according to claim 1, characterized in that: The number of the set timestamps is the number of the media resources minus one, and all the media resources except the first media resource displayed among the media resources have a one-to-one correspondence with each of the set timestamps.
5. The method according to claim 1, characterized in that In the case where the media resource corresponding to the target timestamp is a target video, when the audio is played to the target timestamp among the multiple set timestamps, the media resource corresponding to the target timestamp is switched to be displayed on the display page, including: When the audio is played to a target timestamp among a plurality of set timestamps, the cropped target video corresponding to the target timestamp is switched and displayed on the display page.
6. The method according to claim 5, characterized in that When the audio is played to a target timestamp among a plurality of set timestamps, switching to display the cropped target video corresponding to the target timestamp on the display page includes: When the audio is played to a target timestamp among a plurality of set timestamps, obtaining a target video corresponding to the target timestamp and a cropping timestamp of the target video; On the presentation page, the target video is played based on the cropping timestamp.
7. The method according to claim 1, characterized in that In a case where the media resource corresponding to the switching operation is a video, displaying the media resource corresponding to the switching operation on the display page includes: The cropped video corresponding to the switching operation is cyclically displayed on the display page, wherein the cropped video is obtained by cropping the media resource uploaded or shot when publishing; or The original video corresponding to the switching operation is displayed cyclically on the display page, and the original video is a media resource uploaded or shot when it is released.
8. The method according to claim 1, characterized in that Also includes: In response to the automatic play switching operation, the media resources are played in a loop starting from the media resource corresponding to the automatic play switching operation, and the audio is played starting from the set timestamp corresponding to the media resource corresponding to the automatic play switching operation.
9. A media content display device, characterized in that: include: An acquisition module, used to acquire media content, wherein the audio included in the media content corresponds to a plurality of set timestamps, the media content includes a plurality of media resources, and the display form of the plurality of media resources remains unchanged before and after the media content is released; A first display module, configured to display the media resources included in the media content on a display page and play the audio; A second display module is used for switching and displaying the media resources corresponding to the target timestamp on the display page when the media content is in an automatic play mode and the audio is played to a target timestamp among a plurality of set timestamps, wherein the automatic play mode is a mode in which each of the media resources is automatically displayed on the display page when the audio is played to the corresponding set timestamp; The third display module is used to respond to the switching operation on the display page and display the media resources corresponding to the switching operation on the display page.
10. An electronic device, characterized in that: The electronic device comprises: one or more processing devices; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the media content display method as described in any one of claims 1-8.
11. A storage medium comprising computer executable instructions, wherein the computer executable instructions are used to perform the media content display method according to any one of claims 1 to 8 when executed by a computer processor.
Citation Information
Patent Citations
Picture switching method and picture switching device for picture video playing
CN105142017A
Media resource display system, method and device and storage medium
CN110856031A
Video processing method and device, electronic equipment and storage medium
CN113727038A
Media content display method and device, equipment and storage medium
CN115062168A
Auto-station tuning
US20100010648A1
Cited By
Media content display method, apparatus, electronic device and storage medium
EP4742681A1
Media content display method, apparatus, electronic device and storage medium
WO2025011482A1