Method, apparatus, device, medium and product for media content presentation
By dynamically adjusting the visual style of the progress bar according to the playback progress of the media content and the content clips in the media playback application, the problem of fixed progress bar style in the prior art is solved, which significantly improves the user experience.
Patent Information
- Application Number
- CN202411983053.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-30
- Publication Date
- 2025-05-02
AI Technical Summary
In existing media playback applications, the visual style of the progress bar is usually fixed and cannot be dynamically adjusted according to changes in the playback content, resulting in limited user experience improvement.
By presenting the media content and the progress bar corresponding to the media content, the visual style of the progress bar is determined based on the content segment corresponding to the playback progress of the media content. In response to the changes in the content segment, the visual style of the progress bar is dynamically switched.
The visual style of the progress bar is realized and dynamic matching between media content is improved, and users' intuitive perception and interactive experience of content playback are improved.
Smart Images

Figure CN119917693A_ABST
Abstract
Description
Technical Field
[0001] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to methods, devices, apparatuses, and computer-readable storage media for media content presentation. Background Art
[0002] With the rapid development of Internet technology, various media contents are becoming increasingly rich and diverse. Various applications used to present media contents have become important tools for users to obtain information, entertainment and learning.
[0003] In order to enhance the user's intuitive experience when acquiring media content, various media presentation applications usually provide a variety of interactive components, such as playback control area, volume adjustment button, and time progress bar, etc. As one of the core elements in the media playback interface, the progress bar is not only used to display the playback progress of the media content, but also provides users with certain content navigation functions. Summary of the invention
[0004] In a first aspect of the present disclosure, a method for presenting media content is provided. The method includes: presenting media content and a progress bar corresponding to the media content, wherein the visual style of the progress bar is determined based on a content segment corresponding to a playback progress of the media content; and in response to playing from a first content segment to a second content segment of the media content, switching the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment.
[0005] In a second aspect of the present disclosure, a device for presenting media content is provided. The device includes: a presentation module configured to present media content and a progress bar corresponding to the media content, wherein the visual style of the progress bar is determined based on a content segment corresponding to the playback progress of the media content; and a visual style processing module configured to switch the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment in response to playing from a first content segment of the media content to a second content segment.
[0006] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one storage unit, the at least one storage unit is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device executes the method of the first aspect.
[0007] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein computer-executable instructions are stored on the computer-readable storage medium, and the computer-executable instructions can be executed by a processing unit to implement the method of the first aspect.
[0008] In a fifth aspect of the present disclosure, a computer executable instruction product is provided. The computer executable instruction product is tangibly stored in a computer storage medium and comprises computer executable instructions, which, when executed by a device, cause the device to perform the method of the first aspect.
[0009] It should be understood that the contents described in this content section are not intended to limit the key features or important features of the embodiments of the present disclosure, nor are they intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS
[0010] 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. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:
[0011] Figure 1A A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;
[0012] Figure 1B A schematic diagram showing an example interface for media content presentation;
[0013] Figure 2A A schematic diagram showing an example interface for media content presentation according to some embodiments of the present disclosure is shown;
[0014] Figure 2B A schematic diagram showing an example progress bar according to some embodiments of the present disclosure;
[0015] FIG. 3A to FIG. 3B A schematic diagram showing an example interface for media content presentation according to other embodiments of the present disclosure is shown;
[0016] Figure 3C A schematic diagram showing a process of switching the visual style of a progress bar according to some embodiments of the present disclosure;
[0017] Figure 4 A flowchart showing a process for media content presentation according to some embodiments of the present disclosure is shown;
[0018] Figure 5 A schematic structural block diagram showing an apparatus for presenting media content according to some embodiments of the present disclosure; and
[0019] Figure 6 A block diagram of an electronic device is shown in which one or more embodiments of the present disclosure may be implemented. DETAILED DESCRIPTION
[0020] 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 set forth herein. On the contrary, these embodiments are provided to provide 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.
[0021] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below.
[0022] Herein, unless explicitly stated, executing a step “in response to A” does not mean executing the step immediately after “A” but may include one or more intermediate steps.
[0023] 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.
[0024] 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.
[0025] 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, so that the user can independently choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that execute operations of the technical solution of the present disclosure based on the prompt message.
[0026] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information is sent to the user in a manner such as a pop-up window, in which the prompt information can be presented in text form. In addition, the pop-up window can also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.
[0027] 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 relevant laws and regulations may also be applied to the implementation of the present disclosure.
[0028] Figure 1A A schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented is shown. In the example environment 100, an application 120 is installed in a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and / or an attached device of the terminal device 110. The application 120 can be a content presentation application (e.g., a video playback application), an online shopping application, or any other appropriate application.
[0029] exist Figure 1A In the environment 100, if the application 120 is in an active state, the terminal device 110 can present a page 150 of the application 120. The page 150 may include various types of pages that the application 120 can provide, such as a content presentation page, a content creation page, a content publishing page, a message page, a personal homepage, and the like. The application 120 may provide a content viewing function to view various types of content published in the application 120. Via the corresponding page, the application 120 may provide online content such as media content to the user 140. Through appropriate means, such as clicking or selecting a page element, the application 120 may also switch to multiple pages for presenting content to the user 140. The application 120 may also have a publishing function, allowing the user 140 to publish the created media content. In this article, "media content" includes one or more types of content, such as images, image sets, videos, animated images, audio, text, and the like.
[0030] In some embodiments, the terminal device 110 communicates with the server 130 to provide the service of the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication systems (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio broadcast receivers, e-book devices, gaming devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as "wearable" circuits, etc.). The server 130 can be various types of computing systems / servers that can provide computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.
[0031] It should be understood that the structure and function of the various elements in the environment 100 are described for exemplary purposes only and do not imply any limitation on the scope of the present disclosure.
[0032] As briefly mentioned above, with the rapid development of multimedia technology, various media content playback applications have become important tools for people to obtain information, entertainment and learning in their daily lives. While providing high-quality content, these applications are also constantly optimizing interface design and interactive experience to meet users' needs for personalization and convenience.
[0033] In the media playback scenario, the progress bar, as one of the core interactive components, is widely used in video, audio, and audio-visual content (such as animation or interactive media). The progress bar can not only intuitively present the playback progress of the content, but also help users quickly perceive and filter content of interest through segmentation marks or structured information. For example, when the video or audio content is divided into multiple segments, the progress bar usually adopts a segmented design to clearly mark the start and end positions of each segment to facilitate users to quickly navigate between different parts of the content. However, in some applications for presenting media content, the visual style of the progress bar is usually fixed and fails to dynamically adjust according to changes in the playback content.
[0034] As an example, Figure 1B Schematic diagram of an example interface 151 for presenting media content. Figure 1B As shown, in the video playback scene, the style of the progress bar 153 may not match the overall style of the video content 152, resulting in a visual sense of disconnection. In addition, as the video content 152 is played, for example, when switching from one clip to another, the fixed style cannot intuitively prompt the user of the change in the playback content, which to a certain extent limits the improvement of the user experience. As users' requirements for the aesthetics and interactivity of the playback interface gradually increase, it is worth paying attention to how to make the presentation of media content dynamically adapt to changes in content features.
[0035] In view of this, according to an embodiment of the present disclosure, an improved scheme for presenting media content is proposed. The scheme includes presenting media content and a progress bar corresponding to the media content, wherein the visual style of the progress bar is determined based on the content segment corresponding to the playback progress of the media content. In response to playing from a first content segment of the media content to a second content segment, the visual style of the progress bar is switched from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment.
[0036] Therefore, by making the visual style of the progress bar dynamically change based on the characteristics of dynamic media content, it can automatically adapt to different styles and structures according to the playback content. While improving the coordination of the media content presentation interface, it also significantly enhances the user's intuitive perception and interactive experience of content playback.
[0037] Some example embodiments of the present disclosure will continue to be described with reference to the accompanying drawings. It should be understood that the pages shown in the accompanying drawings are merely examples, and various page designs may actually exist. The various graphic elements in the page may have different arrangements and different visual representations, one or more of which may be omitted or replaced, and one or more other elements may also exist. The embodiments of the present disclosure are not limited in this respect. In addition, hereinafter, the example embodiments will be described primarily with respect to the terminal device 110. It should be understood that the actions described with respect to the terminal device 110 may be performed by the application 120 on the terminal device 110, or may be performed by the application 120 in collaboration with its service end (e.g., server 130).
[0038] In an embodiment of the present disclosure, when the terminal device 110 provides the page 150 for the user, the media content and a progress bar corresponding to the media content may be presented on the page 150 .
[0039] The media content refers to the playback content presented by the terminal device 110 on the page 150. The progress bar is a visual component used to display the playback progress or browsing progress of the media content.
[0040] In some embodiments, media content may not be limited to video, but may also include other multimedia forms, such as audio, audiobooks, interactive content (such as multimedia presentations, interactive tutorials, or plot content in games), or other content with structured or dynamic information.
[0041] In some embodiments, the progress bar may also refer to an interactive component that transmits media content status or information changes through visual feedback, such as a timeline, a navigation bar, etc.
[0042] In the embodiment of the present disclosure, in addition to displaying the playback progress, the visual style of the progress bar is also determined based on the content segment corresponding to the playback progress of the media content. When the terminal device 110 determines that the playback progress of the media content has changed, the visual style of the progress bar in the page 150 can be controlled to switch accordingly, presenting a visual style corresponding to the currently playing content segment.
[0043] The play progress is used to indicate the proportion of the media content currently being played in the overall media content. In some embodiments, the media content can be pre-divided into multiple segments (e.g., segments corresponding to multiple chapters), and the play progress can not only indicate the specific progress of the current play, but also indicate the content segment or chapter corresponding to the current play progress.
[0044] In some embodiments, when the media content itself is divided into segments, the visual style determined by the segments refers to the visual style determined by the content segments divided by the media content itself. In some embodiments, if the media content does not have obvious segments or structured information, the media content can also be divided into multiple content segments according to a predetermined time length, and then the corresponding visual style is determined based on the divided content segments. For example, the corresponding visual style can be determined according to every 10 seconds or 20 seconds segment. In this way, according to an embodiment of the present disclosure, the style of the progress bar can be dynamically adjusted based on the characteristics of the media content in different time periods.
[0045] As an example, Figure 2A Schematic diagram of an example interface 200 for media content presentation according to some embodiments of the present disclosure is shown. Figure 2A As shown, the terminal device 110 can control the presentation of a progress bar 210 and video content 215 in the interface 200 .
[0046] When displaying a progress bar, the progress bar may include a plurality of parts, and at least one of the plurality of parts corresponds to a content segment of the media content that has been played, and at least one of the parts corresponds to a content segment of the media content that has not been played. The length of the partial progress bar corresponding to the content segment that has been played is determined by the ratio of the total length of the total media content occupied by the content segment that has been played, so the length of the partial progress bar corresponding to the content segment that has been played will continuously change with the progress of the playback (e.g., continuously increase with the increase of the playback progress). Accordingly, the partial progress bar corresponding to the content segment that has not been played is used to indicate the length occupied by the content segment that has not been played in the total media content. The length of the partial progress bar corresponding to the content segment that has not been played will also continuously change with the progress of the playback (e.g., continuously decrease with the increase of the playback progress).
[0047] refer to Figure 2A , the progress bar 210 may include a partial progress bar 205 (which may also be understood as the portion of the progress bar 210 corresponding to the played content segment or the playback progress of the media content). The partial progress bar 205 changes dynamically with the playback progress of the media content, and its visual style is determined based on the content segment corresponding to the current playback progress. In some embodiments, the visual style of the partial progress bar 205 is determined based on the content segment corresponding to the playback progress of the media content. For example, if the first content segment of the video content 215 is played in the interface 200, the visual style of the partial progress bar 205 matches the theme or visual features of the video content of the first content segment.
[0048] In some embodiments, the visual style of the progress bar can indicate the color of the progress bar. For example, the color of a portion of the progress bar (the portion of the progress bar corresponding to the playback progress of the media content) can dynamically change with the playback progress of the media content. In other embodiments, the visual style of the progress bar can also indicate more, less, or other styles such as shape, fill pattern, transparency, texture, light effect and shadow.
[0049] In some embodiments, the visual style of the portion of the progress bar corresponding to the unplayed content remains unchanged. Figure 2A The progress bar 210 also includes a portion of the progress bar corresponding to the unplayed content, and the visual style of the portion remains constant and does not change with the change of the playing progress. For example, the visual style of the portion of the progress bar corresponding to the unplayed content can adopt a single color or texture to ensure the overall visual effect is concise and consistent, while allowing the user 140 to clearly distinguish between the played and unplayed content.
[0050] As an example, Figure 2B FIG. 2 shows a schematic diagram of an example progress bar 220 according to some embodiments of the present disclosure. Figure 2B As shown, the progress bar 220 may include an overall length 222 of the media content, which is used to present overall structural information of the progress bar, thereby helping the user to understand the structural information of the media content at a glance.
[0051] The progress bar 220 may also include a playback progress portion 221 of the media content, which is used to reflect the real-time progress of the media content viewed by the user 140. According to an embodiment of the present disclosure, the terminal device 110 may control the visual style of the playback progress portion 221 to dynamically change with the content segment currently being played, so that the visual style of the progress bar matches the content segment currently being played, allowing the user to visually perceive content changes from the progress bar, thereby improving the user experience.
[0052] In some examples, the segment information of the video content (such as the range and description information of each content segment) can be displayed as a unit (cell) in a predetermined visual style in the progress bar 220. As the current playback progresses to a certain content segment, the visual style of the progress bar segment area corresponding to the playback progress in the progress bar is presented in a predetermined visual style.
[0053] The following is for easy understanding. Figure 3A and Figure 3B The present disclosure describes a scheme for media content presentation. Figure 3A and Figure 3B Schematic diagrams of example interfaces 310 and 320 for media content presentation according to other embodiments of the present disclosure are shown. Figure 3A and Figure 3BThe example interfaces 310 and 320 shown may be any page of the application 120. Although the embodiments described may be implemented in Figure 1A The operations may be performed at the terminal device 110, particularly at the application client of the terminal device 110, but in other embodiments, the terminal device 110 may perform these operations with the assistance of the server 130.
[0054] In an embodiment of the present disclosure, if it is detected that a first content segment among multiple content segments of the media content is played to a second content segment among the multiple content segments, the terminal device 110 can switch the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment. The first visual style is determined based on the first content segment, and the second visual style is determined based on the second content segment.
[0055] The following references FIG. 3A to FIG. 3B To describe an example of presenting media content in a content interface, such as a recommendation page. Figure 3A In the example shown, the terminal device 110 presents video content 311 corresponding to the second content segment of the media content (such as video content) in the interface 310. At this time, the progress bar portion 314 corresponding to the playback progress in the progress bar 312 has a visual style corresponding to the video content 311 of the second content segment.
[0056] In some embodiments, if the terminal device 110 detects that the media content presented in the interface switches from a first content segment to a second content segment, the visual style of the progress bar is switched from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment. Figure 3B In the example interface 320 shown, as the current playback progress corresponds to the video content 321 corresponding to the third content segment of the media content, the terminal device 110 switches the visual style of the progress bar 312 to the visual style corresponding to the video content 321 of the third content segment. At this time, the progress bar portion 322 corresponding to the playback progress in the progress bar 312 has a visual style corresponding to the video content 321 of the third content segment.
[0057] In some embodiments, the aforementioned progress bar may be referred to as a first progress bar, and the interface for playing the target media may further include a second progress bar corresponding to the media content, wherein the second progress bar may be presented in a predetermined visual style. Figure 3A and Figure 3B As shown, in addition to the progress bar 312, a progress bar 330 may also be presented, wherein the visual style (eg, color style) of the progress bar 330 may remain unchanged.
[0058] Figure 3CA schematic diagram of a process 300C of switching the visual style of a progress bar according to some embodiments of the present disclosure is shown.
[0059] In block 331 , the terminal device 110 may obtain segment information and visual information corresponding to the media content.
[0060] The segmentation information indicates the division of multiple content segments in the media content. In some embodiments, as mentioned above, the media content can be divided into several content segments, each of which can correspond to a logical content segment. For example, a video is divided into a "first content segment", a "second content segment", etc. The specific segmentation points can be based on the content segment tags added by the video creator, or automatically analyzed (such as through time, key frame content changes, etc.). Such segmentation information can be a configuration that depends on the creator of the media content. In other embodiments, the division of content segments can also be the automatic division of media content according to a predetermined time length.
[0061] The visual information indicates a visual style of each of the plurality of content segments. In some embodiments, in response to determining a content segment in the media content, a visual style corresponding to the content segment may be determined until a visual style corresponding to each content segment of the media content is determined. For example, when a user uploads a video and adds a content segment, the visual style corresponding to each content segment is predetermined, thereby ensuring that no real-time calculation is required when the video is subsequently presented, thereby improving the performance of content presentation.
[0062] In some embodiments, the terminal device 110 may obtain segmentation information and visual information corresponding to the media content from the server 130. That is, the visual style corresponding to each content segment of the media content may be determined by the server 130. Of course, it is understood that the segmentation information and visual information of each content segment may also be determined locally on the terminal device 110. For ease of discussion, the following description is made by taking the server 130 performing determination of visual information as an example.
[0063] In some embodiments, after determining the segmentation of the media content, the server 130 may select at least one reference frame from the target content segment, wherein the target content segment may be any content segment in the media content, including the first content segment or the second content segment. The server 130 may then determine the visual style corresponding to the target content segment based on the visual style corresponding to the at least one reference frame.
[0064] In some embodiments, the visual style corresponding to the target content segment indicates a color value. The server 130 may determine the color value indicated by the visual style corresponding to the target content segment based on the pixel value of each pixel in at least one reference frame.
[0065] As an example, when the creator adds a content segment to the media content, the server 130 can extract the starting frame of the content segment (e.g., a video segment) as a reference frame and read all pixel values of the reference frame. Assuming that the color information of the frame is represented by RGB format, the server 130 can calculate the average value of the RGB value of the pixel value to obtain the overall color value T1 (R0, G0, B0) as the color value of the visual style corresponding to the current content segment, where R0, G0, and B0 are the average values of the red, green, and blue channels, respectively.
[0066] In some embodiments, the server 130 may convert the pixel values of each pixel in at least one reference frame into a format that includes at least one of saturation and brightness. For example, the server 130 may convert the pixel values of each pixel in at least one reference frame into a format that includes saturation, and intensify or weaken the vividness of the color by correcting the saturation only. The server 130 may also convert the pixel values of each pixel in at least one reference frame into a format that includes saturation, and make the color brighter or darker by adjusting only the brightness while maintaining the original hue and saturation. Alternatively or additionally, the server 130 may also convert the pixel values of each pixel in at least one reference frame into a format that includes saturation and brightness, taking into account the overall visual consistency of the reference frame.
[0067] As an example, the server 130 converts the RGB format color value T1 (R0, G0, B0) into the HSB format color value T1 (H0, S0, B0) for subsequent color calibration adjustment, wherein H0, S0, B0 represent hue, saturation, and brightness, respectively.
[0068] Furthermore, the server 130 may perform correction operations on the saturation and brightness in the color value, respectively, so that the corrected saturation and brightness fall within respective threshold ranges. Then, the server 130 may determine the corrected color value as the color value indicated by the visual style.
[0069] As an example, the server 130 may correct the color value T1 (H0, S0, B0) in the following manner to obtain the corrected color value T1 (H1, S1, B1): Among them, H1=H0, that is, the hue remains unchanged; S1=min(S0,30), the saturation is limited to 30 to prevent the color from being too strong; B1=min(max(B0,10),30), the brightness range is limited to [10,30] to prevent the color from being too dark or too bright. The original color value is optimized through the correction operation to make the visual style of the progress bar more suitable for the display of the user interface. Of course, it should be understood that the specific values of the threshold ranges of saturation and brightness here are only examples, and any other value ranges can be configured as needed in actual applications.
[0070] The server 130 can convert the color-corrected T1(H1, S1, B1) back to RGB format as the color value T1(R, G, B) of the visual style corresponding to the first content segment. By performing the above operation of determining the color value of the visual style corresponding to the content segment based on at least one reference frame for the video content of each content segment, visual information indicating the visual style of each content segment is finally obtained, that is, an array of color values indicating the visual style corresponding to all content segments, expressed as: Colors[T1(R, G, B), T2(R, G, B), ..., TN(R, G, B)].
[0071] Continue to refer Figure 3C In box 332, the terminal device 110 determines a second visual style corresponding to the second content segment based on the segmentation information and the visual information.
[0072] In some embodiments, based on the acquired segmentation information and visual information, the terminal device 110 determines the second visual style of the progress bar. Since the segmentation information and visual information of the media content are gradually determined when determining the target content segment (for example, the user adds the first chapter to the contributed video), during the presentation of the target video content, the terminal device 110 can directly obtain the segmentation information and visual information and determine the corresponding visual style. In this way, the computing resources consumed by re-determining the visual style (such as calculating the color value of the progress bar) each time the media content is presented can be avoided, thereby ensuring the smoothness of the playback.
[0073] In block 333 , the terminal device 110 switches the visual style of the progress bar from the current first visual style to the second visual style.
[0074] In some embodiments, when the terminal device 110 determines that the playback progress of the video crosses the dividing point of two content segments (i.e., the dividing point of the content segments indicated by the segmentation information), the progress bar visual style switching operation is triggered. Based on the acquired visual information, the terminal device 110 switches the progress bar style from the style corresponding to the first content segment video content to the style corresponding to the second content segment video content, for example, the progress bar is switched from the main color red of the first content segment video content to the main color blue of the second content segment video content. In addition, in order to enhance the user's visual experience, the style switching operation can be completed through gradient or animation. For example, the terminal device 110 can smoothly transition the progress bar color from red to blue within 1 second.
[0075] In summary, according to the various embodiments of the present disclosure, by making the visual style of the progress bar dynamically change based on the characteristics of dynamic media content, it can automatically adapt to different styles and structures according to the playback content, while improving the coordination of the media content presentation interface, it also significantly enhances the user's intuitive perception and interactive experience of content playback. Example Process
[0076] Figure 4 FIG. 4 is a flowchart of a process 400 for presenting media content according to some embodiments of the present disclosure. The process 400 may be implemented at the terminal device 110. Figure 1A Process 400 is described.
[0077] In block 410 , the terminal device 110 presents media content and a progress bar corresponding to the media content, wherein a visual style of the progress bar is determined based on a content segment corresponding to a playback progress of the media content.
[0078] In block 420 , in response to playing the media content from a first content segment to a second content segment, the terminal device 110 switches the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment.
[0079] In some embodiments, the visual style of the portion of the progress bar corresponding to the playback progress in the progress bar is determined based on the playback of the corresponding content segment of the media content.
[0080] In some embodiments, process 400 also includes: obtaining segmentation information and visual information corresponding to the media content, the segmentation information indicating the division of each content segment in the media content, and the visual information indicating the visual style of each content segment; based on the segmentation information and the visual information, determining a second visual style corresponding to the second content segment; and switching the visual style of the progress bar from the first visual style to the second visual style.
[0081] In some embodiments, the visual style corresponding to a target content segment in the media content is determined by the following operations: selecting at least one reference frame from the target content segment; and determining the visual style corresponding to the target content segment based on the visual style corresponding to the at least one reference frame, wherein the target content segment includes a first content segment or a second content segment.
[0082] In some embodiments, the visual style corresponding to the target content segment indicates a color value, and process 400 further includes: determining the color value indicated by the visual style corresponding to the target content segment based on pixel values of each pixel in at least one reference frame.
[0083] In some embodiments, process 400 also includes: converting pixel values of each pixel in at least one reference frame into color values including hue, saturation, and brightness; performing correction operations on the saturation and brightness in the color values, respectively, so that the corrected saturation and brightness fall within their respective threshold ranges; and determining the corrected color value as the color value indicated by the visual style.
[0084] In some embodiments, the media content includes video. Example devices and equipment
[0085] Figure 5 A schematic structural block diagram of an apparatus 500 for presenting media content according to some embodiments of the present disclosure is shown. The apparatus 500 may be implemented as or included in a terminal device 110. Each module / component in the apparatus 500 may be implemented by hardware, software, firmware, or any combination thereof.
[0086] As shown in the figure, the device 500 includes a presentation module 510, which is configured to present media content and a progress bar corresponding to the media content, and the visual style of the progress bar is determined based on the content segment corresponding to the playback progress of the media content; and a visual style processing module 520, which is configured to switch the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment in response to playing from a first content segment to a second content segment of the media content.
[0087] In some embodiments, the visual style of the portion of the progress bar corresponding to the playback progress in the progress bar is determined based on the playback of the corresponding content segment of the media content.
[0088] In some embodiments, the visual style processing module 520 is further configured to obtain segmentation information and visual information corresponding to the media content, the segmentation information indicates the division of each content segment in the media content, and the visual information indicates the visual style of each content segment; based on the segmentation information and the visual information, determine the second visual style corresponding to the second content segment; and switch the visual style of the progress bar from the first visual style to the second visual style.
[0089] In some embodiments, the device 500 also includes a visual style determination module, which is configured to select at least one reference frame from the target content segment; and determine the visual style corresponding to the target content segment based on the visual style corresponding to the at least one reference frame, wherein the target content segment includes the first content segment or the second content segment.
[0090] In some embodiments, the visual style corresponding to the target content segment indicates a color value. The visual style determination module is further configured to determine the color value indicated by the visual style corresponding to the target content segment based on the pixel value of each pixel in at least one reference frame.
[0091] In some embodiments, the visual style determination module is further configured to convert the pixel value of each pixel in at least one reference frame into a color value including hue, saturation and brightness; perform correction operations on the saturation and brightness in the color value respectively so that the corrected saturation and brightness fall within their respective threshold ranges; and determine the corrected color value as the color value indicated by the visual style.
[0092] In some embodiments, the media content includes video.
[0093] Figure 6 1 shows a block diagram of an electronic device 600 in which one or more embodiments of the present disclosure may be implemented. It should be understood that Figure 6 The electronic device 600 shown is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. Figure 6 The electronic device 600 shown can be used to implement Figure 1A terminal device 110.
[0094] like Figure 6As shown, the electronic device 600 is in the form of a general electronic device. The components of the electronic device 600 may include, but are not limited to, one or more processors or processing units 610, a memory 620, a storage device 630, one or more communication units 640, one or more input devices 650, and one or more output devices 660. The processing unit 610 may be an actual or virtual processor and is capable of performing various processes according to a program stored in the memory 620. In a multi-processor system, multiple processing units execute computer executable instructions in parallel to improve the parallel processing capability of the electronic device 600.
[0095] The electronic device 600 typically includes a plurality of computer storage media. Such media may be any accessible media that is accessible to the electronic device 600, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 620 may be a volatile memory (e.g., a register, a cache, a random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 630 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be capable of being used to store information and / or data (e.g., training data for training) and may be accessed within the electronic device 600.
[0096] The electronic device 600 may further include additional removable / non-removable, volatile / non-volatile storage media. Figure 6 As shown in , a disk drive for reading or writing from a removable, non-volatile disk (e.g., a "floppy disk") and an optical drive for reading or writing from a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. The memory 620 may include a computer program product 625 having one or more program modules that are configured to perform various methods or actions of various embodiments of the present disclosure.
[0097] The communication unit 640 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 600 can be implemented with a single computing cluster or multiple computing machines that can communicate through a communication connection. Therefore, the electronic device 600 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.
[0098] The input device 650 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 660 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 600 may also communicate with one or more external devices (not shown) through the communication unit 640 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 600, or communicate with any device that allows the electronic device 600 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).
[0099] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.
[0100] Various aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of the methods, devices, equipment, and computer program products implemented according to the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram can be implemented by computer-readable program instructions.
[0101] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in the flowchart and / or block diagram.
[0102] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / actions specified in one or more boxes in the flowchart and / or block diagram.
[0103] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple implementations of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some implementations as replacements, the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse 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 realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.
[0104] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.
Claims
1. A method for presenting media content, comprising: Presenting media content and a progress bar corresponding to the media content, wherein a visual style of the progress bar is determined based on a content segment corresponding to a playback progress of the media content; as well as In response to playing from a first content segment to a second content segment of the media content, the visual style of the progress bar is switched from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment. 2 . The method according to claim 1 , wherein the visual style of a portion of the progress bar is determined based on a content segment corresponding to the playback progress of the media content.
3. The method according to claim 1, wherein switching the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment comprises: Acquire segmentation information and visual information corresponding to the media content, wherein the segmentation information indicates division of multiple content segments in the media content, and the visual information indicates a visual style of each content segment in the multiple content segments; Determining a second visual style corresponding to the second content segment based on the segmentation information and the visual information; as well as The visual style of the progress bar is switched from the first visual style to the second visual style.
4. The method according to claim 1, wherein the visual style corresponding to the target content segment in the media content is determined by the following operations: selecting at least one reference frame from the target content segment; and Determining a visual style corresponding to the target content segment based on a visual style corresponding to the at least one reference frame, The target content segment includes the first content segment or the second content segment.
5. The method according to claim 4, wherein the visual style corresponding to the target content segment indicates a color value, and wherein determining the visual style corresponding to when presenting the target content segment comprises: Based on the pixel value of each pixel in the at least one reference frame, a color value indicated by the visual style corresponding to the target content segment is determined.
6. The method according to claim 5, wherein determining the color value indicated by the visual style corresponding to the target content segment comprises: Converting the pixel value of each pixel in the at least one reference frame into at least one of saturation and brightness; performing a correction operation on at least one of the saturation and the brightness, respectively, so that the at least one of the saturation and the brightness after correction falls within respective threshold ranges; as well as A color value indicated for the visual style is determined based on the at least one of the corrected saturation and brightness. The method of claim 1 , wherein the media content comprises a video.
8. An apparatus for presenting media content, comprising: a presentation module configured to present media content and a progress bar corresponding to the media content, wherein a visual style of the progress bar is determined based on a content segment corresponding to a playback progress of the media content; and The visual style processing module is configured to switch the visual style of the progress bar from a first visual style corresponding to the first content segment to a second visual style corresponding to the second content segment in response to playing from a first content segment to a second content segment of the media content.
9. An electronic device, comprising: at least one processor; as well as At least one memory, the at least one memory is coupled to the at least one processor and stores instructions for execution by the at least one processor, the instructions, when executed by the at least one processor, causing the electronic device to perform the method according to any one of claims 1 to 7.
10. A computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions can be executed by a processor to implement the method according to any one of claims 1 to 7.
11. A computer-executable instruction product tangibly stored in a computer storage medium and comprising computer-executable instructions which, when executed by a device, cause the device to perform the method according to any one of claims 1 to 7.