Content display method and device, equipment, storage medium and program product

Abstract

The invention relates to a content display method and device, equipment, a storage medium and a program product. The method comprises the following steps: displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content; receiving a touch operation for the additional content; controlling the additional content to move along with a touch point corresponding to the touch operation based on the touch operation; and in response to a release operation of the touch operation, determining a display position of the additional content based on the current position of the contact. Therefore, the user side can actively initiate display position adjustment for the additional content, overlapping and staggering of the additional content and a user interface component or video embedded subtitles and the like displayed on the content display interface are avoided, and the content display effect and the user watching experience are improved.

Description

Technical Field

[0001] The present application relates to the field of computer application technology, and in particular to a content display method, apparatus, computer equipment, computer-readable storage medium, and computer program product. Background Art

[0002] In traditional subtitle display methods, subtitles are usually displayed at a fixed position on the video screen.

[0003] However, when there is a lot of subtitle content, the subtitles displayed by the platform will overlap with the embedded subtitles in the user's video. Especially when the video and live broadcast framework layers have a large number of user interface (UI) components, the subtitles can easily overlap and intersect with the UI, thereby affecting the playback quality of the video content and resulting in a poor viewing experience for users. Summary of the Invention

[0004] Based on this, it is necessary to provide a content display method, device, computer equipment, computer-readable storage medium and computer program product that can improve content display effects and user viewing experience in response to the above technical problems.

[0005] In a first aspect, the present application provides a content display method, the method comprising:

[0006] displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0007] receiving a touch operation on the additional content;

[0008] Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation;

[0009] In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0010] In some embodiments, before controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation, the method further includes:

[0011] In response to a touch operation on the additional content, the additional content is controlled to switch from a display state to a movable state and / or a corresponding movable mark is displayed.

[0012] In some embodiments, in response to the touch operation on the additional content, controlling the additional content to switch from a displayed state to a movable state and / or displaying a corresponding movable marker includes:

[0013] Determining a first coordinate range corresponding to a display area of ​​the additional content;

[0014] Determining a second coordinate range corresponding to a display area of ​​the native content of the additional content in the target media content;

[0015] detecting whether there is overlap between the first coordinate range and the second coordinate range; if so, determining that the additional content obstructs native content corresponding to the additional content in the target media content; and if not, determining that the additional content does not obstruct native content corresponding to the additional content in the target media content;

[0016] When the additional content blocks the native content corresponding to the additional content in the target media content, controlling the additional content to switch from a displayed state to a movable state and / or displaying a corresponding movable marker; or

[0017] When the additional content does not block the native content corresponding to the additional content in the target media content, the additional content is controlled to maintain a display state; the display state means that the additional content does not move with the touch point corresponding to the touch operation.

[0018] In some embodiments, the content display interface includes a plurality of displayable areas for additional content, each displayable area having a corresponding displayable position;

[0019] The determining the display position of the additional content based on the current position of the touch point includes:

[0020] On the content display interface, determining a target displayable area where the current position of the touch point is located;

[0021] The displayable position corresponding to the target displayable area is determined as the display position of the additional content.

[0022] In some embodiments, in response to the release operation of the touch operation, determining the display position of the additional content based on the current position of the touch point includes:

[0023] In response to a release operation of the touch operation, when the current position of the touch point is located in an edge area of ​​the content display interface and / or the additional content displayed on the content display interface is less than a preset proportion, the additional content is canceled from being displayed.

[0024] In some embodiments, controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation further includes:

[0025] When the contact point is located in the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion, a close control and / or a prompt message for canceling the display of the additional content is displayed, and the close control is used to cancel the display of the additional content.

[0026] In some embodiments, the additional content further corresponds to a switch control, and the switch control is used to turn on or off the display of the additional content;

[0027] After displaying the prompt information for closing the control and / or canceling the display of the additional content, the method further includes:

[0028] In response to a release operation of the touch operation and / or in response to a selection operation of the close control, the additional content is canceled from being displayed, and the state of the switch control is switched from an on state to an off state; wherein, when the switch control is in the off state, the additional content is not displayed.

[0029] In some embodiments, before determining the display position of the additional content based on the current position of the touch point in response to a release operation of the touch operation, the method further includes:

[0030] Determine a non-displayable area in the content display interface, where the non-displayable area includes: a main text module located at the bottom of the content display interface, an operation prompt module located at the top of the content display interface, and a target control in a horizontal screen; wherein there is no overlap between the displayable area of ​​the additional content and the non-displayable area.

[0031] In some embodiments, as the additional content moves along with the touch point corresponding to the touch operation, the additional content changes along with the display progress of the target media content.

[0032] In some embodiments, after displaying the content display interface, the method further includes:

[0033] receiving an adjustment operation for the additional content;

[0034] In response to the adjustment operation, the display parameters of the attachment content are adjusted, where the display parameters include at least one of font, transparency, and style.

[0035] In some embodiments, adjusting the display parameters of the attachment content in response to the adjustment operation includes:

[0036] In response to the adjustment operation, displaying at least one parameter adjustment control on the content display interface;

[0037] The display parameters of the attachment content are adjusted based on the parameter adjustment control.

[0038] In some embodiments, the additional content includes at least one of the following:

[0039] translated subtitles corresponding to the original subtitles in the target media content;

[0040] Annotations corresponding to at least a portion of the words in the native subtitles in the target media content;

[0041] A text description corresponding to the native image in the target media content;

[0042] A text description corresponding to the native video in the target media content;

[0043] The associated video or associated picture corresponding to the original picture in the target media content;

[0044] The associated video or associated image corresponding to the native video in the target media content.

[0045] In a second aspect, the present application further provides a content display device, the device comprising:

[0046] A display module, configured to display a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0047] A receiving module, configured to receive a touch operation on the additional content;

[0048] A movement module, configured to control the additional content to move along with a touch point corresponding to the touch operation based on the touch operation;

[0049] The determining module is configured to determine a display position of the additional content based on a current position of the touch point in response to a release operation of the touch operation.

[0050] In a third aspect, the present application further provides a computer device comprising a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the following steps are implemented:

[0051] displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0052] receiving a touch operation on the additional content;

[0053] Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation;

[0054] In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0055] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the following steps are implemented:

[0056] displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0057] receiving a touch operation on the additional content;

[0058] Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation;

[0059] In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0060] In a fifth aspect, the present application further provides a computer program product, comprising a computer program, which, when executed by a processor, implements the following steps:

[0061] displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0062] receiving a touch operation on the additional content;

[0063] Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation;

[0064] In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0065] The above-mentioned content display method, apparatus, computer device, computer-readable storage medium and computer program product, by displaying a content display interface, which displays the target media content and additional content associated with the target media content. Thus, additional content associated with the target media content can be flexibly added to the content display interface, helping users to better obtain relevant information of the target media content. A touch operation for additional content is received; based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation. Thus, the user side can actively initiate the adjustment of the display position of the additional content. In response to the release operation of the touch operation, the display position of the additional content is determined based on the current position of the touch point. Thus, the additional content is avoided from overlapping with the user interface components displayed on the content display interface or the embedded subtitles of the target media content, thereby improving the content display effect and the user viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0066] In order to more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the following briefly introduces the drawings required for use in the embodiments of the present application or related technical descriptions. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without any creative work.

[0067] Figure 1 A diagram illustrating an application environment of a content display method according to an embodiment;

[0068] Figure 2A is a flowchart of a content display method in one embodiment;

[0069] Figure 2B A schematic diagram of an interface for displaying content in an embodiment Figure 1 ;

[0070] Figure 2C This is a second schematic diagram of an interface for displaying content in an embodiment;

[0071] Figure 2D Schematic diagram 3 of the interface for displaying content in one embodiment;

[0072] Figure 2E Schematic diagram 4 of an interface for displaying content in one embodiment;

[0073] Figure 2F Schematic diagram 5 of an interface for displaying content in one embodiment;

[0074] Figure 2G Schematic diagram 6 of an interface for displaying content in one embodiment;

[0075] Figure 2H FIG7 is a schematic diagram of an interface for displaying content in an embodiment;

[0076] Figure 2I A schematic diagram of an interface for displaying content in an embodiment Figure 8 ;

[0077] Figure 2J is a timing diagram of a content display method in one embodiment;

[0078] Figure 3A is a flowchart of a content display method in another embodiment;

[0079] Figure 3B is a timing diagram of a content display method in another embodiment;

[0080] Figure 4Ais a flowchart of a content display method in yet another embodiment;

[0081] Figure 4B A schematic diagram of a content display interface in yet another embodiment;

[0082] Figure 4C is a timing diagram of a content display method in yet another embodiment;

[0083] Figure 5A is a flowchart of a content display method in a fourth embodiment;

[0084] Figure 5B This is a schematic diagram of the content display interface in the fourth embodiment;

[0085] Figure 5C is a timing diagram of the content display method in the fourth embodiment;

[0086] Figure 6A is a flowchart of a content display method in a fifth embodiment;

[0087] Figure 6B Schematic diagram of the content display interface in the fifth embodiment Figure 1 ;

[0088] Figure 6C This is a second schematic diagram of the content display interface in the fifth embodiment;

[0089] Figure 6D This is a third schematic diagram of the content display interface in the fifth embodiment;

[0090] Figure 6E is a timing diagram of the content display method in the fifth embodiment;

[0091] Figure 7A is a flowchart of a content display method in a sixth embodiment;

[0092] Figure 7B is a timing diagram of the content display method in the sixth embodiment;

[0093] Figure 8 is a structural block diagram of a content display device in one embodiment;

[0094] Figure 9 FIG. 1 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0095] In order to make the purpose, technical solutions and advantages of this application more clear, the following further describes this application in detail with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain this application and are not intended to limit this application.

[0096] In order to facilitate understanding of the technical solutions described in each embodiment of the present application, some terms that may appear in each embodiment of the present application are first explained.

[0097] For example, the term "in response to" in this application refers to the state in which a corresponding event occurs or a condition is satisfied. The timing of executing a subsequent action executed in response to the event or condition is not necessarily strongly correlated with the time when the event occurs or the condition is satisfied. For example, in some cases, the subsequent action may be executed immediately when the event occurs or the condition is satisfied; in other cases, the subsequent action may be executed some time after the event occurs or the condition is satisfied.

[0098] For example, the term "additional content" as used in this application refers to media content that is distinct from, but associated with, the target media content. For example, it can be content that a network platform or application platform adds to the video playback interface for display when playing a video. This content can include text, images, audio, and video information. The specific content information contained in the additional content for different scenarios can be adjusted accordingly, and the content information in the additional content can be determined by the publisher.

[0099] Exemplarily, the term "touch operation" involved in this application refers to an operation performed on information (such as a control) provided by a computer device, through which a corresponding instruction can be issued to the computer device to trigger the computer device to perform the next task. The next task triggered by performing different touch operations on different information can be pre-set in the program. The touch operation can be performed manually by the user, such as clicking, double-clicking, long pressing, sliding, etc. performed by the user on the content displayed on the screen of the computer device can all be touch operations. In some cases, the touch operation can also be performed by the computer device based on a set program.

[0100] The media content display method provided in the embodiment of the present application can be applied to Figure 1In the application environment shown, terminal 102 communicates with server 104 via a network. A data storage system can store data that server 104 needs to process. The data storage system can be integrated with server 104, or placed on a cloud or other network server. Terminal 102 can obtain video data from server 104 and play it on the terminal's display screen. Terminal 102 displays a content display interface that displays target media content and additional content associated with the target media content; receives a touch operation on the additional content; controls the movement of the additional content along the touch point corresponding to the touch operation based on the touch operation; and determines the display position of the additional content based on the current position of the touch point in response to the release of the touch operation. Terminal 102 can be, but is not limited to, various personal computers, laptops, smartphones, tablets, IoT devices, and portable wearable devices. IoT devices can include smart speakers, smart TVs, smart air conditioners, smart car devices, projectors, etc. Portable wearable devices can include smart watches, smart bracelets, head-mounted devices, etc. The head-mounted device may be a virtual reality (VR) device, an augmented reality (AR) device, smart glasses, etc. The server 104 may be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services.

[0101] In an exemplary embodiment, Figure 2A As shown, a content display method is provided, which is applied to Figure 1 The terminal in FIG. 1 is taken as an example to illustrate the method, including the following steps S201A to S204A. In which:

[0102] Step S201A: displaying a content display interface.

[0103] In this embodiment, a common scenario includes: a user browsing a content display interface through a content platform of a mini-program or application installed on a terminal. The content display interface may include: a video playback interface, a live broadcast playback interface, and a graphic display interface. Among them, the live broadcast screen played in the live broadcast field can also be understood as a video playback interface.

[0104] Optionally, the content display interface displays the target media content and additional content associated with the target media content. For example, a media content display area is generally provided on the content display interface, in which the target media content and additional content associated with the target media content are displayed.

[0105] It should be noted that the additional content in this application is different from the target media content that comes with the content display interface. For example, take the target media content as video content.

[0106] In the first case, the video content and additional content are provided by different platforms respectively. For example, the first platform provides the video content (which can also be understood as video resources), and the second platform holds the video playback rights of the first platform (such as broadcast rights). The additional content can be media content related to the video content added by the second platform (such as translated subtitles for the native subtitles of the video content).

[0107] In the second scenario, the video content and additional content can be provided by the same platform. For example, in the live streaming sector, suppose a merchant account hosts a live stream. After the live stream ends, the merchant account adds Chinese subtitles to the live video. Suppose an international account associated with the merchant account needs to rebroadcast the live video. Since it is targeting an international audience, the international account uses the platform's functionality to add English subtitles to the live video. Compared to the previously added Chinese subtitles, the subsequently added English subtitles constitute additional content associated with the live video.

[0108] It should be understood that the embodiments of the present application do not limit the specific form of the additional content. The additional content includes: translated subtitles corresponding to the native subtitles in the target media content, annotations corresponding to at least part of the words in the native subtitles in the target media content, text descriptions corresponding to the native pictures in the target media content, text descriptions corresponding to the native videos in the target media content, associated videos or associated pictures corresponding to the native pictures in the target media content, and at least one of associated videos or associated pictures corresponding to the native videos in the target media content.

[0109] Step S202A: receiving a touch operation on the additional content.

[0110] In this embodiment, the terminal may receive a touch operation on the additional content, which may be at least one of a single-click operation, a double-click operation, a long-press operation, and a sliding operation. The terminal may then respond to the touch operation on the media content, thereby proactively initiating adjustment of the display position of the additional content by the user.

[0111] Step S203A: Based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation.

[0112] In this embodiment, the terminal may sense the position of the touch point of the touch operation, thereby controlling the additional content to move along with the position of the touch point corresponding to the touch operation.

[0113] In this embodiment, the touch operation can be further broken down into several more detailed actions, such as a selection operation, a sliding operation (drag operation), and a release operation.

[0114] In an optional implementation, in response to a touch operation on the additional content, the additional content is controlled to switch from a display state to a movable state and / or a corresponding movable marker is displayed.

[0115] In this embodiment, when the touch operation is in the selection operation stage, the additional content is controlled to switch from the display state to the movement state and / or the corresponding movable mark is displayed. Further, when the touch operation is in the sliding operation stage, the additional content is controlled to move along with the touch point corresponding to the touch operation.

[0116] For example, taking a terminal with a touch screen as an example, a user can use a finger to select additional content so that the additional content switches from a display state to a moving state and / or displays a corresponding movable marker, and then the finger remains in the selected state, drags or slides, and the additional content will follow the movement of the finger's contact point on the touch screen.

[0117] In another optional embodiment, a first coordinate range corresponding to a display area of ​​the additional content is determined; a second coordinate range corresponding to a display area of ​​the native content of the additional content in the target media content is determined; and whether there is overlap between the first coordinate range and the second coordinate range is detected. If there is overlap, it is determined that the additional content obstructs the native content corresponding to the additional content in the target media content; if there is no overlap, it is determined that the additional content does not obstruct the native content corresponding to the additional content in the target media content.

[0118] Exemplarily, when the additional content blocks the native content corresponding to the additional content in the target media content, the additional content is controlled to switch from a display state to a movable state and / or a corresponding movable marker is displayed.

[0119] Exemplarily, when the additional content does not block the native content corresponding to the additional content in the target media content, the additional content is controlled to maintain a display state; wherein the display state means that the additional content does not move with the touch point corresponding to the touch operation.

[0120] In this embodiment, a determination step is added, that is, the display position of the additional content is allowed to be adjusted only when the additional content blocks the native content corresponding to the additional content in the target media content.

[0121] It should be understood that the specific form of the movement state or the specific shape of the movable marker is not limited in this embodiment. For example, when the additional content switches from the display state to the movement state, the background transparency of the additional content can be changed. For another example, when the additional content switches from the display state to the movement state, a movable marker in the form of a rectangular frame can be used to mark the entire display area of ​​the additional content.

[0122] Step S204A: In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0123] In this embodiment, corresponding to the aforementioned step S203A, the touch operation can be broken down into several detailed actions. When the touch operation is in the release operation stage, the display position of the additional content can be determined based on the current position of the touch point.

[0124] In an optional embodiment, the content display interface includes multiple displayable areas for additional content, each displayable area has a corresponding displayable position; therefore, the target displayable area where the current position of the touch point is located can be determined on the content display interface; and the displayable position corresponding to the target displayable area is determined as the display position of the additional content.

[0125] In this embodiment, the coordinates of the touch point when the touch operation is released (such as pixel coordinates) are determined; then, the displayable position of the coordinates in the target displayable area is determined; and the additional content is displayed in the displayable position according to a preset display mode; wherein the preset display mode includes: any one of centering, baseline alignment and top line alignment.

[0126] In this embodiment, the additional content can be a new view created on the content display interface, or it can be displayed in the form of a content card floating on the content display interface. The displayable area for displaying the additional content can be pre-defined. For example, the displayable area for the additional content can be defined based on the size of the terminal display screen and / or the layout of the target media content on the content display interface.

[0127] For example, the location of the displayable area for the additional content can be predetermined. For example, when a new view is created, the view is displayed at a predetermined location. Similarly, if the content is in the form of a content card, the content card will appear at a predetermined location.

[0128] It should be noted that the display range of the additional content is limited to the displayable area, that is, the additional content will not appear outside the displayable area.

[0129] In this embodiment, the displayable area of ​​the additional content can be divided into at least one displayable position. When there is only one displayable position in a displayable area, the additional content will ultimately fall into that displayable position regardless of how the position of the additional content is adjusted within the displayable area. When there are two or more displayable positions in a displayable area, the position of the touch point at the time of release can be used to determine which content display position the additional content ultimately falls into.

[0130] In another optional embodiment, in response to a release of the touch operation, when the current position of the touch point is located at an edge area of ​​the content display interface, and / or when the additional content displayed on the content display interface is less than a preset proportion, the additional content is canceled from being displayed.

[0131] In this embodiment, a margin area can be defined on the content display interface. For example, the margin area can be determined based on the display screen size parameters of the terminal device. When the touch point of a touch operation is released and falls within the margin area, the display of the additional content is canceled. Alternatively, the display of the additional content can be canceled when the remaining display portion of the additional content on the content display interface occupies less than a preset proportion of the additional content.

[0132] In another optional embodiment, when the touch point is located at the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion, a prompt message for closing the control and / or canceling the display of the additional content is displayed, and the closing control is used to cancel the display of the additional content.

[0133] Exemplarily, the additional content also corresponds to a switch control, which is used to turn on or off the display of the additional content. After the close control and / or the prompt message for canceling the display of the additional content is displayed, in response to a release of the touch operation and / or a selection operation of the close control, the display of the additional content is canceled and the state of the switch control is switched from the on state to the off state; wherein, when the switch control is in the off state, the additional content is not displayed.

[0134] For example, when the additional content is platform-generated translated subtitles, the switch control can be an automatic translation switch. That is, when the user chooses to cancel the display of translated subtitles, the automatic translation switch will also switch from the on state to the off state. After that, the translated subtitles will no longer be displayed on the content display interface.

[0135] Optionally, when the additional content moves along with the touch point corresponding to the touch operation, the additional content changes along with the display progress of the target media content.

[0136] In this embodiment, sometimes the user cannot quickly adjust the additional content, and the display progress of the additional content remains unchanged during the adjustment process. Therefore, after the additional content is adjusted, its display progress may not match the display progress of the target media content. To address this issue, the additional content can be controlled to change with the display progress of the target media content as the touch point corresponding to the touch operation moves.

[0137] Optionally, timestamps may be set for the additional content and the target media content respectively, and by detecting the correspondence between the timestamps, the progress of the additional content may be adaptively adjusted so that the adjusted additional content is always synchronized with the progress of the target media content.

[0138] The following uses subtitles as additional content as an example to describe the content display method involved in the embodiments of this application in detail. It should be emphasized that although subtitles are used as an example, the adjustment methods for other forms of target media content are similar to those for subtitles. Therefore, the following embodiments do not limit the form of the target media content.

[0139] For example, Figure 2B Taking the video playback interface shown as an example, the terminal interface may include: video screen 1, video embedded subtitles 2, translated subtitles 3, and text module 4, wherein various user interface (UI) components (such as: avatar, account name, follow control, and text content, etc.) can be displayed in the text module 4. Among them, the translated subtitles 3 are the target media content attached to the video playback interface. Optionally, the right side of the terminal interface also displays the logos of various function controls, such as: like control, comment control, favorite control, like control, and at least one of the forwarding control. Combined with Figure 2B It can be seen that there is a certain degree of overlap between the video embedded subtitles 2 and the translated subtitles 3, which makes it difficult for users to see the video embedded subtitles 2 clearly when watching the video.

[0140] For example, Figure 2C Taking the video playback interface shown above as an example, the display area of ​​the main text module 4 is generally located at the bottom of the video screen 1. In addition to displaying the avatar, account name, follow control, and text content, the main text module 4 can also support some basic components. For example, in live travel videos, some note links are often added to the main text module 4 to facilitate users to flexibly access notes that are highly relevant to the live broadcast while watching the live broadcast. This increases the reading flow of notes and meets users' more diverse information acquisition needs.

[0141] For example, Figure 2D Taking the video playback interface shown as an example, since the platform sets a very flexible display strategy for the text module 4, there may be a possibility of extreme accumulation in the display area of ​​the text module 4. Figure 2DAs can be seen, when the user turns on the audio (displays the audio button) and simultaneously displays the associated partner accounts, the number of group travel friends, and the promotional link in the main text module 4, the audio button display area covers the translated subtitles. In this case, the user cannot clearly see the embedded subtitles in the video, nor can they clearly see the translated subtitles, resulting in a poor viewing experience.

[0142] In response to the problems encountered in the aforementioned embodiments, particularly when both the video and live broadcast framework layers contain numerous user interface components, subtitles can easily overlap and intersect with these user interface components, resulting in a poor viewing experience for users. Therefore, a technical solution is urgently needed to address the issue of translated subtitles overlapping and intersecting with embedded subtitles in the video image, or with user interface components.

[0143] For example, when the video playback interface is displayed in portrait mode, the distance between the bottom of the additional content display area and the bottom of the video playback interface may be set to be no less than a first preset value.

[0144] Optionally, Figure 2E Taking the video playback interface shown as an example, a default display policy for subtitles can be set to avoid possible overlap between subtitles and the main text module. Based on empirical data, the distance between the subtitles and the bottom of the video playback interface can be set to no less than a first preset value. For example, the distance between the bottom of the subtitle display area and the bottom of the video playback interface can be set to no less than 140 ps (pixels).

[0145] For example, when the video playback interface is displayed in portrait mode, the distance between the bottom of the additional content display area and the target user interface component in the video playback interface can be set to be no less than a second preset value.

[0146] Optionally, for Figure 2D The limit case of the text module in the embodiment is as follows Figure 2F Taking the video playback interface shown as an example, the distance between the translated subtitles and the target user interface component in the video playback interface can be set to be no less than a second preset value. For example, the audio button can be used as the target user interface component, and the distance between the bottom of the translated subtitle display area and the top of the audio button display area can be set to be no less than 16 ps (pixels).

[0147] It should be understood that the embodiments of the present application do not limit the specific values ​​of the first preset value and the second preset value, which can be flexibly set according to the actual needs of platform application development or the device parameters of different user terminals themselves.

[0148] In the above Figures 2B to 2FThe examples in the text are all based on the vertical screen playback mode, but in actual applications, the video may also be played in the horizontal screen. Optionally, when the video playback interface is displayed in the horizontal screen, the distance between the bottom of the translated subtitles and the target control in the horizontal screen of the video playback interface can also be set to be no less than a third preset value.

[0149] For example, Figure 2G As an example, the video playback interface shown in the figure is combined with Figure 2G As can be seen, when the user turns on the audio (displays the audio button) and displays the associated partner accounts, the number of group travel friends, and the promotional link in the main text module, the audio button covers the translated subtitles. In this case, the user cannot clearly see the embedded subtitles in the video, nor can they clearly see the translated subtitles, resulting in a poor viewing experience.

[0150] For example, when the video playback interface is displayed in a horizontal screen, the distance between the bottom of the media content display area and the target control in the horizontal screen of the video playback interface can be set to be no less than a third preset value.

[0151] In the embodiment of this application, Figure 2G In order to solve the existing problems in the translation subtitle display strategy for horizontal screen video, a translation subtitle display strategy specifically for horizontal screen video is proposed. Figure 2H Taking the video playback interface shown as an example, the distance between the bottom of the translated subtitles and the target controls (such as the sound button and the expanded flat button) in the horizontal screen of the video playback interface can be set to be no less than 32 ps (pixels).

[0152] It should be understood that the specific value of the third preset is not limited in the embodiment of the present application. It can be flexibly set according to the actual needs of platform application development or the device parameters of different user terminals themselves.

[0153] Although Figure 2E 、 Figure 2F and Figure 2H The display strategy of translated subtitles is given in the , which avoids the overlap and interlacing of translated subtitles with embedded subtitles in the video or user interface components to a certain extent. However, this approach is rather rigid. For example, when the video playback interface does not appear Figure 2G In the extreme case of the text module shown, if the translated subtitles are displayed in the default manner, the displayed position of the translated subtitles will block the middle position of the video screen, which will also lead to a poor user viewing experience and affect the video playback effect.

[0154] For example, Figure 2I As an example, in the video playback interface shown in Figure 2IThe article demonstrates a process of adjusting translated subtitles in a dynamic way. First, in the first picture on the left, translated subtitles 3 overlap with the subtitles embedded in the video. Specifically, translated subtitles 3 are added English subtitles: "Even if agency comes to me, the unit price cannot go up"; the subtitles embedded in the video are the original Chinese subtitles: "So even if Party A comes to me". Secondly, in the second picture in the middle, the terminal can respond to the touch operation on translated subtitles 3, so that translated subtitles 3 are switched from a display state to a moving state. At the same time, a text prompt can be displayed in the top area of ​​the video screen: "Drag & release to reposition the subtitles". Adding text prompts can help users understand the platform's subtitle settings more clearly. With the text prompts, users can easily master the adjustment methods for translated subtitles.

[0155] Optionally, by comparing the first image on the left and the second image in the middle, a corresponding reminder can be set to inform the user that the status of translated subtitles 3 has changed. For example, when a touch operation on translated subtitles 3 successfully switches translated subtitles 3 from the display state to the dragging state, the terminal can vibrate to indicate the change. For another example, a moving indicator can be generated in the display area of ​​translated subtitles 3. Whenever this moving indicator appears, it indicates that translated subtitles 3 has switched to the moving state.

[0156] It should be noted that in addition to the above reminders, any one or more of the following methods can be used: changing the font color of the translated subtitles 3, changing the transparency of the background of the translated subtitles 3, or changing the font size of the translated subtitles. This method of reminding the user that the status of the translated subtitles 3 has changed can prevent user errors and can also promptly remind the user whether the translated subtitles 3 can be moved.

[0157] Optionally, after the translated subtitles 3 are switched from the display state to the moving state, if the terminal does not receive a subsequent touch operation within a preset time period, the translated subtitles 3 will automatically switch from the moving state back to the display state. This prevents the translated subtitles 3 from randomly moving on the video playback interface when the user accidentally touches the translated subtitles 3.

[0158] It should be understood that the specific type of touch operation is not limited in the embodiments of the present application. For example, the touch operation can be at least one of a single-click operation, a double-click operation, a long-press operation, and a sliding operation on the translated subtitles 3. For example, when the terminal is a touch-enabled display device, a series of touch operations can be performed on the translated subtitles 3 using a finger.

[0159] Optionally, as can be seen from the second figure in the middle, after the translated subtitles 3 are switched from the display state to the moving state, at least a portion of the user interface components of the Chinese module can also be hidden. This can prevent the user from accidentally operating the user interface components in the Chinese module when adjusting the position of the translated subtitles 3.

[0160] Optionally, as shown in the third figure on the right, when the translated subtitles 3 are moved to a suitable position according to the touch operation (for example, no longer overlapped with the embedded subtitles in the video), the translated subtitles 3 are switched from the moving state back to the display state.

[0161] In an optional embodiment, the additional content can follow the movement of the touch point corresponding to the touch operation, that is, the touch point trajectory formed by the touch operation within the content display interface is also the movement trajectory of the additional content. The touch operation is released by determining the touch point position; then determining the displayable position of the touch point position in the target displayable area; and finally, displaying the additional content in the displayable position according to a preset display method.

[0162] In another optional embodiment, the additional content does not follow the movement of the touch point of the touch operation, but can be directly adjusted from the current display position to the content display position corresponding to the end position of the touch track formed by the touch operation in the media content display area.

[0163] It should be understood that the preset display modes of the additional content include: centering, baseline alignment, and topline alignment.

[0164] For example, combined Figure 2I The entire adjustment process, taking a terminal with a touch display function as an example, can be used to switch the translated subtitles 3 from the display state to the mobile state by any of long pressing, single clicking, double clicking and sliding operations (at this time, a corresponding operation prompt is generated at the top position of the video screen, and the Chinese module is hidden synchronously); then the display position of the translated subtitles 3 is adjusted by dragging. When the translated subtitles 3 follow the touch operation to reach the appropriate position, the translated subtitles 3 are released (for example, the user's finger leaves the touch display screen of the terminal). At this time, the translated subtitles 3 can be switched from the mobile state back to the display state, thereby completing the translated subtitle adjustment initiated by the user. This adjustment method is very flexible and highly interactive, and can significantly improve the effect of video playback and avoid overlapping and interlacing between the translated subtitles and the embedded subtitles in the video or the user interface components.

[0165] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 2JThe timing diagram of a media content display method in one embodiment shown includes:

[0166] Step S201J: the terminal displays a content display interface.

[0167] In step S202J, the terminal receives a touch operation on the additional content and generates a display adjustment request.

[0168] Step S203J: The terminal sends a display adjustment request to the server.

[0169] Step S204J: The server generates adjustment instruction information of the additional content in response to the display adjustment request.

[0170] Step S205J: The server sends the adjustment instruction information to the terminal.

[0171] In step S206J, the terminal controls the additional content to move along with the touch point corresponding to the touch operation based on the touch operation according to the adjustment instruction information.

[0172] In step S207J, the terminal determines a display position of the additional content based on a current position of the touch point in response to a release operation of the touch operation.

[0173] For example, combined Figure 2I The embodiment shown describes the content display adjustment process in combination with a specific application scenario. First, it is applied to a mini-program or application that can support target content publishing, and the mini-program or application is pre-installed in the terminal used by the user. When the user opens the mini-program or application through the terminal, a content display interface can be displayed, on which the target media content and additional content (such as translated subtitles) are displayed. Furthermore, when the terminal detects a touch operation for additional content, the additional content is controlled to move along with the contact point corresponding to the touch operation based on the touch operation; in response to the release operation of the touch operation, the display position of the additional content is determined based on the current position of the contact point.

[0174] In the above-mentioned media content display method, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. In this way, additional content associated with the target media content can be flexibly added to the content display interface to help users better obtain relevant information about the target media content. A touch operation for additional content is received; based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation. In this way, the user side can actively initiate the adjustment of the display position of the additional content. In response to the release operation of the touch operation, the display position of the additional content is determined based on the current position of the touch point. In this way, the additional content is avoided from overlapping with the user interface components displayed on the content display interface or the embedded subtitles of the target media content, thereby improving the content display effect and the user viewing experience.

[0175] In another exemplary embodiment, Figure 3A As shown, a content display method is provided, which is applied to Figure 1 Taking the terminal in FIG. 1 as an example, the method may include steps S301A to S306A. In which:

[0176] Step S301A: displaying a content display interface.

[0177] Step S302A: receiving a touch operation on the additional content.

[0178] For the specific implementation process and technical effects of steps S301A to S302A in this embodiment of the present application, please refer to Figure 2A The descriptions of steps S201A to S202A are not repeated here.

[0179] Step S303A: In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state.

[0180] In this embodiment, the first touch operation on the additional content can be understood as a decomposed action of the touch operation in step S202A, that is, the touch operation on the additional content in step S202A includes the first touch operation.

[0181] For example, when additional content switches from a displayed state to a moved state, a preset prompt method may be used to indicate that the additional content has successfully switched to a moved state. The preset prompt method includes at least one of: device vibration, changing the font color of the additional content, changing the background transparency of the additional content, hiding at least a portion of user interface components in the content display interface, displaying a move indicator in the display area of ​​the additional content, and displaying an operation prompt message in the content display interface; wherein the operation prompt message is used to prompt adjustment of the position of the additional content.

[0182] In this embodiment, the first touch operation on the additional content changes the current state of the additional content from the display state (immovable state) to the movable state, thereby facilitating adjustment of the position of the additional content in subsequent steps.

[0183] Step S304A: In response to a second touch operation on the additional content, controlling the additional content to move along with the touch point of the second touch operation.

[0184] In this embodiment, the second touch operation on the additional content can be understood as another decomposition action of the touch operation in step S202A, that is, the touch operation on the target media content in step S202A includes the second touch operation.

[0185] In one possible scenario, the contact point of the second touch operation does not enter the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is not less than a preset ratio. In this case, the additional content can follow the contact point of the second touch operation. For example, assuming the terminal is a touch display device, the user can directly drag the additional content on the display screen with a finger to control the continuous change of the additional content's position.

[0186] In another possible situation, the contact point of the second touch operation may enter the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than the preset proportion. At this time, we further discuss the situation. For example, when the remaining width of the additional content displayed on the content display interface is within the first preset width range, a prompt message for closing the control and / or closing the additional content is displayed. When the remaining width of the additional content displayed on the content display interface is greater than the upper limit of the first preset width range, part of the additional content is displayed. When the remaining width of the additional content displayed on the content display interface is less than the lower limit of the first preset width range, the additional content can be closed or hidden.

[0187] It should be understood that the embodiment of the present application does not limit the specific value of the first preset width, which can be a smaller range, such as 115ps (pixels) to 125ps (pixels). In special circumstances, a specific value can also be used as a judgment condition for whether to display a prompt message to close the control and / or close the additional content. For example, 120ps (pixels) can be set, that is, when the remaining width of the additional content displayed on the content display interface is 120ps (pixels), a prompt message to close the control and / or close the additional content is displayed.

[0188] Step S305A: In response to a third touch operation on the additional content, the additional content is controlled to switch from the moving state back to the display state.

[0189] In this embodiment, the third touch operation on the additional content can be understood as another decomposition action of the touch operation in step S202A. That is, the touch operation on the additional content in step S202A includes the third touch operation. The third touch operation can also be understood as a release operation of the touch operation.

[0190] In this embodiment, when the terminal receives the third touch operation on the additional content, the additional content switches from the moving state back to the display state. At this time, the additional content no longer moves, that is, it returns to the immovable state (display state).

[0191] It should be understood that in the above embodiment, the first touch operation, the second touch operation, and the third touch operation can be decomposed into several different actions corresponding to a continuous touch operation. Therefore, the first touch operation, the second touch operation, and the third touch operation can be understood as one touch operation.

[0192] For example, the first touch operation is to single-click to select the additional content, the second touch operation is to drag the additional content, and the third touch operation is to release the additional content, thereby enabling flexible adjustment of the display position of the additional content. For example, when a user selects additional content with a finger, slides, and then releases it, this process can be understood as a sliding operation on the additional content. If this sliding operation is broken down in detail, it can be broken down into three actions: selection, sliding, and releasing.

[0193] Step S306A: determining a display position of the additional content on the content display interface according to the touch point position of the third touch operation.

[0194] In this embodiment, the terminal may obtain the position (such as pixel coordinates) of the touch point of the third touch operation, and determine the display position of the additional content on the content display interface based on the position.

[0195] Exemplarily, first determine the touch point coordinates corresponding to the release operation of the touch operation; determine the displayable position corresponding to the touch point coordinates in the displayable area; display the additional content in the displayable position according to a preset display method; wherein the preset display method includes: any one of centering, baseline alignment and top line alignment.

[0196] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 3B The timing diagram of the content display method in another embodiment shown includes:

[0197] Step S301B: the terminal displays a content display interface.

[0198] Step S302B: receiving a touch operation on the additional content.

[0199] In step S303B, the terminal controls the additional content to switch from a display state to a moving state in response to the first touch operation on the additional content.

[0200] In step S304B, the terminal controls the additional content to move along with the touch point of the second touch operation in response to the second touch operation on the additional content.

[0201] In step S305B, the terminal controls the additional content to switch from the moving state to the display state in response to the third touch operation on the additional content, and determines the display position of the additional content on the content display interface according to the touch point position of the third touch operation.

[0202] In this embodiment, the third touch operation is a release operation of the touch operation.

[0203] Step S306B: The terminal sends a display adjustment request to the server.

[0204] The display adjustment request includes display position information of the determined additional content in the content display interface.

[0205] Step S307B: The server generates adjustment instruction information of the additional content in response to the display adjustment request.

[0206] Step S308B: The server sends the adjustment instruction information to the terminal.

[0207] In step S309B, the terminal adjusts the display position of the additional content in the content display area according to the adjustment instruction information.

[0208] Exemplarily, the content display adjustment process is described in conjunction with a specific application scenario. First, it is applied to a mini-program or application that can support target published content, and the mini-program or application is pre-installed in the terminal used by the user. When the user opens the mini-program or application through the terminal, the content display interface can be displayed, and the target media content and additional content (such as translated subtitles) are displayed on the content display interface. Furthermore, when the terminal detects a first touch operation for the additional content, the additional content is controlled to switch from a display state to a moving state. When the terminal detects a second touch operation for the additional content, the additional content is controlled to move with the contact point of the second touch operation. When the terminal detects a third touch operation for the target media content, the additional content is controlled to switch back from a moving state to a display state, and the display position of the additional content in the content display interface is determined according to the contact point position of the third touch operation. Thereby achieving the purpose of flexibly adjusting the display position of the additional content in the content display interface.

[0209] In this embodiment, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. Therefore, additional content associated with the target media content can be flexibly added to the content display interface, helping users to better obtain relevant information about the target media content. In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state; in response to a second touch operation on the additional content, the additional content is controlled to move along with the contact point of the second touch operation. In response to a third touch operation on the additional content, the additional content is controlled to switch from a moving state back to a display state, and the display position of the additional content on the content display interface is determined according to the contact point position of the third touch operation. Therefore, the user side can actively initiate the adjustment of the display position of the additional content, avoiding the overlap and interweaving of the additional content with the user interface components displayed on the content display interface or the embedded subtitles of the video, thereby improving the display effect of the content display interface and the user viewing experience.

[0210] In another exemplary embodiment, Figure 4A As shown, a content display method is provided, which is applied to Figure 1 Taking the terminal in FIG. 1 as an example, the method may include steps S401A to S406A. In which:

[0211] Step S401A: displaying a content display interface.

[0212] Step S402A: receiving a touch operation on the additional content.

[0213] Step S403A: In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state.

[0214] Step S404A: In response to a second touch operation on the additional content, controlling the additional content to move along with the touch point of the second touch operation.

[0215] For the specific implementation process and technical effects of steps S401A to S404A in the embodiment of this application, please refer to Figure 3A The descriptions of steps S301A to S304A are not repeated here.

[0216] Step S405A: If a preset condition is met, a prompt message for closing the control and / or canceling the display of the additional content is displayed.

[0217] Among them, the preset conditions may be some rules pre-set on the platform side, such as the touch point of the second touch operation for the additional content entering the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion (for example, the width of the additional content remaining displayed on the content display interface is below a preset width range, or the width of the additional content remaining displayed on the content display interface is below a preset threshold).

[0218] In this embodiment, the specific content corresponding to the preset conditions is not limited and can be flexibly set according to actual application habits.

[0219] For example, Figure 4B As an example, in the video playback interface shown in Figure 4B Another adjustment process of subtitle translation is demonstrated in a dynamic way. When subtitle translation 3 overlaps with embedded subtitles in the video, you can refer to Figure 2I Adjustment process. First, the terminal responds to the touch operation on the translated subtitles 3 and controls the translated subtitles 3 to switch from the display state to the moving state. For example, in the first picture on the left, a text prompt is displayed in the top area of ​​the video screen: "Drag & release to reposition the subtitles." When this text prompt appears, it also indirectly indicates that the current translated subtitles 3 are in the moving state. Further, the display position of the translated subtitles 3 can be adjusted by dragging.

[0220] Step S406A: in response to a third touch operation on the additional content and / or in response to a selection operation of closing the control, canceling the display of the additional content.

[0221] In this embodiment, the third touch operation is a release operation of the touch operation.

[0222] Alternatively, taking video playback as an example, in actual use, the translated subtitles 3 may be dragged out of the video playback interface due to a touch operation. It should be understood that the situation where the translated subtitles 3 are dragged out of the video playback interface refers to the situation where, when the touch operation approaches the edge of the video playback interface (or reaches the edge of the video display interface), only a portion of the display area of ​​the translated subtitles 3 can be displayed on the video playback interface.

[0223] Optionally, in comparison with the first picture on the left and the second picture in the middle, when the contact track of the touch operation exceeds the video playback interface and the remaining width of the additional content displayed on the video playback interface is within a first preset width range, a prompt message for closing the control and / or closing the additional content is displayed.

[0224] For example, assuming that only half of the translated subtitles 3 can be displayed on the video playback interface, the close control in the second middle picture will appear. Similarly, when the close control appears, there may be a terminal vibration prompt or sound effect prompt. A text prompt is displayed in the top area of ​​the screen of the video playback interface: "Continue dragging to close the subtitles." Furthermore, when the terminal receives a selection operation or other form of touch operation for the close control, the translated subtitles 3 are closed (as shown in the third picture on the right).

[0225] Optionally, the additional content also corresponds to a switch control, which is used to turn on or off the display of the additional content. After executing step S405A, in response to a release of the touch operation and / or in response to a selection operation of the close control, the display of the additional content is canceled, and the state of the switch control is switched from the on state to the off state; wherein, when the switch control is in the off state, the additional content is not displayed.

[0226] It should be understood that the specific type of touch operation is not limited in the embodiments of the present application. For example, the touch operation can be at least one of a single-click operation, a double-click operation, a long-press operation, and a sliding operation on the translated subtitles 3. For example, when the terminal is a touch-enabled display device, a series of touch operations can be performed on the translated subtitles 3 using a finger.

[0227] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 4C The timing diagram of a content display method in another embodiment shown includes:

[0228] Step S401C: the terminal displays a content display interface.

[0229] Step S402C: receiving a touch operation on the additional content.

[0230] In step S403C, the terminal controls the additional content to switch from a display state to a moving state in response to the first touch operation on the additional content.

[0231] In step S404C, the terminal controls the additional content to move along with the touch point of the second touch operation in response to the second touch operation on the additional content.

[0232] In step S405C, the terminal displays a prompt message for closing the control and / or canceling the display of the additional content when a preset condition is met.

[0233] Step S406C: in response to the third touch operation on the additional content and / or in response to the selection operation of the close control, sending a close request to the server.

[0234] The close request is used to request closing of additional content.

[0235] Step S407C: The server generates closing instruction information of the additional content in response to the closing request.

[0236] Step S408C: The server sends a closing instruction message to the terminal.

[0237] Step S409C: The terminal closes the additional content according to the closing instruction information.

[0238] Exemplarily, the content display adjustment process is described in conjunction with specific application scenarios. First, it is applied to a mini-program or application that can support target published content, and the mini-program or application is pre-installed in the terminal used by the user. When the user opens the mini-program or application through the terminal, a content display interface can be displayed, on which the target media content and additional content (such as translated subtitles) are displayed. Furthermore, when the terminal detects a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state. When the terminal detects a second touch operation on the additional content, the additional content is controlled to move with the contact point of the second touch operation. When the terminal detects that the preset conditions are met, a prompt message to close the control and / or cancel the display of the additional content is displayed; when the terminal detects a third touch operation on the additional content and / or a selection operation on the close control, the additional content is closed.

[0239] In this embodiment, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. Therefore, additional content associated with the target media content can be flexibly added to the content display interface to help users better obtain relevant information about the target media content. In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state; in response to a second touch operation on the additional content, the additional content is controlled to move with the contact point of the second touch operation. When the preset conditions are met, a prompt message for closing the control and / or canceling the display of the additional content is displayed. When the terminal detects a third touch operation on the additional content and / or a selection operation on the close control, the additional content is closed. Therefore, the user side can freely adjust the display position of the additional content and / or close the additional content, thereby improving the user's viewing experience.

[0240] In a fourth exemplary embodiment, as Figure 5A As shown, a content display method is provided, which is applied to Figure 1Taking the terminal in FIG. 1 as an example, the method may include steps S501A to S506A. In which:

[0241] Step S501A: displaying a content display interface.

[0242] Step S502A: receiving a touch operation on the additional content.

[0243] Step S503A: In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state.

[0244] Step S504A: In response to a second touch operation on the additional content, controlling the additional content to move along with the touch point of the second touch operation.

[0245] For the specific implementation process and technical effects of steps 501A to 504A in the embodiment of this application, please refer to Figure 3A The descriptions of steps 301A to 304A are not repeated here.

[0246] Step S505A: If a preset condition is met, a prompt message for closing the control and / or canceling the display of the additional content is displayed.

[0247] For the specific implementation process and technical effects of step 505A in the embodiment of the present application, please refer to the relevant description of step 405A shown in Figure 4, which will not be repeated here.

[0248] Step S506A: in response to the resume event for the additional content, resume displaying the additional content in the content display interface.

[0249] Among them, the recovery event includes: the remaining width of the additional content displayed on the content display interface is greater than the upper limit of the first preset width range; and / or the percentage of the remaining width of the additional content displayed on the content display interface to the total width of the additional content is not less than a preset ratio.

[0250] For example, Figure 5B Taking the video playback interface shown in the figure as an example, see the first figure on the left. If a close control and / or a prompt to close additional content is displayed on the video playback interface, you can click the area where the close control is located and slide it inward to the video playback interface. This will then switch to the interface shown in the second figure, and the translated subtitles will be displayed on the video playback interface again.

[0251] Optionally, in addition to the above-mentioned method, the additional content can be restored to be displayed in the content display interface by clicking away from the display area of ​​the close control.

[0252] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 5C The timing diagram of the media content display method in the fourth embodiment shown includes:

[0253] Step S501C: the terminal displays a content display interface.

[0254] Step S502C: receiving a touch operation on the additional content.

[0255] In step S503C, the terminal controls the additional content to switch from a display state to a moving state in response to the first touch operation on the additional content.

[0256] Step S504C: In response to the second touch operation on the additional content, the terminal controls the additional content to move along with the touch point of the second touch operation.

[0257] In step S505C, the terminal displays a prompt message for closing the control and / or canceling the display of the additional content when a preset condition is met.

[0258] Step S506C: In response to the resume event for the additional content, a resume request is sent to the server.

[0259] The restore request is used to request restoration of the additional content.

[0260] Step S507C: The server generates restoration instruction information of the additional content in response to the restoration request.

[0261] Step S508C: The server sends the recovery instruction information to the terminal.

[0262] Step S509C: The terminal resumes displaying the additional content in the content display interface according to the resumption instruction information.

[0263] Exemplarily, the content display adjustment process is described in conjunction with a specific application scenario. First, it is applied to a mini-program or application that can support target published content, and the mini-program or application is pre-installed in the terminal used by the user. When the user opens the mini-program or application through the terminal, a content display interface can be displayed, on which the target media content and additional content (such as translated subtitles) are displayed. Furthermore, when the terminal detects a first touch operation for the additional content, the additional content is controlled to switch from a display state to a moving state. When the terminal detects a second touch operation for the additional content, the additional content is controlled to move with the contact point of the second touch operation. When the terminal detects that the preset conditions are met, a prompt message for closing the control and / or canceling the display of the additional content is displayed. If the terminal detects a recovery event for the target media content, the target media content is restored.

[0264] In this embodiment, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. Therefore, additional content associated with the target media content can be flexibly added to the content display interface to help users better obtain relevant information about the target media content. In response to a first touch operation on the additional content, the additional content is controlled to switch from a display state to a moving state; in response to a second touch operation on the additional content, the additional content is controlled to move along with the contact point of the second touch operation. When the preset conditions are met, a prompt message for closing the control and / or canceling the display of the additional content is displayed. In response to a restore event for the additional content, the additional content is restored to display in the content display interface. Therefore, if the additional content is mistakenly operated and the dragging trajectory exceeds the content display interface, the additional content can be restored to display in the content display interface through a restore event.

[0265] In a fifth exemplary embodiment, as Figure 6A As shown, a content display method is provided, which is applied to Figure 1 Taking the terminal in FIG. 1 as an example, the method may include steps S601A to S605A.

[0266] Step S601A: displaying a content display interface.

[0267] Step S602A: receiving a touch operation on the additional content.

[0268] Step S603A: Based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation.

[0269] For the specific implementation process and technical effects of steps 601A to 603A in the embodiment of this application, please refer to Figure 2A The descriptions of steps 201A to 203A are not repeated here.

[0270] Step S604A: Determine a non-displayable area in the content display interface.

[0271] Among them, the non-displayable area includes: the main text module located at the bottom of the content display interface, the operation prompt module located at the top of the content display interface, and the target control of the horizontal screen; among them, there is no overlap between the displayable area and the non-displayable area of ​​the additional content.

[0272] It should be understood that the embodiments of the present application do not limit the location of the non-displayable area. Generally speaking, the platform can set a rough area based on different user device parameters, such as an area where user interface components are more distributed, or an area where other text, pictures, videos, function controls and other content often appear.

[0273] Step S605A: In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0274] For the specific implementation process and technical effects of step 605A in the embodiment of this application, please refer to Figure 2A The description of step 204A is omitted here.

[0275] For example, Figure 6B 、 Figure 6C Taking the video playback interface shown as an example, a non-displayable area can be set in the top area of ​​the video playback interface, and another non-displayable area can be set in the bottom area of ​​the video playback interface. Optionally, the number of non-displayable areas is not limited in this embodiment. For example, a third non-displayable area can be set in the middle area of ​​the video playback interface to prevent the translated subtitles from falling into the middle of the video playback interface, causing the translated subtitles to block the key area of ​​the video content. Figure 6B 、 Figure 6C As can be seen, the displayable area of ​​the additional content is located between the upper and lower non-displayable areas, and the display area of ​​the additional content is pre-divided into multiple displayable positions. The spacing between the displayable positions is equal. When the additional content follows the touch point of the touch operation and the touch position falls into a displayable position, the displayable position is used as the target displayable position, and the additional content is placed in the target displayable position and displayed according to the preset display mode (for example, center, top alignment, baseline alignment, etc.).

[0276] For example, Figure 6D Taking the video playback interface shown as an example, a non-displayable area can be set at the top area of ​​the video playback interface, and another non-displayable area can be set at the bottom area of ​​the video playback interface. Figure 6D It can be seen that the displayable area of ​​the additional content is between the upper and lower non-displayable areas, and the displayable area of ​​the additional content is pre-divided into multiple displayable positions. Among them, the various displayable positions are not distributed at equal intervals. For example, the displayable positions near the middle of the video playback interface are wider, and the displayable positions near the upper and lower sides of the video playback interface are narrower. When the additional content moves with the touch point of the touch operation, and the position of the touch point falls into a certain displayable position, the content display position is used as the target displayable position, and the additional content is placed in the target displayable position and displayed according to the preset display method (for example: centering, top alignment, baseline alignment, etc.).

[0277] It should be understood that this embodiment does not limit the specific number of displayable bits and the height of each displayable bit. In actual applications, those skilled in the art can flexibly adjust it according to the user's viewing habits and video viewing feedback.

[0278] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 6E The timing diagram of the content display method in the fifth embodiment shown includes:

[0279] Step S601E: The terminal displays a content display interface.

[0280] Step S602E: The terminal receives a touch operation on the additional content.

[0281] In step S603E, the terminal controls the additional content to move along with the touch point corresponding to the touch operation based on the touch operation.

[0282] Step S604E: The terminal determines a non-displayable area in the content display interface.

[0283] There is no overlap between the displayable area and the non-displayable area of ​​the additional content.

[0284] Step S605E: The terminal sends a display adjustment request to the server.

[0285] Step S606E: The server generates adjustment instruction information of the additional content in response to the display adjustment request.

[0286] Step S607E: The server sends the adjustment instruction information to the terminal.

[0287] Step S608E: The terminal adjusts the display position of the additional content within the displayable area of ​​the additional content according to the adjustment instruction information.

[0288] For example, combined Figure 2I The embodiment shown, Figure 6B or Figure 6C The illustrated embodiment describes the content display adjustment process in conjunction with a specific application scenario. First, it is applied to a mini-program or application that can support target published content, and the mini-program or application is pre-installed in the terminal used by the user. When the user opens the mini-program or application through the terminal, a content display interface can be displayed, on which the target media content and additional content (such as translated subtitles) are displayed. The platform can determine the non-displayable area of ​​the terminal content display interface based on the device parameters of the terminal, wherein there is no overlap between the displayable area and the non-displayable area of ​​the additional content. Furthermore, when the terminal detects a touch operation on the additional content, the display position of the additional content is adjusted within the displayable area of ​​the additional content.

[0289] In this embodiment, a content display interface is displayed, which displays the target media content and the additional content associated with the target media content. Thus, the additional content associated with the target media content can be flexibly added to the content display interface, helping the user to better obtain relevant information about the target media content. A non-displayable area of ​​the content display area is determined. In response to a touch operation on the additional content, the display position of the additional content is adjusted within the displayable area of ​​the additional content, wherein there is no overlap between the displayable area and the non-displayable area of ​​the additional content. Thus, the adjustment position of the additional content can be limited by setting the non-displayable area, preventing the display position of the additional content from affecting the normal display of the content in the non-displayable area.

[0290] In a sixth exemplary embodiment, as Figure 7A As shown, a content display method is provided, which is applied to Figure 1 Taking the terminal in FIG. 1 as an example, the method may include steps S701A to S706A.

[0291] Step S701A: display the content display interface.

[0292] For the specific implementation process and technical effects of step S701A in the embodiment of this application, please refer to Figure 2A The description of step S201A is omitted here.

[0293] Step S702A: receiving an adjustment operation for the additional content.

[0294] Step S703A: In response to the adjustment operation, the display parameters of the attachment content are adjusted.

[0295] The display parameters include at least one of font, transparency, and style.

[0296] In this embodiment, the display parameters of the attached content can be adjusted by adjusting the attached content. For example, you can right-click the display area of ​​the attached content and then adjust the display parameters of the attached content in the pop-up dialog box. Optionally, you can adjust the font type and / or font size of the attached content. You can also adjust the transparency of the background area or font of the attached content.

[0297] Exemplarily, in response to the adjustment operation, at least one parameter adjustment control is displayed on the content display interface; and the display parameters of the attachment content are adjusted based on the parameter adjustment control.

[0298] In this embodiment, the parameter adjustment control for the additional content is originally in a hidden state. When an adjustment operation for the additional content is received, at least one parameter adjustment control will be displayed on the content display interface; thereby, the display parameters of the attachment content can be adjusted based on the parameter adjustment control.

[0299] Step S704A: receiving a touch operation on the additional content.

[0300] Step S705A: Based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation.

[0301] Step S706A: In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

[0302] For the specific implementation process and technical effects of steps S704A to S706A in the embodiment of this application, please refer to Figure 2A The descriptions of steps S202A to S204A are not repeated here.

[0303] In one embodiment, the live broadcast display method is implemented by the interaction between the server 104 and the terminal 102 as an example. Figure 1 The description is based on the application environment shown in Figure 7B The timing diagram of the content display method in the sixth embodiment shown includes:

[0304] Step S701B: the terminal displays a content display interface.

[0305] Step S702B: The terminal receives an adjustment operation for the additional content.

[0306] Step S703B: In response to the adjustment operation, the terminal sends a parameter adjustment request to the server.

[0307] Step S704B: The server generates parameter indication information of the additional content in response to the parameter adjustment request.

[0308] Step S705B: The server sends parameter indication information to the terminal.

[0309] Step S706B: The terminal adjusts the display parameters of the attachment content according to the parameter indication information.

[0310] Step S707B: The terminal receives a touch operation on the additional content.

[0311] In step S708B, the terminal controls the additional content to move along with the touch point corresponding to the touch operation based on the touch operation.

[0312] Step S709B: The terminal sends a display adjustment request to the server.

[0313] Step S710B: The server generates adjustment instruction information of the additional content in response to the display adjustment request.

[0314] Step S711B: The server sends the adjustment instruction information to the terminal.

[0315] In step S712B, the terminal adjusts the display position of the additional content within the displayable area of ​​the additional content according to the adjustment instruction information.

[0316] In this embodiment, a content display interface is displayed, which displays target media content and additional content associated with the target media content. This allows for flexible addition of additional content associated with the target media content to the content display interface, helping users better access relevant information about the target media content. An adjustment operation for the additional content is received; in response to the adjustment operation, the display parameters of the attached content are adjusted, allowing the user to proactively initiate adjustment of the display parameters for the additional content, thereby personalizing the additional content. A touch operation for the additional content is received; based on the touch operation, the additional content is controlled to move along the touch point corresponding to the touch operation. This allows the user to proactively initiate adjustment of the display position of the additional content. In response to releasing the touch operation, the display position of the additional content is determined based on the current position of the touch point. This prevents overlapping of the additional content with user interface components displayed on the content display interface or embedded subtitles of the target media content, thereby improving the content display effect and user viewing experience.

[0317] It should be understood that, although the steps in the flowcharts of the above embodiments are shown in sequence as indicated by the arrows, these steps are not necessarily performed in the order indicated by the arrows. Unless otherwise specified herein, there is no strict order restriction on the execution of these steps, and these steps can be performed in other orders. Moreover, at least a portion of the steps in the flowcharts of the above embodiments may include multiple steps or multiple stages, and these steps or stages are not necessarily performed at the same time, but can be performed at different times. The execution order of these steps or stages is not necessarily to be performed in sequence, but can be performed in turn or alternately with other steps or at least a portion of steps or stages in other steps.

[0318] Based on the same inventive concept, the present application also provides a content display device for implementing the aforementioned content display method. The solution provided by this device is similar to the solution described in the aforementioned method. Therefore, the specific limitations of one or more content display device embodiments provided below can be found in the above-mentioned limitations of the media content display method and will not be repeated here.

[0319] In an exemplary embodiment, Figure 8As shown, a content display device is provided, including: a display module 801, a receiving module 802, a moving module 803 and a determining module 804, wherein:

[0320] Display module 801, configured to display a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content;

[0321] A receiving module 802 is configured to receive a touch operation on additional content;

[0322] A movement module 803, configured to control the movement of the additional content along with the touch point corresponding to the touch operation based on the touch operation;

[0323] The determination module 804 is configured to determine a display position of the additional content based on a current position of the touch point in response to a release operation of the touch operation.

[0324] In some embodiments, the movement module 803 is further configured to: in response to a touch operation on the additional content, control the additional content to switch from a display state to a move state and / or display a corresponding movable marker.

[0325] In some embodiments, the movement module 803 is specifically used to: determine a first coordinate range corresponding to a display area of ​​the additional content; determine a second coordinate range corresponding to a display area of ​​the native content of the additional content in the target media content; detect whether there is overlap between the first coordinate range and the second coordinate range, and if there is overlap, determine that the additional content obstructs the native content corresponding to the additional content in the target media content; if there is no overlap, determine that the additional content does not obstruct the native content corresponding to the additional content in the target media content; in the case where the additional content obstructs the native content corresponding to the additional content in the target media content, control the additional content to switch from a display state to a moving state and / or display a corresponding movable marker; or,

[0326] When the additional content does not block the native content corresponding to the additional content in the target media content, the additional content is controlled to maintain a display state; the display state means that the additional content does not move with the touch point corresponding to the touch operation.

[0327] In some embodiments, the movement module 803 is specifically used to: control the additional content to maintain a display state when the additional content does not block the native content corresponding to the additional content in the target media content; the display state means that the additional content does not move with the touch point corresponding to the touch operation.

[0328] In some embodiments, the content display interface includes multiple displayable areas for additional content, each displayable area having a corresponding displayable position; the determination module 804 is specifically used to: determine the target displayable area where the current position of the touch point is located on the content display interface; and determine that the displayable position corresponding to the target displayable area is the display position of the additional content.

[0329] In some embodiments, the determination module 804 is specifically used to: in response to a release operation of the touch operation, cancel the display of the additional content when the current position of the touch point is located in the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion.

[0330] In some embodiments, the determination module 804 is specifically used to: in response to a release operation of the touch operation, cancel the display of the additional content when the current position of the touch point is located in the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion.

[0331] In some embodiments, the display module 801 is also used to display a prompt message for closing controls and / or canceling the display of additional content in response to a release operation of a touch operation when the current position of the touch point is located in the edge area of ​​the content display interface and / or the additional content displayed on the content display interface is less than a preset proportion.

[0332] In some embodiments, the moving module 803 is also used to display a prompt message for closing controls and / or canceling the display of additional content when the contact point is located in the edge area of ​​the content display interface and / or the additional content displayed on the content display interface is less than a preset proportion. The closing control is used to cancel the display of additional content.

[0333] In some embodiments, the additional content further corresponds to a switch control, which is used to turn on or off the display of the additional content;

[0334] The above-mentioned device also includes: a closing module 805, which is used to cancel the display of the additional content in response to a release operation of a touch operation and / or a selection operation of the close control after displaying the prompt information for closing the control and / or canceling the display of the additional content, and switch the state of the switch control from the on state to the off state; wherein, when the switch control is in the off state, the additional content is not displayed.

[0335] In some embodiments, the determination module 804 is further used to: determine the non-displayable area in the content display interface, the non-displayable area includes: the main text module located at the bottom of the content display interface, the operation prompt module located at the top of the content display interface, and the target control of the horizontal screen; wherein, there is no overlap between the displayable area of ​​the additional content and the non-displayable area.

[0336] In some embodiments, as the additional content moves along with the touch point corresponding to the touch operation, the additional content changes along with the display progress of the target media content.

[0337] In some embodiments, the above apparatus may further include: an adjustment module 806;

[0338] The receiving module 802 is further configured to receive an adjustment operation for the additional content; and respond to the adjustment operation;

[0339] The adjustment module 806 is used to adjust the display parameters of the attachment content, where the display parameters include at least one of font, transparency, and style.

[0340] In some embodiments, the adjustment module 806 is specifically configured to: display at least one parameter adjustment control on the content display interface in response to an adjustment operation; and adjust display parameters of the attachment content based on the parameter adjustment control.

[0341] In some embodiments, the additional content includes at least one of the following:

[0342] Translated subtitles corresponding to the original subtitles in the target media content;

[0343] Annotations corresponding to at least a portion of the words in the native subtitles in the target media content;

[0344] The text description corresponding to the native image in the target media content;

[0345] The text description corresponding to the native video in the target media content;

[0346] The associated video or associated image corresponding to the native image in the target media content;

[0347] The associated video or image corresponding to the native video in the target media content.

[0348] In this embodiment, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. Therefore, additional content associated with the target media content can be flexibly added to the content display interface, helping users to better obtain relevant information about the target media content. A touch operation for the additional content is received; based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation. Therefore, the user side can actively initiate the adjustment of the display position of the additional content. In response to the release operation of the touch operation, the display position of the additional content is determined based on the current position of the touch point. This avoids overlapping and interlacing of the additional content with the user interface components displayed on the content display interface or the embedded subtitles of the target media content, thereby improving the content display effect and the user viewing experience.

[0349] Each module in the above-mentioned content display device can be implemented in whole or in part through software, hardware, or a combination thereof. Each of the above-mentioned modules can be embedded in or independent of the processor of the computer device in hardware form, or can be stored in the memory of the computer device in software form, so that the processor can call and execute the corresponding operations of each of the above modules.

[0350] In an exemplary embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as shown in FIG. Figure 9 As shown. The computer device includes a processor, a memory, an input / output interface, a communication interface, a display unit and an input device. The processor, the memory and the input / output interface are connected via a system bus, and the communication interface, the display unit and the input device are connected to the system bus via the input / output interface. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The input / output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be achieved through WIFI, a mobile cellular network, near field communication (NFC) or other technologies. When the computer program is executed by the processor, a content display method is implemented. The display unit of the computer device is used to form a visually visible picture, which can be a display screen, a projection device or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a button, trackball or touchpad set on the computer device casing, or an external keyboard, touchpad or mouse.

[0351] Those skilled in the art will understand that Figure 9 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than shown in the figure, or combine certain components, or have a different component arrangement.

[0352] In an exemplary embodiment, a computer device is provided, comprising a memory and a processor, wherein a computer program is stored in the memory, and when the processor executes the computer program, the following steps are implemented: displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content; receiving a touch operation for the additional content; controlling the additional content to move along with a touch point corresponding to the touch operation based on the touch operation; and determining a display position of the additional content based on a current position of the touch point in response to a release operation of the touch operation.

[0353] In some embodiments, the processor is further used to control the additional content to switch from a display state to a moving state and / or display a corresponding movable marker in response to a touch operation on the additional content before controlling the additional content to move with the touch point corresponding to the touch operation based on the touch operation.

[0354] In some embodiments, the processor is further configured to determine a first coordinate range corresponding to a display area of ​​the additional content; determine a second coordinate range corresponding to a display area of ​​native content of the additional content in the target media content; detect whether there is overlap between the first coordinate range and the second coordinate range, and if there is overlap, determine that the additional content obstructs the native content corresponding to the additional content in the target media content; if there is no overlap, determine that the additional content does not obstruct the native content corresponding to the additional content in the target media content; in the case where the additional content obstructs the native content corresponding to the additional content in the target media content, control the additional content to switch from a display state to a movable state and / or display a corresponding movable marker; or,

[0355] When the additional content does not block the native content corresponding to the additional content in the target media content, the additional content is controlled to maintain a display state; the display state means that the additional content does not move with the touch point corresponding to the touch operation.

[0356] In some embodiments, the content display interface includes multiple displayable areas for additional content, each displayable area having a corresponding displayable position; the processor is further used to determine the target displayable area where the current position of the touch point is located on the content display interface; and determine the displayable position corresponding to the target displayable area as the display position of the additional content.

[0357] In some embodiments, the processor is further configured to cancel display of the additional content in response to a release of the touch operation when the current position of the touch point is located in an edge area of ​​the content display interface and / or when the additional content displayed on the content display interface is less than a preset proportion.

[0358] In some embodiments, the processor is also used to display a prompt message to close the control and / or cancel the display of additional content when the contact is located in the edge area of ​​the content display interface and / or the additional content displayed on the content display interface is less than a preset proportion. The close control is used to cancel the display of additional content.

[0359] In some embodiments, the additional content also corresponds to a switch control, which is used to turn on or off the display of the additional content; the processor is also used to cancel the display of the additional content in response to a release operation of a touch operation and / or a selection operation of a close control after displaying the close control and / or canceling the display of the additional content, and switch the state of the switch control from an on state to an off state; wherein, when the switch control is in the off state, the additional content is not displayed.

[0360] In some embodiments, the processor is further used to determine a non-displayable area in the content display interface before determining the display position of the additional content based on the current position of the touch point in response to a release operation of the touch operation, the non-displayable area including: a main text module located at the bottom of the content display interface, an operation prompt module located at the top of the content display interface, and a target control in a horizontal screen; wherein, there is no overlap between the displayable area and the non-displayable area of ​​the additional content.

[0361] In some embodiments, as the additional content moves along with the touch point corresponding to the touch operation, the additional content changes along with the display progress of the target media content.

[0362] In some embodiments, the processor is further configured to adjust display parameters of the attachment content in response to the adjustment operation, where the display parameters include at least one of font, transparency, and style.

[0363] In some embodiments, the processor is specifically configured to: display at least one parameter adjustment control on the content display interface in response to an adjustment operation; and adjust display parameters of the attachment content based on the parameter adjustment control.

[0364] In some embodiments, the additional content includes at least one of the following:

[0365] Translated subtitles corresponding to the original subtitles in the target media content;

[0366] Annotations corresponding to at least a portion of the words in the native subtitles in the target media content;

[0367] The text description corresponding to the native image in the target media content;

[0368] The text description corresponding to the native video in the target media content;

[0369] The associated video or associated image corresponding to the native image in the target media content;

[0370] The associated video or image corresponding to the native video in the target media content.

[0371] In this embodiment, a content display interface is displayed, which displays the target media content and additional content associated with the target media content. Therefore, additional content associated with the target media content can be flexibly added to the content display interface, helping users to better obtain relevant information about the target media content. A touch operation for the additional content is received; based on the touch operation, the additional content is controlled to move along with the touch point corresponding to the touch operation. Therefore, the user side can actively initiate the adjustment of the display position of the additional content. In response to the release operation of the touch operation, the display position of the additional content is determined based on the current position of the touch point. This avoids overlapping and interlacing of the additional content with the user interface components displayed on the content display interface or the embedded subtitles of the target media content, thereby improving the content display effect and the user viewing experience.

[0372] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps in the above-mentioned method embodiments are implemented.

[0373] In one embodiment, a computer program product is provided, including a computer program, which implements the steps in the above method embodiments when executed by a processor.

[0374] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant regulations.

[0375] Those skilled in the art will appreciate that all or part of the processes in the above-mentioned embodiments can be implemented by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, database or other media used in the embodiments provided in this application may include at least one of non-volatile memory and volatile memory. Non-volatile memory may include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory may include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in the various embodiments provided herein may include at least one of a relational database and a non-relational database. Non-relational databases may include, but are not limited to, distributed databases based on blockchains. The processor involved in the various embodiments provided herein may be, but are not limited to, a general-purpose processor, a central processing unit (CPU), a graphics processing unit (GPU), a digital signal processor (DSP), a programmable logic unit (PLC), a data processing logic unit based on quantum computing, an artificial intelligence (AI) processor, and the like.

[0376] The technical features of the above embodiments can be combined arbitrarily. In order to make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0377] The above embodiments merely illustrate several implementation methods of the present application. While the descriptions are relatively specific and detailed, they should not be construed as limiting the scope of the present invention. It should be noted that a person skilled in the art may make various modifications and improvements without departing from the spirit of the present invention, all of which fall within the scope of protection of the present application. Therefore, the scope of protection of the present application shall be determined by the appended claims.

Claims

1. A content display method, characterized in that: The method comprises: displaying a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content; receiving a touch operation on the additional content; Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation; In response to a release operation of the touch operation, a display position of the additional content is determined based on a current position of the touch point.

2. The method according to claim 1, characterized in that Before controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation, the method further includes: In response to a touch operation on the additional content, the additional content is controlled to switch from a display state to a movable state and / or a corresponding movable mark is displayed.

3. The method according to claim 2, characterized in that The step of controlling the additional content to switch from a display state to a movable state and / or displaying a corresponding movable marker in response to a touch operation on the additional content includes: Determining a first coordinate range corresponding to a display area of ​​the additional content; Determining a second coordinate range corresponding to a display area of ​​the native content of the additional content in the target media content; detecting whether there is overlap between the first coordinate range and the second coordinate range; if so, determining that the additional content obstructs the native content corresponding to the additional content in the target media content; and if not, determining that the additional content does not obstruct the native content corresponding to the additional content in the target media content; When the additional content blocks the native content corresponding to the additional content in the target media content, controlling the additional content to switch from a display state to a movable state and / or displaying a corresponding movable marker; or When the additional content does not block the native content corresponding to the additional content in the target media content, the additional content is controlled to maintain a display state; the display state means that the additional content does not move with the touch point corresponding to the touch operation.

4. The method according to claim 1, wherein The content display interface includes a plurality of displayable areas for additional content, each displayable area having a corresponding displayable position; The determining the display position of the additional content based on the current position of the touch point includes: On the content display interface, determining a target displayable area where the current position of the touch point is located; The displayable position corresponding to the target displayable area is determined as the display position of the additional content.

5. The method according to claim 1, wherein The step of determining, in response to a release operation of the touch operation, a display position of the additional content based on a current position of the touch point includes: In response to a release operation of the touch operation, when the current position of the touch point is located in an edge area of ​​the content display interface and / or the additional content displayed on the content display interface is less than a preset proportion, the additional content is canceled from being displayed.

6. The method according to claim 1, characterized in that Controlling the additional content to move along with the touch point corresponding to the touch operation based on the touch operation further includes: When the contact point is located in the edge area of ​​the content display interface, and / or the additional content displayed on the content display interface is less than a preset proportion, a close control and / or a prompt message for canceling the display of the additional content is displayed, and the close control is used to cancel the display of the additional content.

7. The method according to claim 6, characterized in that The additional content also corresponds to a switch control, and the switch control is used to turn on or off the display of the additional content; After displaying the prompt information for closing the control and / or canceling the display of the additional content, the method further includes: In response to a release operation of the touch operation and / or in response to a selection operation of the close control, the additional content is canceled from being displayed, and the state of the switch control is switched from an on state to an off state; wherein, when the switch control is in the off state, the additional content is not displayed.

8. The method according to any one of claims 1 to 7, characterized in that Before determining the display position of the additional content based on the current position of the touch point in response to a release operation of the touch operation, the method further includes: Determine a non-displayable area in the content display interface, where the non-displayable area includes: a main text module located at the bottom of the content display interface, an operation prompt module located at the top of the content display interface, and a target control in a horizontal screen; wherein there is no overlap between the displayable area of ​​the additional content and the non-displayable area.

9. The method according to any one of claims 1 to 7, characterized in that In the process of the additional content moving along with the touch point corresponding to the touch operation, the additional content changes along with the display progress of the target media content.

10. The method according to any one of claims 1 to 7, characterized in that After displaying the content display interface, the method further includes: receiving an adjustment operation for the additional content; In response to the adjustment operation, the display parameters of the attachment content are adjusted, where the display parameters include at least one of font, transparency, and style.

11. The method according to claim 10, characterized in that The adjusting, in response to the adjustment operation, display parameters of the attachment content includes: In response to the adjustment operation, displaying at least one parameter adjustment control on the content display interface; The display parameters of the attachment content are adjusted based on the parameter adjustment control.

12. The method according to any one of claims 1 to 7, characterized in that The additional content includes at least one of the following: translated subtitles corresponding to the original subtitles in the target media content; Annotations corresponding to at least a portion of the words in the native subtitles in the target media content; A text description corresponding to the native image in the target media content; A text description corresponding to the native video in the target media content; The associated video or associated picture corresponding to the original picture in the target media content; The associated video or associated image corresponding to the native video in the target media content.

13. A content display device, characterized in that: The device comprises: A display module, configured to display a content display interface, wherein the content display interface displays target media content and additional content associated with the target media content; A receiving module, configured to receive a touch operation on the additional content; A movement module, configured to control the additional content to move along with a touch point corresponding to the touch operation based on the touch operation; The determining module is configured to determine a display position of the additional content based on a current position of the touch point in response to a release operation of the touch operation.

14. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 12 are implemented.

15. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

16. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 12 are implemented.

Images