Media object playing display method and device, storage medium and electronic device
By displaying media object style areas of different colors in the playback interface of music applications, users can precisely adjust the recommendation algorithm by adjusting the area and rotation direction of these areas. This solves the problems of invisible recommendation strategies and high adjustment costs in existing technologies, and improves the user experience.
Patent Information
- Application Number
- CN202311268930.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2023-09-27
- Publication Date
- 2026-08-25
- Estimated Expiration
- 2043-09-27
AI Technical Summary
Existing recommendation strategies in music applications cannot allow users to precisely adjust the recommendation algorithm, resulting in recommended songs that do not meet user expectations and high adjustment costs.
The media object playback interface displays a media object style indicator area, including at least two different colored style areas. Users can adjust the recommendation algorithm by adjusting the area and rotation direction of these areas, such as by enlarging or shrinking a specific style area to change the playback duration and scale of its corresponding media object.
Users can precisely adjust the recommendation algorithm by changing the size and rotation direction of the media object's style area, thus meeting personalized media object playback needs and improving user experience.
Smart Images

Figure CN117216316B_ABST
Abstract
Description
Technical Field
[0001] The embodiments of this disclosure relate to the field of media object processing technology, and more specifically, the embodiments of this disclosure relate to a media object playback and display method, a media object playback and display device, a computer-readable storage medium, and an electronic device. Background Technology
[0002] This section is intended to provide background or context for the embodiments of this disclosure set forth in the claims, and the description herein is not acknowledged as prior art simply because it is included in this section.
[0003] Recommendation strategies are being used in an increasing number of scenarios, effectively helping users discover objects that interest them; for example, daily recommendations and radar playlists in music applications (Apps). Summary of the Invention
[0004] However, in existing song recommendation scenarios, recommendation strategies can recommend songs based on users' long-term accumulated music preferences or based on the genre tags selected by users; thus, users cannot precisely adjust the recommendation algorithm.
[0005] Therefore, there is a great need for an improved method for displaying media objects so that users can make precise adjustments to the recommendation algorithm.
[0006] In this context, embodiments of the present disclosure are intended to provide a media object playback and display method, a media object playback and display device, a computer-readable storage medium, and an electronic device.
[0007] According to a first aspect of this disclosure, a media object playback display method is provided, the method comprising: displaying a media object style indicator area on a media object playback interface; the media object style indicator area including at least two media object style areas and a media object style indicator identifier; the at least two media object style areas having different color indices; and, in response to the media object style indicator identifier pointing to a first media object style area among the at least two media object style areas, playing a media object corresponding to the first media object style area.
[0008] In one implementation, the ratio of the area of each media object style region in the at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
[0009] In one embodiment, the method further includes: in response to a first triggering operation on the first media object style region, determining the adjusted area of the first media object style region and the adjusted area of a second media object style region among the at least two media object style regions based on the first media object style region; determining the media object corresponding to the adjusted first media object style region based on the area of the adjusted first media object style region; determining the media object corresponding to the adjusted second media object style region based on the area of the adjusted second media object style region; displaying the first media object style region with the area of the adjusted first media object style region, and displaying the second media object style region with the area of the adjusted second media object style region.
[0010] In one implementation, determining the adjusted area of the first media object style region and the adjusted area of the second media object style region among the at least two media object style regions based on the first media object style region includes: determining the adjusted area of the first media object style region based on the first triggering operation; determining the scaling ratio of the first media object style region based on the adjusted area of the first style tag of the first media object style region and the area of the first media object style region before adjustment; using the scaling ratio of the first media object style region as the scaling ratio of the second media object style region; and determining the adjusted area of the second media object style region based on the scaling ratio of the second media object style region and the area of the first media object style region before adjustment.
[0011] In one embodiment, the method further includes: responding to a second triggering operation on the first media object style region, determining the rotation direction, rotation angle, and rotation speed of the at least two media object style regions according to the second triggering operation; and determining the playback speed of the media object corresponding to the at least two media object style regions according to the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0012] In one embodiment, the method further includes: responding to a third triggering operation on the media object style indicator, determining the rotation direction, rotation angle, and rotation speed of the at least two media object style regions according to the third triggering operation; and determining the playback speed of the media object corresponding to the at least two media object style regions according to the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0013] In one implementation, the at least two media object style regions are annular regions, and the media object style indicator is embedded within the annular region.
[0014] In one embodiment, the color index includes at least one of brightness, hue, and saturation.
[0015] In one embodiment, before displaying the media object style indicator area on the media object playback interface, the method further includes: in response to a first creation instruction on the recommended creation interface, obtaining a title corresponding to the first creation instruction, and displaying the title on the recommended creation interface.
[0016] In one embodiment, the method further includes: in response to a second creation instruction in the recommended creation interface, obtaining a tag name corresponding to the second creation instruction, creating a tag corresponding to the tag name under the title, and generating the media object style indicator area based on the tag; the tag includes a tag corresponding to the first media object style area.
[0017] In one embodiment, the method further includes: displaying a title in the media object playback interface, and displaying attribute information of the currently playing media object between the title and the media object style indicator area.
[0018] In one embodiment, the method further includes: displaying the tag name corresponding to the currently playing media object style region in the central region of the media object style indicator region; the central region is located within the media object style indicator.
[0019] In one implementation, the media object corresponding to the first media object style region is selected from the popular media objects under the tag corresponding to the first media object style region.
[0020] According to a second aspect of this disclosure, a media object playback display device is provided, the device comprising: a display module configured to display a media object style indicator area on a media object playback interface; the media object style indicator area including at least two media object style areas and a media object style indicator mark; the at least two media object style areas having different color indices; and a processing module configured to play a media object corresponding to the first media object style area in response to the media object style indicator mark pointing to a first media object style area among the at least two media object style areas.
[0021] In one implementation, the ratio of the area of each media object style region in the at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
[0022] In one embodiment, the processing module is further configured to: in response to a first trigger operation on the first media object style region, determine the adjusted area of the first media object style region and the adjusted area of the second media object style region among the at least two media object style regions based on the first media object style region; determine the media object corresponding to the adjusted first media object style region based on the area of the adjusted first media object style region; determine the media object corresponding to the adjusted second media object style region based on the area of the adjusted second media object style region; the display module is further configured to: display the first media object style region with the area of the adjusted first media object style region, and display the second media object style region with the area of the adjusted second media object style region.
[0023] In one embodiment, the processing module is further configured to: determine the adjusted area of the first media object style region based on the first triggering operation; determine the scaling ratio of the first media object style region based on the adjusted area of the first style tag of the first media object style region and the area of the first media object style region before adjustment; use the scaling ratio of the first media object style region as the scaling ratio of the second media object style region; and determine the adjusted area of the second media object style region based on the scaling ratio of the second media object style region and the area of the first media object style region before adjustment.
[0024] In one embodiment, the processing module is further configured to: in response to a second trigger operation on the first media object style region, determine the rotation direction, rotation angle, and rotation speed of the at least two media object style regions according to the second trigger operation; and determine the playback speed of the media object corresponding to the at least two media object style regions according to the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0025] In one embodiment, the processing module is further configured to: in response to a third trigger operation on the media object style indicator, determine the rotation direction, rotation angle, and rotation speed of the at least two media object style regions according to the third trigger operation; and determine the playback speed of the media object corresponding to the at least two media object style regions according to the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0026] In one implementation, the at least two media object style regions are annular regions, and the media object style indicator is embedded within the annular region.
[0027] In one embodiment, the color index includes at least one of brightness, hue, and saturation.
[0028] In one implementation, the processing module is further configured to: in response to a first creation instruction on the recommended creation interface, obtain a title corresponding to the first creation instruction, and display the title on the recommended creation interface.
[0029] In one implementation, the processing module is further configured to: in response to a second creation instruction in the recommended creation interface, obtain a tag name corresponding to the second creation instruction, create a tag corresponding to the tag name under the title, and generate the media object style indicator area based on the tag; the tag includes a tag corresponding to the first media object style area.
[0030] In one embodiment, the display module is further configured to: display a title in the media object playback interface, and display attribute information of the currently playing media object between the title and the media object style indicator area.
[0031] In one embodiment, the display module is further configured to display the tag name corresponding to the currently playing media object style region in the central region of the media object style indicator region; the central region is located within the media object style indicator.
[0032] In one implementation, the media object corresponding to the first media object style region is selected from the popular media objects under the tag corresponding to the first media object style region.
[0033] According to a third aspect of this disclosure, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements any of the methods described above.
[0034] According to a fourth aspect of this disclosure, an electronic device is provided, comprising: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to perform any of the methods described above by executing the executable instructions.
[0035] According to the media object playback display method, media object playback display device, computer-readable storage medium, and electronic device of this disclosure, a media object style indicator area is displayed on the media object playback interface. The media object style indicator area includes at least two media object style areas and a media object style indicator mark. The color indices of the at least two media object style areas are different. In response to the media object style indicator mark pointing to a first media object style area among the at least two media object style areas, the media object corresponding to the first media object style area is played. Thus, firstly, the display interface can display media objects of at least two styles; secondly, since the style areas of different styles of media objects have different colors, the display of media objects of different styles is clearer; and thirdly, the area of the style areas of different styles of media objects is adjustable, allowing users to adjust the recommendation algorithm by adjusting the area of the media object style areas. Attached Figure Description
[0036] The above and other objects, features, and advantages of this disclosure will become readily apparent from the following detailed description of exemplary embodiments, taken in conjunction with the accompanying drawings. Several embodiments of this disclosure are illustrated in the drawings by way of example and not limitation, in which:
[0037] Figure 1 This diagram illustrates a media object playback and display process architecture according to an embodiment of the present disclosure.
[0038] Figure 2 A flowchart illustrating a media object playback and display method according to an embodiment of this disclosure is shown;
[0039] Figure 3 This diagram illustrates a media object playback interface in a media object playback display method according to an embodiment of the present disclosure.
[0040] Figure 4 This diagram illustrates a flowchart of adjusting the area of a media object's style region in a media object playback and display method according to an embodiment of the present disclosure.
[0041] Figure 5 This diagram illustrates the enlarged area of the style region of a media object in a media object playback and display method according to an embodiment of the present disclosure.
[0042] Figure 6 This document illustrates a flowchart of a media object playback and display method according to an embodiment of the present disclosure, which involves determining the style region of a first media object and the adjusted area of a second media object style region.
[0043] Figure 7 This diagram illustrates a flowchart of adjusting the playback speed of a media object in a media object playback and display method according to an embodiment of the present disclosure;
[0044] Figure 8 This diagram illustrates adjusting the playback speed of a media object in a media object playback and display method according to an embodiment of the present disclosure.
[0045] Figure 9 This diagram illustrates another flowchart of adjusting the playback speed of a media object in a media object playback and display method according to an embodiment of the present disclosure;
[0046] Figure 10 This diagram illustrates adjusting the playback speed of a media object in a media object playback and display method according to an embodiment of the present disclosure.
[0047] Figure 11 This diagram illustrates the creation of a title in a media object playback and display method according to an embodiment of the present disclosure;
[0048] Figure 12 This diagram illustrates the creation of tags in a media object playback and display method according to an embodiment of the present disclosure;
[0049] Figure 13 This diagram illustrates the structure of a media object playback display device according to an embodiment of the present disclosure.
[0050] Figure 14 A schematic diagram of the structure of an electronic device according to an embodiment of the present disclosure is shown.
[0051] In the accompanying drawings, the same or corresponding reference numerals indicate the same or corresponding parts. Detailed Implementation
[0052] The principles and spirit of this disclosure will now be described with reference to several exemplary embodiments. It should be understood that these embodiments are given merely to enable those skilled in the art to better understand and implement this disclosure, and are not intended to limit the scope of this disclosure in any way. Rather, these embodiments are provided to make this disclosure more thorough and complete, and to fully convey the scope of this disclosure to those skilled in the art.
[0053] Those skilled in the art will recognize that embodiments of this disclosure can be implemented as a system, apparatus, device, method, or computer program product. Therefore, this disclosure can be specifically implemented in the following forms: entirely hardware, entirely software (including firmware, resident software, microcode, etc.), or a combination of hardware and software.
[0054] According to embodiments of this disclosure, a media object playback and display method, a media object playback and display device, a computer-readable storage medium, and an electronic device are provided.
[0055] In this document, any number of elements in the accompanying figures is for illustrative purposes and not for limitation, and any naming is for distinction only and has no limiting meaning.
[0056] The principles and spirit of this disclosure are explained in detail below with reference to several representative embodiments. Invention Overview
[0058] In related technologies, music applications (Apps) use daily recommendations and radar playlists as recommendation strategies. These strategies can recommend songs based on users' long-term accumulated music preferences or based on the genre tags selected by the user. However, both methods have the following problems:
[0059] 1) The recommendation strategy is invisible to users, and users have no expectations about the recommended songs. It may recommend songs that users do not like, which may lead to an increase in negative emotions for users. Although users have expectations for recommending songs based on music genre tags, listening to the same music genre for a long time will make users feel bored.
[0060] 2) If users want to adjust the recommendation strategy, they need to find and listen to songs of the target genre for a long time so that the recommendation algorithm can learn. Only in this way can songs of the target genre appear in the daily recommendations or radar playlists. This method of adjustment is costly.
[0061] 3) Users cannot make precise adjustments to the recommendation algorithm. For example, in the current scenario, if the recommendation algorithm recommends songs that account for 50% folk, 30% rock, and 20% traditional Chinese music, taking up a total of 1 hour, the existing recommendation algorithm cannot meet this requirement.
[0062] In view of the above, this disclosure provides a media object playback display method, a media object playback display device, a computer-readable storage medium, and an electronic device, capable of displaying a media object style indicator area on a media object playback interface; the media object style indicator area includes at least two media object style areas and a media object style indicator; the at least two media object style areas have different color indices; and in response to the media object style indicator pointing to a first media object style area among the at least two media object style areas, the media object corresponding to the first media object style area is played. Thus, users can adjust the recommendation algorithm by adjusting the area of the media object style area.
[0063] After introducing the basic principles of this disclosure, various non-limiting embodiments of this disclosure will be described in detail below.
[0064] Application Scenarios Overview
[0065] It should be noted that the following application scenarios are shown only to facilitate understanding of the spirit and principles of this disclosure, and the implementation of this disclosure is not limited in any way. On the contrary, the implementation of this disclosure can be applied to any applicable scenario.
[0066] This disclosure can be applied to any scenario where a recommendation algorithm for media objects needs to be adjusted. For example, application A provides a media object playback interface that can display a media object style indicator area. This media object style indicator area includes at least two media object style areas and a media object style indicator label. The at least two media object style areas have different color indices. Furthermore, in response to the media object style indicator label pointing to the first media object style area among the at least two media object style areas, the media object corresponding to the first media object style area is played. In this way, users can adjust the recommendation algorithm by adjusting the size of the media object style area.
[0067] Exemplary methods
[0068] The following is combined Figure 1 The system architecture and application scenarios of the operating environment of this exemplary implementation are described in an exemplary manner.
[0069] Figure 1 A schematic diagram of the system architecture is shown. System architecture 100 may include a terminal 110. Terminal 110 has an application installed that provides a media object playback interface, which displays a media object style indicator area. The media object style indicator area includes at least two media object style areas and a media object style indicator icon. The at least two media object style areas have different color indices. Furthermore, terminal 110 can play the media object corresponding to the first media object style area in response to the media object style indicator icon pointing to a first media object style area among the at least two media object style areas.
[0070] In one implementation, the system architecture 100 may further include a server 120. The server 120 is capable of playing the media object corresponding to the first media object style region in response to the media object style indicator pointing to a first media object style region among the at least two media object style regions. Here, the server 120 may be a single server or a cluster of multiple servers. The application 110 and the server 120 can be connected via a wired or wireless communication link for data interaction.
[0071] Exemplary embodiments of this disclosure first provide a media object playback and display method, which may include:
[0072] The media object style indicator area is displayed in the media object playback interface; the media object style indicator area includes at least two media object style areas and media object style indicator labels; the color indicators of at least two media object style areas are different;
[0073] In response to a media object style indicator pointing to the first media object style region among at least two media object style regions, the media object corresponding to the first media object style region is played.
[0074] Figure 2 An exemplary flow of the media object playback and display method is shown below. Figure 2 Each step in the process will be explained in detail.
[0075] refer to Figure 2 In step S210, the media object style indicator area is displayed on the media object playback interface.
[0076] The media object style indicator area includes at least two media object style areas and media object style indicator labels; the color indices of at least two media object style areas are different.
[0077] The media object style area is determined based on a preset graphic and the proportion of media objects of that style in the total media objects. For example, if the preset graphic is a ring, and the media objects are songs with styles including folk, rock, and traditional Chinese music, where the total duration of all folk songs accounts for 50% of the total duration of all songs, all rock songs account for 30%, and all traditional Chinese music songs account for 20%, then the mapping relationship between song duration and ring area is constructed as follows: the total duration of all songs corresponds to the total area of the ring, the total duration of all folk songs corresponds to 50% of the total area of the ring, the total duration of all rock songs corresponds to 30% of the total area of the ring, and the total duration of all traditional Chinese music songs corresponds to 20% of the total area of the ring. Of course, the preset graphic can also be other shapes, such as circles, square rings, squares, elliptical rings, ellipses, etc. Furthermore, when the preset graphic is a ring shape, it can be a single-layer ring or a multi-layer ring; there are no limitations here.
[0078] Furthermore, such as Figure 3 As shown, when the preset graphic is a multi-layered ring, or the innermost layer is a specific graphic (e.g., circle, square, ellipse), and the layers outside the innermost layer are rings of specific graphics (e.g., circular ring, square ring, elliptical ring), the media object style areas formed by adjacent ring layers are different; at least, the media object style areas of different layers passed through by a straight line extending from the center in any direction are different. In this way, media objects of different styles can be played at the same time, such as playing songs that include both rock and electronic music.
[0079] Media object style indicator is an indicator that can point to the style area of a media object. Therefore, the media object style indicator is determined according to the preset graphic. For example, when the preset image is a ring, circle, square ring, square, elliptical ring, or ellipse, the media object style indicator can be a pointer, arrow, or other indicator that extends from the center in any direction. There is no limitation here.
[0080] It should be noted that the media object style indicator will play the media object of the style that it points to. Therefore, the media object style area can be rotated while the media object style indicator remains stationary, or the media object style indicator can be rotated while the media object style area remains stationary. There is no limitation here.
[0081] Continue to refer to Figure 2 In step S220, in response to the media object style indicator pointing to the first media object style region among at least two media object style regions, the media object corresponding to the first media object style region is played.
[0082] This step can refer to at least two media object style regions (all media object style regions) composed of a single-layer preset graphic. In this case, the first media object style region generally refers to any one of the at least two media object style regions.
[0083] This step can also be applied to at least two media object style regions (all media object style regions) composed of multiple layers of preset graphics. In this case, the first media object style region includes media object style regions of different layers pointed to by the media object style indicator.
[0084] When this step applies to at least two media object style areas composed of a single-layer preset graphic, the media object played is of one style indicated by the media object style indicator, such as rock, folk, or traditional Chinese style. When the step applies to at least two media object style areas composed of multiple layers of preset graphics, the media object played includes media objects of different styles indicated by the media object style indicator, such as rock & electronic music, folk & traditional Chinese style. Furthermore, the playback duration of the first media object style area and the rotation speed of the media object style indicator (or the rotation speed of the first media object style area) are determined based on the total playback duration and the proportion of the area of the first media object style area in the at least two media object style areas (all media object style areas).
[0085] In one implementation, the ratio of the area of each media object style region in at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
[0086] This step can be understood as the ratio of the areas of different media object style regions within at least two media object style regions being equal to the ratio of the total playback time of all media objects corresponding to those different style regions; or it can be understood as the ratio of the area of a certain media object style region to the area of all media object style regions being equal to the ratio of the total playback time of all media objects of that style to the total playback time of all media objects of all styles. For example, if at least two media object style regions include folk, rock, and traditional Chinese style media object style regions, and the ratio of their areas is 5:3:2, that is, the ratio of their areas to the area of all media object style regions is 1 / 2, 3 / 10, and 1 / 5 respectively, then the ratio of the total playback time of the media objects corresponding to the three styles is also 5:3:2, that is, the ratio of the total playback time of the media objects corresponding to the three styles to the total playback time of all media objects is 1 / 2, 3 / 10, and 1 / 5 respectively.
[0087] Clearly, establishing a mapping relationship between the area of a media object's style region and the total playback duration of that style media object allows for the rapid construction of the media object's style region.
[0088] Furthermore, this step applies to a media object style area composed of a single layer of preset graphics. If the media object style area is composed of multiple layers of preset graphics, then it applies to one of those layers.
[0089] In one implementation, to improve user experience, a function is provided for users to adjust the size of the style area of media objects; specifically, refer to... Figure 4 The above method may further include the following steps S410 to S440:
[0090] Step S410: In response to a first trigger operation on the style region of the first media object, determine the adjusted area of the style region of the first media object and the adjusted area of the style region of the second media object among at least two media object style regions.
[0091] The first triggering operation is one that can change the area of the style region of the first media object, for example: Figure 5 As shown, zoom in and zoom out operations are performed. Zooming in can be done by using the thumb and forefinger to expand the boundary line of the style area of the first media object outwards, while zooming out can be done by using the thumb and forefinger to shrink the boundary line of the style area of the first media object inwards.
[0092] The second media object style region generally refers to any media object style region other than the first media object style region among at least two media object style regions.
[0093] In this step, the adjusted area of the first media object style region and the adjusted area of the second media object style region can be determined based on the area change of the first media object style region. Here, the area change can be determined based on the captured distance change and the mapping relationship between the distance change and the area change.
[0094] Alternatively, the adjusted areas of the first and second media object style regions can be determined based on the area change ratio of the first media object style region. Here, the area change ratio can be determined by the captured distance change and the mapping relationship between the distance change and the area change ratio. This can also be understood as follows: when the area of the first media object style region increases, the area of the second media object style region decreases proportionally; when the area of the first media object style region decreases, the area of the second media object style region increases proportionally. The area change ratio is calculated based on the ratio of the area change to the total area. For example, if the area of the first media object style region increases by 10%, the area of the second media object style region decreases by 10%.
[0095] Step S420: Determine the media object corresponding to the style area of the adjusted first media object based on the area of the style area of the adjusted first media object.
[0096] Since a mapping relationship has been established between the area of the media object style region and the total playback duration of the media object of that style, a change in the area of the media object style region will also change the total playback duration of the media object of that style under the media object style region. Here, the change in total playback duration can be caused by a change in the number of media objects or a change in the playback duration of a single media object. The same applies to the first media object style region, which will not be elaborated here.
[0097] Step S430: Determine the media object corresponding to the adjusted second media object style area based on the area of the adjusted second media object style area.
[0098] Since a mapping relationship has been established between the area of the media object style region and the total playback duration of the media object of that style, a change in the area of the media object style region will also change the total playback duration of the media object of that style under the media object style region. Here, the change in total playback duration can be caused by a change in the number of media objects or a change in the playback duration of a single media object. The same applies to the second media object style region, which will not be elaborated here.
[0099] Step S440: Display the first media object style area with the area of the adjusted first media object style area, and display the second media object style area with the area of the adjusted second media object style area.
[0100] In this process, the user triggers steps S410 to S440 through the first trigger operation, which allows for accurate adjustment of the proportion of style areas for different media objects.
[0101] In one implementation, the areas of the adjusted first media object style region and the adjusted second media object style region can be determined by a scaling factor, specifically, see [reference needed]. Figure 6 The above step S410 may further include the following steps S610 to S640:
[0102] Step S610: Determine the adjusted area of the style region of the first media object based on the first trigger operation.
[0103] Specifically, the area corresponding to the end of the first triggering operation is determined as the adjusted area of the style region of the first media object. Here, the area change of the style region of the first media object can be determined by capturing the distance change before and after the first triggering operation, as well as the mapping relationship between the distance change and the area change, and then the adjusted area of the style region of the first media object can be determined.
[0104] Alternatively, the area change ratio of the first media object style region can be determined by capturing the distance change and the mapping relationship between the distance change and the area change ratio. Then, the adjusted area of the first media object style region can be determined based on the area before adjustment and the area change ratio of the first media object style region. The area change ratio is calculated as the ratio of the area change to the total area (the area of all media object style regions). For example, if the area of the first media object style region increases by 10%, it means that the area of the first media object style region increases by 10% of the total area.
[0105] Step S620: Determine the scaling ratio of the style region of the first media object based on the adjusted area of the first style tag of the style region of the first media object and the area of the style region of the first media object before adjustment.
[0106] The scaling ratio of the style area of the first media object can be determined based on the area ratio of the style area before and after adjustment; for example, if the first trigger operation is a zoom operation on the style area of the first media object, and the area of the style area before adjustment is 50mm... 2 The area of the first media object's style region after adjustment is 60mm. 2 Therefore, the scaling factor of the style area of the first media object is 20%.
[0107] Step S630: Use the scaling ratio of the style area of the first media object as the scaling ratio of the style area of the second media object.
[0108] Taking the above example as an example, the magnification ratio of the style area of the first media object is 20%, which is used as the reduction ratio of the style area of the second media object. That is, the reduction ratio of the style area of the second media object is 20%.
[0109] Step S640: Determine the adjusted area of the style region of the second media object based on the scaling ratio of the style region of the second media object and the area of the style region of the first media object before adjustment.
[0110] Specifically, the area change of the style region of the second media object can be determined by comparing the scaling ratio of the style region of the second media object with the area of the style region of the first media object before adjustment. Then, the adjusted area of the style region of the second media object can be determined by comparing the area of the style region of the second media object before adjustment with the area change.
[0111] Continuing with the example above, based on the scaling ratio of 20% for the style area of the second media object and the original area of 50mm for the style area of the first media object... 2 The change in the style region of the first media object is an increase of 10mm. 2 Therefore, the change in the style area of the second media object is a reduction of 10mm. 2 Therefore, the adjusted area of the style region of the second media object is the area of the style region of the second media object before adjustment minus 10mm. 2 .
[0112] It should be noted that when the second media object style area includes at least two media object style areas, the amount of variation is allocated according to the area ratio of the at least two media object style areas.
[0113] In one implementation, to further improve the user experience and provide users with the function of adjusting playback speed, this is achieved by rotating the media object style area while keeping the media object style indicator stationary; specifically, refer to... Figure 7 The above-mentioned media object playback and display method may further include the following steps S710 and S720:
[0114] Step S710: In response to a second trigger operation on the first media object style region, determine at least two rotation directions, rotation angles, and rotation speeds of the media object style regions based on the second trigger operation.
[0115] The second trigger operation involves changing the playback speed by rotating the style area of the first media object, such as rotation, sliding, or dragging. Figure 8As shown, by capturing the attribute characteristics of the second triggering operation (such as initial velocity, acceleration, etc.), the rotation direction, rotation angle and rotation speed of at least two media object style regions are determined.
[0116] Step S720: Determine the playback speed of the media objects corresponding to at least two media object style regions based on the rotation direction, rotation angle, and rotation speed of at least two media object style regions.
[0117] The playback duration per unit time can be determined by the rotation angle and rotation speed, i.e., the playback speed. The playback direction can be determined by the rotation direction (e.g., fast forward, rewind).
[0118] In one implementation, the media object style indicator is rotated while keeping the media object style area stationary; specifically, refer to... Figure 9 The above-mentioned media object playback and display method may further include the following steps S910 and S920:
[0119] Step S910: In response to a third trigger operation on the media object style indicator, determine the rotation direction, rotation angle, and rotation speed of at least two media object style regions based on the third trigger operation.
[0120] The third trigger operation involves changing the playback speed by rotating the media object's style indicator, such as rotation, sliding, or dragging. Figure 10 As shown, by capturing the attribute characteristics of the third triggering operation (such as initial velocity, acceleration, etc.), the rotation direction, rotation angle and rotation speed of at least two media object style regions are determined.
[0121] Step S920: Determine the playback speed of the media objects corresponding to at least two media object style regions based on the rotation direction, rotation angle, and rotation speed of at least two media object style regions.
[0122] The playback duration per unit time can be determined by the rotation angle and rotation speed, i.e., the playback speed. The playback direction can be determined by the rotation direction (e.g., fast forward, rewind).
[0123] In one implementation, at least two media object style areas are circular areas, and media object style indicator marks are embedded in the circular areas.
[0124] In this arrangement, at least two media object style areas each occupy a portion of the annular area in proportion. The media object style indicator can be a circular indicator with a direction embedded in the annular area, or it can be an indicator with both a circle and a circular direction embedded in the annular area; there is no limitation here.
[0125] When the media object style indicator is a pointing circular indicator embedded in a ring area, the media object style indicator can point to any media object style area; when the media object style indicator is an indicator embedded in a ring area, including both circular and pointing ring indicators, the pointing ring indicator is composed of a certain media object style area and is embedded in the circular indicator, and can point to any media object style area.
[0126] In one implementation, the color indicators include at least one of brightness, hue, and saturation.
[0127] Different media object style tags correspond to different color indicators. After a user selects or creates a media object style tag, the color corresponding to the media object style tag is laid out proportionally on the preset graphic to form a media object style area. Here, the media object style tag can be understood as the tag corresponding to the media object style area.
[0128] In one implementation, the media object style indicator area can be created through a recommended creation interface; specifically, prior to step S210 above, the following steps may be further included:
[0129] In response to the first creation command on the recommended creation interface, obtain the title corresponding to the first creation command and display the title on the recommended creation interface.
[0130] The title serves as a style indicator for different media; for example: Figure 11 As shown, it can be used for commuting to refresh oneself, or for driving and traveling. Furthermore, as shown in the figure, a "Custom Recommendation" tab can be added to the recommendation creation interface (e.g., the recommendation creation interface of a music app). When users create a custom media object style indicator area, they can go to the "Custom Recommendation" page, click the "+" at the bottom, enter the title of the media object style indicator area, and click "Done".
[0131] In one implementation, the media object style region can be implemented using media object style tags and their corresponding colors; specifically, the method may further include the following steps:
[0132] In response to the second creation instruction in the recommended creation interface, the tag name corresponding to the second creation instruction is obtained, a tag corresponding to the tag name is created under the title, and a media object style indicator area is generated based on the tag.
[0133] The tags include those corresponding to the style area of the first media object.
[0134] The aforementioned media object style tags can be understood as the tags corresponding to the style areas of the media object; the tags corresponding to the style areas of the first media object are similar, and will not be elaborated here.
[0135] Continuing with the example above, such as Figure 12 As shown, after clicking "Finish", you will be redirected to the Media Object Styles tab. On this page, users can select or create Media Object Styles tabs, and then tile the colors corresponding to the Media Object Styles tabs onto the preset graphics to form the Media Object Style area.
[0136] In one implementation, in addition to displaying the media object style indicator area, the media object playback interface may also display other information related to the currently playing media object; specifically, the method may further include the following steps:
[0137] Display the title in the media object playback interface, and display the property information of the currently playing media object between the title and the media object style indicator area.
[0138] The attribute information of the currently playing media object can include the song cover, song title, artist information, lyrics, etc. Figure 3 As shown, no restrictions are imposed here.
[0139] In one implementation, to improve user experience, the tag name of the currently playing media object can also be displayed; specifically, the above method may further include the following steps:
[0140] The label name corresponding to the style area of the currently playing media object is displayed in the center of the media object style indicator area.
[0141] The central area is located within the media object style indicator.
[0142] Since the media object style area in the media object style indicator area is generated based on the media object style tag, therefore, as Figure 3 As shown, displaying the tag name of the currently playing media object in the media object style indicator can improve the user experience, allowing users to distinguish the style of the currently playing media object not only by color, but also by text.
[0143] In one implementation, to improve user experience, media objects under a media object style region can be selected from popular songs; that is, media objects corresponding to the first media object style region are selected from popular media objects under the tag corresponding to the first media object style region.
[0144] Exemplary device
[0145] After introducing the media object playback and display method according to exemplary embodiments of this disclosure, the following will refer to... Figure 13 A media object playback display device according to an exemplary embodiment of the present disclosure will be described.
[0146] refer to Figure 13 As shown, the media object playback display device 1300 includes:
[0147] Display module 1310 is configured to display a media object style indicator area on a media object playback interface; the media object style indicator area includes at least two media object style areas and a media object style indicator; the color indices of the at least two media object style areas are different.
[0148] The processing module 1320 is configured to play the media object corresponding to the first media object style region in response to a media object style indicator pointing to a first media object style region among at least two media object style regions.
[0149] In one implementation, the ratio of the area of each media object style region in at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
[0150] In one embodiment, the processing module 1320 is further configured to, in response to a first trigger operation on a first media object style region, determine the adjusted area of the first media object style region and the adjusted area of a second media object style region among at least two media object style regions; determine the media object corresponding to the adjusted first media object style region based on the area of the adjusted first media object style region; and determine the media object corresponding to the adjusted second media object style region based on the area of the adjusted second media object style region. The display module 1310 is further configured to display the first media object style region with the area of the adjusted first media object style region and display the second media object style region with the area of the adjusted second media object style region.
[0151] In one embodiment, the processing module 1320 is further configured to: determine the adjusted area of the first media object style region based on the first trigger operation; determine the scaling ratio of the first media object style region based on the adjusted area of the first style tag of the first media object style region and the area of the first media object style region before adjustment; use the scaling ratio of the first media object style region as the scaling ratio of the second media object style region; and determine the adjusted area of the second media object style region based on the scaling ratio of the second media object style region and the area of the first media object style region before adjustment.
[0152] In one embodiment, the processing module 1320 is further configured to respond to a second trigger operation on a first media object style region, determine the rotation direction, rotation angle, and rotation speed of at least two media object style regions based on the second trigger operation, and determine the playback speed of the media objects corresponding to the at least two media object style regions based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0153] In one embodiment, the processing module 1320 is further configured to respond to a third trigger operation on a media object style indicator, determine the rotation direction, rotation angle, and rotation speed of at least two media object style regions based on the third trigger operation, and determine the playback speed of the media objects corresponding to the at least two media object style regions based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
[0154] In one implementation, the at least two media object style regions are annular regions, and the media object style indicator is embedded within the annular region.
[0155] In one embodiment, the color index includes at least one of brightness, hue, and saturation.
[0156] In one embodiment, the processing module 1320 is further configured to, in response to a first creation instruction on the recommended creation interface, obtain the title corresponding to the first creation instruction and display the title on the recommended creation interface.
[0157] In one implementation, the processing module 1320 is further configured to, in response to a second creation instruction in the recommended creation interface, obtain the tag name corresponding to the second creation instruction, create a tag corresponding to the tag name under the title, and generate a media object style indicator area based on the tag; the tag includes a tag corresponding to the first media object style area.
[0158] In one embodiment, the display module 1310 is further configured to display a title in the media object playback interface and display the attribute information of the currently playing media object between the title and the media object style indicator area.
[0159] In one embodiment, the display module 1310 is further configured to display the tag name corresponding to the currently playing media object style area in the central area of the media object style indicator area; the central area is located within the media object style indicator.
[0160] In one implementation, the media object corresponding to the style region of the first media object is selected from the popular media objects under the tag corresponding to the style region of the first media object.
[0161] Exemplary storage media
[0162] The storage medium of the exemplary embodiments of this disclosure will now be described.
[0163] In this exemplary embodiment, the above method can be implemented by a program product, such as a portable compact disc read-only memory (CD-ROM) containing program code, which can run on a device, such as a personal computer. However, the program product disclosed herein is not limited thereto. In this document, a readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
[0164] The program product may employ any combination of one or more readable media. A readable media may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0165] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium, capable of sending, propagating, or transmitting programs for use by or in conjunction with an instruction execution system, apparatus, or device.
[0166] The program code contained on the readable medium may be transmitted using any suitable medium, including but not limited to wireless, wired, optical fiber, RE, etc., or any suitable combination thereof.
[0167] Program code for performing the operations of this disclosure can be written in any combination of one or more programming languages, including object-oriented programming languages such as Java and C++, and conventional procedural programming languages such as C or similar languages. The program code can execute entirely on the user's computing device, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via the Internet using an Internet service provider).
[0168] Exemplary electronic devices
[0169] refer to Figure 14 An electronic device according to an exemplary embodiment of the present disclosure will be described.
[0170] Figure 14 The electronic device 1400 shown is merely an example and should not be construed as limiting the functionality and scope of use of the embodiments disclosed herein.
[0171] like Figure 14 As shown, the electronic device 1400 is presented in the form of a general-purpose computing device. The components of the electronic device 1400 may include, but are not limited to: at least one processing unit 1410, at least one storage unit 1420, a bus 1430 connecting different system components (including storage unit 1420 and processing unit 1410), and a display unit 1440.
[0172] The storage unit stores program code, which can be executed by the processing unit 1410 to perform the steps described in the "Exemplary Methods" section of this specification according to various exemplary embodiments of this disclosure. For example, the processing unit 1410 can perform actions such as... Figure 1 The methods and steps shown are as follows.
[0173] Storage unit 1420 may include volatile storage units, such as random access memory (RAM) unit 1421 and / or cache memory unit 1422, and may further include read-only memory unit (ROM) unit 1423.
[0174] Storage unit 1420 may also include a program / utility 1424 having a set (at least one) of program modules 1425, such program modules 1425 including but not limited to: an operating system, one or more application programs, other program modules and program data, each or some combination of these examples may include an implementation of a network environment.
[0175] Bus 1430 may include a data bus, an address bus, and a control bus.
[0176] Electronic device 1400 can also communicate with one or more external devices 2000 (e.g., keyboard, pointing device, Bluetooth device, etc.) via input / output (I / O) interface 1450. Electronic device 1400 also includes a display unit 1440 connected to input / output (I / O) interface 1450 for display purposes. Furthermore, electronic device 1400 can communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 1460. As shown, network adapter 1460 communicates with other modules of electronic device 1400 via bus 1430. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with electronic device 1400, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.
[0177] It should be noted that although several modules or sub-modules of the apparatus have been mentioned in the detailed description above, this division is merely exemplary and not mandatory. In fact, according to embodiments of this disclosure, the features and functions of two or more units / modules described above can be embodied in one unit / module. Conversely, the features and functions of one unit / module described above can be further divided and embodied by multiple units / modules.
[0178] Furthermore, although the operations of the methods disclosed herein are described in a specific order in the accompanying drawings, this does not require or imply that these operations must be performed in that specific order, or that all of the operations shown must be performed to achieve the desired result. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined into one step, and / or one step may be broken down into multiple steps.
[0179] While the spirit and principles of this disclosure have been described with reference to several specific embodiments, it should be understood that this disclosure is not limited to the disclosed specific embodiments, and the division of aspects does not imply that features in these aspects cannot be combined for benefit; such division is merely for convenience of expression. This disclosure is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims.
Claims
1. A method for playing and displaying a media object, characterized in that, The method includes: The media object style indicator area is displayed on the media object playback interface; the media object style indicator area includes at least two media object style areas and media object style indicator icons; the color indicators of the at least two media object style areas are different; each media object style area is divided by style, and each media object style area carries all media objects under the corresponding style; the media object style area is determined based on a preset graphic according to the proportion of the media object style in the total media objects; In response to the media object style indicator pointing to the first media object style region among the at least two media object style regions, the media object corresponding to the first media object style region is played. In response to a first trigger operation on the style region of the first media object, the adjusted area of the style region of the first media object and the adjusted area of the style region of the second media object among the at least two media object style regions are determined based on the style region of the first media object; the adjusted areas of the first media object style region and the adjusted areas of the second media object style region are determined by a scaling ratio; The media object corresponding to the adjusted first media object style region is determined based on the area of the adjusted first media object style region. The media object corresponding to the adjusted style region of the second media object is determined based on the area of the adjusted style region of the second media object. The first media object style region is displayed with the adjusted area of the first media object style region, and the second media object style region is displayed with the adjusted area of the second media object style region.
2. The method according to claim 1, characterized in that, The ratio of the area of each media object style region in the at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
3. The method according to claim 1, characterized in that, The step of determining the adjusted area of the first media object style region and the adjusted area of the second media object style region among the at least two media object style regions based on the first media object style region includes: The adjusted area of the style region of the first media object is determined based on the first triggering operation; The scaling ratio of the style region of the first media object is determined based on the adjusted area of the first style label of the style region of the first media object and the area of the style region of the first media object before adjustment. Use the scaling ratio of the style region of the first media object as the scaling ratio of the style region of the second media object. The adjusted area of the second media object style region is determined based on the scaling ratio of the second media object style region and the area of the first media object style region before adjustment.
4. The method according to claim 1, characterized in that, The method further includes: In response to a second triggering operation on the first media object style region, the rotation direction, rotation angle and rotation speed of the at least two media object style regions are determined according to the second triggering operation; The playback speed of the media object corresponding to the at least two media object style regions is determined based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
5. The method according to claim 1, characterized in that, The method further includes: In response to a third triggering operation on the media object style indicator, the rotation direction, rotation angle, and rotation speed of the at least two media object style regions are determined according to the third triggering operation; The playback speed of the media object corresponding to the at least two media object style regions is determined based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
6. The method according to claim 1, characterized in that, The at least two media object style areas are circular areas, and the media object style indicator is embedded in the circular area.
7. The method according to claim 1, characterized in that, The color indicators include at least one of brightness, hue, and saturation.
8. The method according to claim 1, characterized in that, Before displaying the media object style indicator area in the media object playback interface, the method further includes: In response to a first creation instruction on the recommended creation interface, the title corresponding to the first creation instruction is obtained, and the title is displayed on the recommended creation interface.
9. The method according to claim 8, characterized in that, The method further includes: In response to the second creation instruction in the recommended creation interface, the tag name corresponding to the second creation instruction is obtained, a tag corresponding to the tag name is created under the title, and the media object style indicator area is generated based on the tag; the tag includes the tag corresponding to the first media object style area.
10. The method according to claim 1, characterized in that, The method further includes: The title is displayed in the media object playback interface, and the attribute information of the currently playing media object is displayed between the title and the media object style indicator area.
11. The method according to claim 1, characterized in that, The method further includes: The label name corresponding to the style of the currently playing media object is displayed in the center area of the media object style indicator area; the center area is located within the media object style indicator.
12. The method according to claim 1, characterized in that, The media object corresponding to the style area of the first media object is selected from the popular media objects under the tag corresponding to the style area of the first media object.
13. A media object playback display device, characterized in that, The device includes: The display module is configured to display a media object style indicator area on the media object playback interface; the media object style indicator area includes at least two media object style areas and a media object style indicator; the color indices of the at least two media object style areas are different; each media object style area is divided by style, and each media object style area carries all media objects under the corresponding style; the media object style area is determined based on a preset graphic according to the proportion of the media object style in the total media objects; The processing module is configured to play the media object corresponding to the first media object style region in response to the media object style indicator pointing to the first media object style region among the at least two media object style regions; The processing module is also configured to: In response to a first trigger operation on the style region of the first media object, the adjusted area of the style region of the first media object and the adjusted area of the style region of the second media object among the at least two media object style regions are determined based on the style region of the first media object; the adjusted areas of the first media object style region and the adjusted areas of the second media object style region are determined by a scaling ratio; The media object corresponding to the adjusted first media object style region is determined based on the area of the adjusted first media object style region. The media object corresponding to the adjusted style region of the second media object is determined based on the area of the adjusted style region of the second media object. The display module is further configured to display the first media object style region with the adjusted area of the first media object style region, and to display the second media object style region with the adjusted area of the second media object style region.
14. The apparatus according to claim 13, characterized in that, The ratio of the area of each media object style region in the at least two media object style regions corresponds to the ratio of the total playback duration of all media objects corresponding to each media object style region.
15. The apparatus according to claim 13, characterized in that, The processing module is also configured to: The adjusted area of the style region of the first media object is determined based on the first triggering operation; The scaling ratio of the style region of the first media object is determined based on the adjusted area of the first style label of the style region of the first media object and the area of the style region of the first media object before adjustment. Use the scaling ratio of the style region of the first media object as the scaling ratio of the style region of the second media object. The adjusted area of the second media object style region is determined based on the scaling ratio of the second media object style region and the area of the first media object style region before adjustment.
16. The apparatus according to claim 13, characterized in that, The processing module is also configured to: In response to a second triggering operation on the first media object style region, the rotation direction, rotation angle and rotation speed of the at least two media object style regions are determined according to the second triggering operation; The playback speed of the media object corresponding to the at least two media object style regions is determined based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
17. The apparatus according to claim 13, characterized in that, The processing module is also configured to: In response to a third triggering operation on the media object style indicator, the rotation direction, rotation angle, and rotation speed of the at least two media object style regions are determined according to the third triggering operation; The playback speed of the media object corresponding to the at least two media object style regions is determined based on the rotation direction, rotation angle, and rotation speed of the at least two media object style regions.
18. The apparatus according to claim 13, characterized in that, The at least two media object style areas are circular areas, and the media object style indicator is embedded in the circular area.
19. The apparatus according to claim 13, characterized in that, The color indicators include at least one of brightness, hue, and saturation.
20. The apparatus according to claim 13, characterized in that, The processing module is further configured to: in response to a first creation instruction on the recommended creation interface, obtain the title corresponding to the first creation instruction, and display the title on the recommended creation interface.
21. The apparatus according to claim 20, characterized in that, The processing module is also configured to: In response to the second creation instruction in the recommended creation interface, the tag name corresponding to the second creation instruction is obtained, a tag corresponding to the tag name is created under the title, and the media object style indicator area is generated based on the tag; the tag includes the tag corresponding to the first media object style area.
22. The apparatus according to claim 13, characterized in that, The display module is also configured to: The title is displayed in the media object playback interface, and the attribute information of the currently playing media object is displayed between the title and the media object style indicator area.
23. The apparatus according to claim 13, characterized in that, The display module is also configured to: The label name corresponding to the style of the currently playing media object is displayed in the center area of the media object style indicator area; the center area is located within the media object style indicator.
24. The apparatus according to claim 13, characterized in that, The media object corresponding to the style area of the first media object is selected from the popular media objects under the tag corresponding to the style area of the first media object.
25. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the method described in any one of claims 1 to 12.
26. An electronic device, characterized in that, include: processor; as well as Memory for storing the executable instructions of the processor; The processor is configured to execute the method of any one of claims 1 to 12 by executing the executable instructions.
Citation Information
Patent Citations
Multimedia file playing control method and mobile terminal
CN108650554A
Multimedia playing method and device, equipment and medium
CN114816140A
Media object recommendation method and device, storage medium and electronic equipment
CN115618106A