Comment display method and device

By creating a rendering layer to render comment areas and pages in the full-screen playback page, the problem of not being able to view comments during full-screen playback is solved, and the effect of viewing comments while watching videos is achieved, improving the user experience.

CN115942026BActive Publication Date: 2025-08-05SHANGHAI BILIBILI TECH CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202211648713.X
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-12-21
Publication Date
2025-08-05
Estimated Expiration
2042-12-21

AI Technical Summary

Technical Problem

When playing videos in full screen, users cannot view comments without logging out of the video page, resulting in troublesome and inefficient operations, affecting the user experience.

Method used

Create a first render layer rendering comment area in the full screen play page, display specific comments, and render comment page on the second render layer by triggering the setting element, including specific comments and other comments.

Benefits of technology

It realizes that you can view comments without quitting the video page during full-screen playback of videos. It is simple and efficient, improving the user's viewing experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115942026B_ABST
    Figure CN115942026B_ABST
Patent Text Reader

Abstract

The present application provides a comment display method and device, wherein the comment display method includes: creating a first rendering layer at the first position of the target video screen in the full-screen playback page, and rendering the comment area with a first animation special effect in the first rendering layer, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated with the playback status of the target video; in response to a trigger operation on a set element in the comment area, creating a second rendering layer at the second position of the target video screen in the full-screen playback page, and rendering the comment page with a second animation special effect in the second rendering layer, wherein the comment page includes specific comments and other comments on the target video. In this way, comments can be seen without exiting the full-screen playback page, achieving the effect of watching comments while watching the video, simple operation and high efficiency, and improving the user's viewing experience.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and more particularly to a comment display method, a comment display device, a computing device, and a computer-readable storage medium. Background Art

[0002] With the development of Internet technology, multimedia information dissemination based on smart terminals is becoming more and more common. For example, users can use terminals to watch videos. Since full-screen playback can bring users a more immersive and engaging playback experience, more users will choose to play videos in full screen.

[0003] However, more and more users now hope to view comments while watching videos and see other users' evaluation of the videos. However, in related technologies, comments can only be displayed in half-screen state. If users want to read the comments, they need to exit the full-screen page and can no longer watch the video normally. The cumbersome operation leads to low efficiency and affects the user's viewing experience. Summary of the Invention

[0004] In view of this, the present invention provides a review display method, a review display device, a computing device, and a computer-readable storage medium to solve the problem of low efficiency caused by cumbersome operation in the prior art.

[0005] According to a first aspect of an embodiment of the present application, a comment display method is provided, comprising:

[0006] Creating a first rendering layer at a first position of a target video screen in a full-screen playback page, and rendering a comment area in the first rendering layer using a first animation special effect, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated according to the playback status of the target video;

[0007] In response to a triggering operation on setting an element in the comment area, a second rendering layer is created at a second position of the target video screen in the full-screen playback page, and a comment page is rendered with a second animation special effect on the second rendering layer, wherein the comment page includes the specific comment and other comments on the target video.

[0008] According to a second aspect of an embodiment of the present application, a review display device is provided, comprising:

[0009] A first rendering module is configured to create a first rendering layer at a first position of a target video screen in a full-screen playback page, and render a comment area in the first rendering layer using a first animation special effect, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated according to the playback status of the target video;

[0010] The second rendering module is configured to create a second rendering layer at a second position of the target video screen in the full-screen playback page in response to a trigger operation on a set element in the comment area, and render a comment page with a second animation special effect on the second rendering layer, wherein the comment page includes the specific comment and other comments on the target video.

[0011] According to a third aspect of an embodiment of the present application, a computing device is provided, comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, wherein the processor implements the steps of the comment display method when executing the computer instructions.

[0012] According to a fourth aspect of an embodiment of the present application, a computer-readable storage medium is provided, which stores computer instructions. When the computer instructions are executed by a processor, the steps of the comment display method are implemented.

[0013] The comment display method provided by the present application creates a first rendering layer at the first position of the target video screen in the full-screen playback page, and renders the comment area with a first animation effect in the first rendering layer, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated with the playback status of the target video; in response to the triggering operation of the set element in the comment area, creates a second rendering layer at the second position of the target video screen in the full-screen playback page, and renders the comment page with a second animation effect in the second rendering layer, wherein the comment page includes specific comments and other comments of the target video. The above method displays a comment area including some specific comments on the target video screen of the target video during the full-screen playback of the target video, uses the comment area as the entrance to the comment display page, and then renders a comment page including more comments by triggering the set element in the comment area. Since the comment area and the comment page are both displayed on the target video screen of the full-screen playback page, the comments can be seen without exiting the full-screen playback page, thereby achieving the effect of watching comments while watching the video. The operation is simple and efficient, which improves the user's viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0014] Figure 1 A flowchart of a comment display method provided according to an embodiment of the present application is shown;

[0015] Figure 2 A processing flow chart of a comment display method applied to a full-screen video playback scenario provided in accordance with an embodiment of the present application is shown;

[0016] Figure 3 A schematic diagram showing a comment area in a full-screen playback page according to an embodiment of the present application is shown;

[0017] Figure 4 A schematic diagram showing another comment area in a full-screen playback page provided according to an embodiment of the present application is shown;

[0018] Figure 5 A schematic diagram of a comment page in a full-screen playback page provided according to an embodiment of the present application is shown;

[0019] Figure 6 A schematic diagram of another comment page in a full-screen playback page provided according to an embodiment of the present application is shown;

[0020] Figure 7 A schematic structural diagram of a review display device provided according to an embodiment of the present application is shown;

[0021] Figure 8 A structural block diagram of a computing device provided according to an embodiment of the present application is shown. DETAILED DESCRIPTION

[0022] The following description sets forth many specific details to facilitate a thorough understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the scope of the present application. Therefore, the present application is not limited to the specific implementations disclosed below.

[0023] The terms used in one or more embodiments of the present application are for the purpose of describing specific embodiments only and are not intended to limit one or more embodiments of the present application. The singular forms "a", "the" and "the" used in one or more embodiments of the present application and the appended claims are also intended to include plural forms, unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used in one or more embodiments of the present application refers to and includes any or all possible combinations of one or more associated listed items.

[0024] It should be understood that although the terms first, second, etc. may be used to describe various information in one or more embodiments of the present application, such information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of one or more embodiments of the present application, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0025] It should be noted that the user-related information and user-related data involved in the embodiments of the present application are all information and data authorized by the user or fully authorized by all parties.

[0026] First, the terms involved in one or more embodiments of the present application are explained.

[0027] Target video screen: the video screen of the target video.

[0028] Specific comments: Popular comments or comments from specific users.

[0029] Set element: any element in the comment area, which can be a specific comment, any text, blank area, control, etc.

[0030] Secondly, the application scenarios of the comment display method provided by one or more embodiments of the present application are briefly introduced.

[0031] Compared with mobile phones, users are more inclined to watch long videos on tablets. Currently, full-screen playback is the mainstream scenario used by users in tablet video apps (Applications), and its contribution to viewing time is significantly higher than that of half-screen playback. Full-screen playback can bring users a more immersive and engaging playback experience. Judging from user feedback, the demand for reading comments while watching videos is still relatively strong, especially for those long videos, users will have a stronger demand for comments. However, currently viewing the comment area in the half-screen scene is a common product form, and accessing the comment area in the full-screen scene is relatively rare.

[0032] To this end, this application provides a comment display method that can display comments on the full-screen playback page, allowing users to watch videos more immersively, and ultimately increase the number of visitor visits, user downloads, usage, and other user usage of the product.

[0033] In this application, a comment display method is provided. This application also relates to a comment display device, a computing device, and a computer-readable storage medium, which are described in detail one by one in the following embodiments.

[0034] Figure 1 A flowchart of a comment display method according to an embodiment of the present application is shown, which specifically includes the following steps:

[0035] Step 102: Create a first rendering layer at the first position of the target video screen in the full-screen playback page, and render the comment area with a first animation special effect on the first rendering layer, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated with the playback status of the target video.

[0036] The first position can be an edge position in the target video screen and can be set according to actual needs. For example, the first position can be the top, bottom, left, and right sides of the target video screen or a corner such as the lower left corner or the lower right corner, so as to reduce the occlusion of the comment area on the target video.

[0037] As an example, the first rendering layer may be a widget rendering layer, and the first animation effect may be any custom animation.

[0038] As an example, the comment area can be understood as the entrance to the comment page. Displaying at least one specific comment in the comment area is to enable users to quickly see some specific comments and meet the user's need to view comments while watching the target video in full screen. If the user wants to see more comments, the display of the comment page can be triggered through the comment area.

[0039] In a specific implementation, when rendering the comment area, the transparency of the comment area can be set to reduce the impact of the comment area display on the user's viewing of the target video. In addition, the size of the comment area can be set to be much smaller than the screen size, but still large enough to clearly see at least one specific comment displayed.

[0040] In some embodiments, since there are usually a large number of comments on the target video, the comment area, as an entry to trigger the display of the comment page, may only display some specific comments. Therefore, it is necessary to first determine the specific comments from multiple comments.

[0041] That is, before the first rendering layer renders the comment area with the first animation effect, the method further includes: obtaining multiple comments on the target video; and selecting at least one specific comment from the multiple comments according to the popularity of each comment.

[0042] As an example, the popularity of each comment can be determined based on at least one of the number of likes, the number of favorites, the number of views, the number of replies to the comment, and the level of the user who posted the comment.

[0043] In a specific implementation, multiple comments for the target video can be obtained from the server, and then the comments can be sorted in descending order based on the popularity of each comment, and the top N comments can be selected as specific comments. Alternatively, based on the popularity of each comment, comments with a popularity greater than a preset threshold can be selected as specific comments. Where N is a positive integer greater than 0, and both N and the preset threshold can be set by default by the device or according to actual needs, and this embodiment of the application does not limit this.

[0044] In an embodiment of the present application, specific comments are selected from multiple comments of the target video and displayed in the comment area, which not only provides a comment entry, but also allows users to see specific comments without the need for user operation, and does not affect the user's viewing of the target video, thereby giving users a better user experience.

[0045] In some embodiments, after determining at least one specific comment, the specific comment can be displayed in the target video screen. Since the full-screen playback page includes not only the target video screen but also some playback controls, these playback controls and the target video screen are displayed on different rendering layers, and these different rendering layers have different levels. In this solution, if the levels of the two rendering layers are the same, the display states of the elements displayed in the two rendering layers are synchronized. If the levels of the two rendering layers are different, the display states of the elements displayed in the two rendering layers do not affect each other.

[0046] Therefore, two implementation methods are included when creating the first rendering layer.

[0047] The first implementation method: the first rendering layer is at the same level as the rendering layer that displays the playback controls (playback control rendering layer). If the playback controls are displayed, the comment area in the first rendering layer is displayed; if the playback controls are hidden, the comment area in the first rendering layer is hidden.

[0048] Therefore, the comment display method further includes: displaying the playback control and the comment area when a display instruction for the playback control is detected.

[0049] That is to say, since the display of the playback control is synchronized with the display of the comment area, when a display instruction for the playback control is detected, not only the playback control will be displayed, that is, the playback control will be adjusted to the display state, but the comment area will also be displayed, that is, the comment area will be adjusted to the display state.

[0050] For example, if a user clicks anywhere on the target video screen in full-screen playback using a mouse or manually, the client will receive a command to display the playback controls, and the playback controls and comment area will be displayed. If no operation is performed on the screen for a long time, the playback controls and comment area will be hidden.

[0051] In an embodiment of the present application, the comment area is not always displayed in the target video screen. Instead, the comment area is set to be synchronized with the display of the playback controls, which can flexibly display the comment area, reduce the occlusion of the target video screen by the comment area, and thereby reduce the impact on the user's viewing of the target video.

[0052] The second implementation method: The first rendering layer is at the same level as the rendering layer displaying the target video. If the target video is displayed, the comment area in the first rendering layer is displayed. In this case, as long as the full-screen playback page is playing the target video, regardless of whether the target video is paused or playing, the comment area is displayed.

[0053] However, in a specific implementation, since the comment area displays at least one specific comment, even if the transparency and size of the comment area are set, it is still possible to block the target video screen. Moreover, for users who do not need to watch comments while watching videos, they do not want specific comments to be displayed in the target video screen and affect video viewing. Therefore, the first rendering layer can also display stateful adjustment controls so that users can adjust the display of specific comments according to their needs.

[0054] That is, after the first rendering layer renders the comment area with the first animation effect, it also includes: in response to the triggering operation of the state adjustment control, adjusting the display state of at least one specific comment, wherein the display state includes expansion or folding.

[0055] That is, the user can adjust the display status of at least one specific comment to expanded or collapsed by triggering the status adjustment control.

[0056] In a specific implementation, if the current display status of at least one specific comment is collapsed, it means that the comment area currently does not display at least one specific comment, and the user cannot see the at least one specific comment. If the status adjustment control is triggered, the at least one specific comment will be displayed and its display status will be adjusted to expanded, so that the user can see the at least one specific comment.

[0057] As an example, adjusting the display status of at least one specific comment to folded may be setting at least one specific comment to be completely transparent, in which case adjusting its display status to folded means setting at least one specific comment to be non-transparent; or, adjusting the display status of at least one specific comment to folded may be deleting at least one specific comment from the first rendering layer, in which case adjusting its display status to folded means adding at least one specific comment back to the comment area of the first rendering layer.

[0058] Furthermore, in order to be able to choose whether to display at least one specific comment to the user according to the user's needs each time the video is played, the method also includes: recording the display status of the at least one specific comment and updating it after each adjustment.

[0059] In a specific implementation, the display status of at least one specific comment can be recorded in the user default center database, and the display status can be updated in the database each time the display status is adjusted.

[0060] Exemplarily, the database may store the display status in formats such as bool, int, float, double, string, and data.

[0061] In an embodiment of the present application, a status adjustment control can be displayed on the first rendering layer, and the display status of at least one specific comment can be adjusted to expanded or collapsed through the status adjustment control. In addition, the display status is recorded and updated so that when the video is played next time, it can be determined whether at least one specific comment in the comment area is expanded or collapsed according to the most recently recorded display status. The user does not need to make manual adjustments, which is more in line with the user's video viewing habits and improves the user's viewing experience.

[0062] It should be noted that at least one specific comment will be updated with the playback status of the target video. In an embodiment of the present application, the playback status of the target video can be monitored by KVO (Key-Value Observing), and at least one specific comment can be updated according to the playback status of the target video.

[0063] In a specific implementation, the target video's playback status can include "about to play," "playing," and "completed." If the target video's playback status is "about to play" or "playing," the at least one specific comment is a comment on the target video, and the client's memory also stores the at least one specific comment. If the target video's playback status is "completed," the at least one specific comment on the target video in the memory is updated to the at least one specific comment on the next video.

[0064] Therefore, the comment display method also includes:

[0065] receiving a video switching instruction, wherein the video switching instruction includes a video identifier of the video to be switched;

[0066] In response to the video switching instruction, the playback state of the target video is switched to playback completion, and the switched video and multiple comments of the switched video are obtained;

[0067] At least one specific comment is determined from multiple comments on the switched video, and a comment area is rendered at a first position of the switched video screen in the full-screen playback page, wherein the comment area displays the at least one specific comment on the switched video.

[0068] In a specific implementation, if a video switching instruction is received, indicating that the played video needs to be switched, then the specific comments displayed will naturally also be switched. Therefore, according to the video switching instruction, the playback status of the target video is switched to playback completion, and at least one specific comment of the target video is deleted. The switching video and multiple comments of the switching video are obtained from the server, and at least one specific comment is determined from the multiple comments based on the popularity of each comment. A first rendering layer is created at the first position of the switching video screen in the full-screen playback page, and a comment area is rendered in the first rendering layer, and at least one specific comment of the switching video is displayed in the comment area. The playback status of the switched video is recorded as playing, and the playback status of the switched video is monitored through KVO monitoring. When the playback status changes, the specific comments are updated accordingly.

[0069] As an example, you can also not recreate the first rendering layer, but still use the first rendering layer created previously, and only update the content displayed by the first rendering layer, so that you can display the comment area including specific comments of the switched video in the switching video screen. This can not only reduce the processing load of the computing device and improve the efficiency of comment display, but also timely display the specific video corresponding to the video, thereby improving the user experience.

[0070] It should be noted that during the playback of the target video, the popularity of multiple comments can be periodically detected, and specific comments can be updated according to the popularity, and the updated specific comments can be displayed in the comment area, so that the specific comments displayed in the comment area are consistent with the current user's views on the target video, making the display of specific comments more reasonable.

[0071] In an embodiment of the present application, multiple comments on the target video are obtained from the server, and specific comments are selected based on the popularity of each comment. A first rendering layer is created at the first position of the target video screen in the full-screen playback page, and the first rendering layer is set to be at the same level as the broadcast control rendering layer. The comment area including at least one specific comment is rendered with a first animation special effect in the first rendering layer, and the first rendering layer also displays a status adjustment control. The user can choose to display or hide at least one specific comment by triggering the status adjustment control, and the display status of the at least one specific comment is recorded in the database. The display status in the database is updated after each adjustment, so that the next time the video is played, it can be determined whether to expand the specific comment according to the display status. In this way, the effect of displaying comments in the target video screen is achieved, so that the user can watch the specific comments while watching the video, and the specific comments can be folded according to the user's choice, reducing the obstruction of the target video screen and improving the user experience.

[0072] Step 104: In response to a triggering operation on a set element in the comment area, a second rendering layer is created at a second position of the target video screen in the full-screen playback page, and a comment page is rendered with a second animation effect on the second rendering layer, wherein the comment page includes specific comments and other comments on the target video.

[0073] The set element may be any element in the comment area, such as a specific comment, text, or symbol.

[0074] Among them, the second rendering layer is a widget layer, and the second animation effect can be any animation effect, which can be the same as or different from the first animation effect, and the embodiment of the present application does not limit this.

[0075] As an example, the size of the comment page is smaller than or equal to the size of the full-screen playback page, that is, smaller than or equal to the screen size. Furthermore, since the comment area displays a small number of specific comments and does not require a large amount of space, the size of the comment area is necessarily smaller than the screen size. However, if the comment page displays a large number of comments, the size of the comment page will be larger than the size of the comment area.

[0076] In the specific implementation, if the user triggers the set elements of the comment area, it means that the user is interested in the comments. Based on the trigger operation, the client creates a second rendering layer at the second position of the target video screen in the full-screen playback page. The second rendering layer is not at the same level as the first rendering layer, the broadcast control rendering layer, and the rendering layer of the target video screen. The comment page is rendered with a second animation special effect in the second rendering layer. In addition to at least one specific comment displayed in the comment area, the comment page also includes other comments on the target video.

[0077] It should be noted that if the set element is a specific comment, then when rendering the comment page, the location of the specific comment can be located and then the comment page can be displayed, so that users can quickly see the comments they are interested in. In addition, the comment page includes not only comments, but also controls such as like, reply, favorite, and report, so that users can operate on the comments on the comment page. The operations are not limited to liking, replying, favorite, and reporting a comment, as well as editing and uploading comments or deleting uploaded comments.

[0078] In one or more embodiments of the present application, in response to a triggering operation on a setting element in the comment area, before creating a second rendering layer at a second position of the target video screen in the full-screen playback page, the method further includes:

[0079] Delete the first rendering layer in memory and save at least one specific comment in memory;

[0080] Accordingly, after the second rendering layer renders the comment page with the second animation effect, the following steps are further included:

[0081] Upon receiving a comment page closing instruction, obtaining at least one specific saved comment;

[0082] A first rendering layer is recreated at the first position, and a comment area having at least one specific comment is rendered and displayed on the first rendering layer using a first animation special effect.

[0083] That is to say, after setting an element in the trigger comment area, the comment area can be stopped from being displayed, and the first rendering layer can be deleted in the memory to reduce the storage burden, but at least one specific comment is still saved so that when the comment area needs to be redisplayed later, at least one specific comment can be obtained and displayed in time.

[0084] In some embodiments, the comment page and the comment area are not displayed at the same time. After the comment page is closed, the comment area can be redisplayed. Therefore, when a comment page closing instruction is received, at least one specific comment can be obtained from the memory, and the first rendering layer can be recreated at the first position. The comment area with at least one specific comment is rendered and displayed on the first rendering layer with a first animation special effect.

[0085] In this way, the efficiency of displaying the comment area can be improved while reducing the storage burden.

[0086] It should be noted that although specific comments are displayed in the comment area, users cannot perform operations on them and can only view them. If users want to post their own comments, browse other comments, or perform operations on existing comments, they need to do so on the comment page. Therefore, after the comment page is rendered, users can still perform operations on specific elements on the comment page.

[0087] That is, in one or more embodiments of the present application, the comment page includes a main comment and a sub-comment. After the second rendering layer renders the comment page with a second animation effect, it also includes: in response to a trigger operation on a specified element in the comment page, determining the main comment identifier of the target main comment according to the specified element; determining the sub-comment corresponding to the target main comment according to the main comment identifier of the target main comment; generating a sub-comment page according to the sub-comment corresponding to the target main comment; and switching the comment page displayed in the second rendering layer to a sub-comment page.

[0088] The designated element may be any comment or a comment collapse control on the comment page. Furthermore, the comment collapse control may be a collapse control for the main comment. For example, the comment collapse control may be a "more replies" control or a "more comments" control.

[0089] As an example, the multiple comments of the target video include main comments and sub-comments for the main comments. After obtaining the multiple comments, a comment index can be constructed based on the relationship between the main comments and the sub-comments. Moreover, due to the large number of sub-comments, the comment page may not display all the sub-comments corresponding to each main comment. Therefore, a comment collapse control may be displayed.

[0090] In some embodiments, if the designated element is a main comment, the main comment identifier of the target main comment can be directly determined; if the designated element is a sub-comment, the target main comment corresponding to the sub-comment can be determined based on a pre-built comment index, and then the main comment identifier can be determined; if the designated element is a comment folding control, the sub-comment corresponding to the comment folding control can be determined first, and then the target main comment can be determined based on the sub-comment, and then the main comment identifier can be determined. Then, the sub-comments corresponding to the target main comment are determined based on the comment index, and a sub-comment page is generated based on these sub-comments, and then the comment page displayed in the second rendering layer is switched to the sub-comment page.

[0091] As an example, the size of the sub-comment page can be determined based on the size of the second rendering layer, and the sub-comments can be sorted by their popularity. The sub-comments are then rendered based on the order and size of the sub-comment page to obtain the sub-comment page. If there are a large number of sub-comments, the sub-comment page may be partially rendered. As the user scrolls through the sub-comment page, other sub-comments are also rendered on the sub-comment page.

[0092] As another example, the sub-comments can be sorted according to their popularity, and rendered in order to obtain a sub-comment page that includes all sub-comments of the target main page, and then displayed according to the size of the second rendering layer.

[0093] It should be noted that the sub-comment page includes not only comments, but also controls such as likes, replies, favorites, and reports, so that users can operate on the comments of the sub-comment page. The operations are not limited to liking, replying, favorites, reporting a comment, and editing and uploading comments or deleting comments uploaded by themselves.

[0094] In an embodiment of the present application, a sub-comment page can be displayed based on the user triggering a specified element in the comment page, and operations can be performed on the sub-comment page. That is, when the target video is played in full screen, operations can be performed on the comments of the target video. That is, operations on the target video that are currently only possible in half-screen state are realized in full screen state, thereby improving the user experience.

[0095] In some embodiments, if the user triggers a sub-comment, it means that the user is interested in the sub-comment. Then, the sub-comment can be anchored when displaying the sub-comment page, so that the user can quickly see the content of interest.

[0096] That is, the specified element includes the target sub-comment, and the specific implementation of switching the comment page displayed in the second rendering layer to the sub-comment page may include:

[0097] According to the sub-comment identifier of the target sub-comment, the target sub-comment is located in the sub-comment page, and the comment page displayed in the second rendering layer is switched to the sub-comment page where the target sub-comment is located.

[0098] In the specific implementation, when the designated element is the target sub-comment, the position of the target sub-comment is determined in the sub-comment page according to the sub-comment identifier of the target sub-comment, and according to the size of the second rendering layer and the position of the target sub-comment, the page including the target sub-comment is intercepted from the sub-comment page, and the target sub-comment is located on the page, and then the comment page is switched to the sub-comment page with the located target sub-comment in the second rendering layer.

[0099] For example, in the process of displaying the sub-comment page, a specific animation effect can be added to the target sub-comment to locate the target sub-comment, so that the user can quickly determine the target sub-comment.

[0100] In an embodiment of the present application, a comment page is displayed on the target video screen, and the user can perform any operation on the comment on the comment page. A sub-comment page can also be displayed and anchored to the target sub-comment, thereby achieving both playing the video and displaying the comments on the full-screen playback page. Any operation related to the comment can also be instructed without affecting the video viewing, achieving the effect of commenting while watching the video.

[0101] The comment display method provided by the present application creates a first rendering layer at the first position of the target video screen in the full-screen playback page, and renders the comment area with a first animation effect in the first rendering layer, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated with the playback status of the target video; in response to the triggering operation of the set element in the comment area, creates a second rendering layer at the second position of the target video screen in the full-screen playback page, and renders the comment page with a second animation effect in the second rendering layer, wherein the comment page includes specific comments and other comments of the target video. The above method displays a comment area including some specific comments on the target video screen of the target video during the full-screen playback of the target video, uses the comment area as the entrance to the comment display page, and then renders a comment page including more comments by triggering the set element in the comment area. Since the comment area and the comment page are both displayed on the target video screen of the full-screen playback page, the comments can be seen without exiting the full-screen playback page, thereby achieving the effect of watching comments while watching the video. The operation is simple and efficient, which improves the user's viewing experience.

[0102] The following combined Figure 2 , taking the application of the comment display method provided by this application in the full-screen video playback scenario as an example, the comment display method is further explained. Figure 2 A processing flow chart of a comment display method applied to a full-screen video playback scenario according to an embodiment of the present application is shown, which specifically includes the following steps:

[0103] Step 202: Obtain a target video and multiple comments about the target video from a server.

[0104] Step 204: Play the target video in the full-screen playback page.

[0105] Step 206: Select a specific comment from the multiple comments based on the popularity of each comment.

[0106] Step 208: Create a first rendering layer in the lower left corner of the target video screen in the full-screen playback page, and render a comment area on the first rendering layer with a first animation special effect. The comment area includes specific comments, status adjustment controls, and comment icons.

[0107] For example, Figure 3 A schematic diagram of a comment area in a full-screen playback page according to an embodiment of the present application is shown. Figure 3The full-screen playback page includes playback controls (play / pause, resolution, speed, and selections) and a comment area. The comment area includes three specific comments (including the content of each specific comment and the avatar of the user who sent the comment), a comment icon, and a status adjustment control. The status adjustment control currently displays "Expand," indicating that the display status of the three specific comments is expanded. The comment area also includes the number of comments on the target video (308 excellent comments). The full-screen playback page also displays the video name of the target video.

[0108] Step 210: When the user triggers the status adjustment control, the specific comment is collapsed.

[0109] For example, Figure 4 A schematic diagram of another comment area in a full-screen playback page provided according to an embodiment of the present application is shown. Figure 4 The full-screen playback page includes playback controls (play / pause, resolution, speed, and selections) and a comment area. The comment area includes a comment icon and a status adjustment control. The status adjustment control currently displays "collapsed," indicating that the display status of the three specific comments is collapsed. Furthermore, the comment area includes the number of comments on the target video (308 excellent comments). The full-screen playback page also displays the name of the target video.

[0110] Step 212: When the user triggers the comment icon in the comment area, the first rendering layer is destroyed from the memory, and a second rendering layer is created on the right side of the target video screen in the full-screen playback page. The comment page is rendered on the second rendering layer with a second animation special effect. The comment page includes all comments on the target video and operation controls for the comments.

[0111] For example, Figure 5 A schematic diagram of a comment page in a full-screen playback page provided according to an embodiment of the present application is shown. Figure 5 The full-screen playback page includes the target video and the comment page. The comment page includes the total number of comments (308), main comments, sub-comments, more replies, and also includes operation controls for likes, dislikes, replies, and comments.

[0112] Step 214: When the user clicks on a target sub-comment of a main comment, the sub-comment page corresponding to the main comment is displayed, and the target sub-comment is located.

[0113] For example, Figure 6 A schematic diagram of another comment page in a full-screen playback page provided according to an embodiment of the present application is shown. Figure 6 The full-screen playback page includes the target video and a sub-comment page. The sub-comment page displays comment details, including the main comment and sub-comments, as well as operation controls for likes, dislikes, replies, comments, and return controls.

[0114] Step 216: The user clicks the return control of the sub-comment page to return to the comment page.

[0115] Step 218: When the user clicks on any blank area of the full-screen playback page except the comment page, the comment page on the right is closed and the comment area in the lower left corner is redisplayed.

[0116] The comment display method provided in the embodiment of the present application first displays a relatively small comment area in the lower left corner of the target video screen. The comment area can only be used to view specific comments and cannot be operated. When the user triggers the set element in the comment area, a comment page including all comments is displayed on the right. The comment page can not only be viewed but also operated. Since the comment area and the comment page are both displayed on the target video screen of the full-screen playback page, there is no need to exit the full-screen playback page to view the comments, thereby achieving the effect of viewing comments while watching the video. The operation is simple and efficient, which improves the user's viewing experience.

[0117] Corresponding to the above method embodiment, the present application also provides a comment display device embodiment, Figure 7 FIG. 1 shows a schematic diagram of a review display device according to an embodiment of the present application. Figure 7 As shown, the device includes:

[0118] A first rendering module 702 is configured to create a first rendering layer at a first position of a target video screen in a full-screen playback page, and render a comment area in the first rendering layer using a first animation effect, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated according to the playback status of the target video;

[0119] The second rendering module 704 is configured to create a second rendering layer at a second position of the target video screen in the full-screen playback page in response to a trigger operation on a set element in the comment area, and render a comment page with a second animation effect on the second rendering layer, wherein the comment page includes the specific comment and other comments on the target video.

[0120] In one or more embodiments of the present application, the first rendering layer further displays a state adjustment control, and the first rendering module 702 is further configured to:

[0121] In response to a triggering operation on the state adjustment control, the display state of the at least one specific comment is adjusted, wherein the display state includes expansion or collapse.

[0122] In one or more embodiments of the present application, the apparatus further includes a recording module configured to:

[0123] The display status of the at least one specific comment is recorded and updated after each adjustment.

[0124] In one or more embodiments of the present application, the apparatus further includes a selection module configured to:

[0125] Acquire multiple comments for the target video; and select at least one specific comment from the multiple comments based on the popularity of each comment.

[0126] In one or more embodiments of the present application, the apparatus further includes a video switching module configured to:

[0127] receiving a video switching instruction, wherein the video switching instruction includes a video identifier of a video to be switched;

[0128] In response to the video switching instruction, switching the playback state of the target video to playback completion, and obtaining the switched video and a plurality of comments on the switched video;

[0129] At least one specific comment is determined from the multiple comments of the switching video, and a comment area is rendered at the first position of the switching video screen in the full-screen playback page, wherein the comment area displays the at least one specific comment of the switching video.

[0130] In one or more embodiments of the present application, the apparatus further includes a third rendering module configured to:

[0131] Deleting the first rendering layer in the memory, and saving the at least one specific comment in the memory;

[0132] Upon receiving a comment page closing instruction, obtaining the at least one saved specific comment;

[0133] A first rendering layer is recreated at the first position, and a comment area having the at least one specific comment is rendered and displayed on the first rendering layer using a first animation special effect.

[0134] In one or more embodiments of the present application, the comment page includes a main comment and sub-comments, and the second rendering module is further configured to:

[0135] In response to a triggering operation on a designated element in the review page, determining a main review identifier of a target main review according to the designated element;

[0136] Determine the sub-comment corresponding to the target main comment according to the main comment identifier of the target main comment;

[0137] Generate a sub-comment page based on the sub-comment corresponding to the target main comment;

[0138] The comment page displayed in the second rendering layer is switched to the sub-comment page.

[0139] In one or more embodiments of the present application, the designated element includes a target sub-comment, and the second rendering module is further configured to:

[0140] According to the sub-comment identifier of the target sub-comment, the target sub-comment is located in the sub-comment page, and the comment page displayed in the second rendering layer is switched to the sub-comment page where the target sub-comment is located.

[0141] In one or more embodiments of the present application, the full-screen playback page further includes a playback control rendering layer, the playback control rendering layer includes playback controls, and the device further includes a display module configured to:

[0142] When a display instruction for the playback control is detected, the playback control and the comment area are displayed.

[0143] The comment display device provided by the present application creates a first rendering layer at the first position of the target video screen in the full-screen playback page, and renders the comment area with a first animation special effect in the first rendering layer, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated with the playback status of the target video; in response to the triggering operation of the set element in the comment area, a second rendering layer is created at the second position of the target video screen in the full-screen playback page, and the comment page is rendered with a second animation special effect in the second rendering layer, wherein the comment page includes specific comments and other comments of the target video. In the process of full-screen playback of the target video, the above method displays a comment area including some specific comments on the target video screen of the target video, uses the comment area as the entrance to the comment display page, and then renders a comment page including more comments by triggering the set element in the comment area. Since the comment area and the comment page are both displayed on the target video screen of the full-screen playback page, the comments can be seen without exiting the full-screen playback page, thereby achieving the effect of watching comments while watching the video. The operation is simple and efficient, which improves the user's viewing experience.

[0144] The above is a schematic scheme of a review display device of this embodiment. It should be noted that the technical solution of the review display device and the technical solution of the review display method described above are of the same concept. For details not described in detail in the technical solution of the review display device, please refer to the description of the technical solution of the review display method described above.

[0145] Figure 88. A block diagram of a computing device according to an embodiment of the present application is shown. Components of the computing device 800 include, but are not limited to, a memory 810 and a processor 820. The processor 820 is connected to the memory 810 via a bus 830, and a database 850 is used to store data.

[0146] The computing device 800 also includes an access device 840 that enables the computing device 800 to communicate via one or more networks 860. Examples of these networks include a public switched telephone network (PSTN), a local area network (LAN), a wide area network (WAN), a personal area network (PAN), or a combination of communication networks such as the Internet. The access device 840 may include one or more of any type of network interface (e.g., a network interface card (NIC)) whether wired or wireless, such as an IEEE 802.11 wireless local area network (WLAN) wireless interface, a Worldwide Interoperability for Microwave Access (Wi-MAX) interface, an Ethernet interface, a universal serial bus (USB) interface, a cellular network interface, a Bluetooth interface, a near field communication (NFC) interface, and the like.

[0147] In one embodiment of the present application, the above components of the computing device 800 and Figure 8 Other components not shown in the figure may also be connected to each other, for example, via a bus. Figure 8 The computing device structure block diagram shown is for illustrative purposes only and is not intended to limit the scope of the present application. Those skilled in the art may add or replace other components as needed.

[0148] The computing device 800 can be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (e.g., a tablet computer, a personal digital assistant, a laptop computer, a notebook computer, a netbook computer, etc.), a mobile phone (e.g., a smartphone), a wearable computing device (e.g., a smartwatch, smart glasses, etc.), or other types of mobile devices, or a stationary computing device such as a desktop computer or PC. The computing device 800 can also be a mobile or stationary server.

[0149] Among them, when the processor 820 executes the computer instructions, the steps of the comment display method are implemented.

[0150] The above is a schematic scheme of a computing device of this embodiment. It should be noted that the technical solution of this computing device and the technical solution of the above-mentioned comment display method are of the same concept. For details not described in detail in the technical solution of the computing device, please refer to the description of the technical solution of the above-mentioned comment display method.

[0151] An embodiment of the present application further provides a computer-readable storage medium storing computer instructions, which, when executed by a processor, implement the steps of the comment display method as described above.

[0152] The above is a schematic scheme of a computer-readable storage medium of this embodiment. It should be noted that the technical solution of this storage medium and the technical solution of the above-mentioned comment display method are of the same concept. For details not described in detail in the technical solution of the storage medium, please refer to the description of the technical solution of the above-mentioned comment display method.

[0153] The foregoing description describes specific embodiments of the present application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in an order different from that described in the embodiments and still achieve the desired results. Furthermore, the processes depicted in the accompanying drawings do not necessarily require the specific order shown or the sequential order to achieve the desired results. In certain embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0154] The computer instructions include computer program code, which may be in source code form, object code form, executable file, or some intermediate form. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, USB flash drive, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM), random access memory (RAM), electric carrier signal, telecommunication signal, and software distribution medium. It should be noted that the content contained in the computer-readable medium may be appropriately increased or decreased according to the requirements of legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to legislation and patent practice, computer-readable media do not include electric carrier signals and telecommunication signals.

[0155] It should be noted that for the aforementioned method embodiments, for ease of description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that this application is not limited by the order of the actions described, because according to this application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in this specification are all preferred embodiments, and the actions and modules involved are not necessarily required by this application.

[0156] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0157] The preferred embodiments of the present application disclosed above are intended only to help illustrate the present application. The optional embodiments do not describe all details in detail, nor do they limit the invention to the specific embodiments described. Obviously, many modifications and variations can be made based on the content of this application. This application selects and describes these embodiments in detail in order to better explain the principles and practical applications of this application, so that those skilled in the art can better understand and utilize this application. This application is limited only by the claims and their full scope and equivalents.

Claims

1. A comment display method, characterized in that: include: Creating a first rendering layer at a first position of a target video screen in a full-screen playback page, and rendering a comment area in the first rendering layer using a first animation special effect, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated according to the playback status of the target video; In response to a triggering operation on a set element in the comment area, creating a second rendering layer at a second position of the target video screen in the full-screen playback page, and rendering a comment page with a second animation effect in the second rendering layer, wherein the comment page includes the specific comment and other comments on the target video; Wherein, in response to the triggering operation of the set element in the comment area, before creating the second rendering layer at the second position of the target video screen in the full-screen playback page, the method further includes: Deleting the first rendering layer in the memory, and saving the at least one specific comment in the memory; Accordingly, after the second rendering layer renders the comment page with the second animation effect, the method further includes: Upon receiving a comment page closing instruction, obtaining the at least one saved specific comment; A first rendering layer is recreated at the first position, and a comment area having the at least one specific comment is rendered and displayed on the first rendering layer using a first animation special effect.

2. The method according to claim 1, characterized in that The first rendering layer further displays a state adjustment control. After the first rendering layer renders the comment area with the first animation effect, the method further includes: In response to a triggering operation on the state adjustment control, the display state of the at least one specific comment is adjusted, wherein the display state includes expansion or collapse.

3. The method according to claim 2, characterized in that The method further comprises: The display status of the at least one specific comment is recorded and updated after each adjustment.

4. The method according to any one of claims 1 to 3, characterized in that Before the first rendering layer renders the comment area with the first animation special effect, the method further includes: Obtaining multiple comments for the target video; At least one specific comment is selected from the plurality of comments according to the popularity of each comment.

5. The method according to any one of claims 1 to 3, characterized in that The method further comprises: receiving a video switching instruction, wherein the video switching instruction includes a video identifier of a video to be switched; In response to the video switching instruction, switching the playback state of the target video to playback completion, and obtaining the switched video and a plurality of comments on the switched video; At least one specific comment is determined from the multiple comments of the switching video, and a comment area is rendered at the first position of the switching video screen in the full-screen playback page, wherein the comment area displays the at least one specific comment of the switching video.

6. The method according to any one of claims 1 to 3, characterized in that The comment page includes a main comment and sub-comments, and after the second rendering layer renders the comment page with the second animation effect, the method further includes: In response to a triggering operation on a designated element in the review page, determining a main review identifier of a target main review according to the designated element; Determine the sub-comment corresponding to the target main comment according to the main comment identifier of the target main comment; Generate a sub-comment page based on the sub-comment corresponding to the target main comment; The comment page displayed in the second rendering layer is switched to the sub-comment page.

7. The method according to claim 6, characterized in that The designated element includes a target sub-comment, and switching the comment page displayed in the second rendering layer to the sub-comment page includes: According to the sub-comment identifier of the target sub-comment, the target sub-comment is located in the sub-comment page, and the comment page displayed in the second rendering layer is switched to the sub-comment page where the target sub-comment is located.

8. The method according to any one of claims 1 to 3, characterized in that The full-screen playback page further includes a playback control rendering layer, wherein the playback control rendering layer includes playback controls, and the method further includes: When a display instruction for the playback control is detected, the playback control and the comment area are displayed.

9. A review display device, characterized in that: include: A first rendering module is configured to create a first rendering layer at a first position of a target video screen in a full-screen playback page, and render a comment area in the first rendering layer using a first animation special effect, wherein the comment area displays at least one specific comment, and the at least one specific comment is updated according to the playback status of the target video; a second rendering module configured to, in response to a triggering operation on a set element in the comment area, create a second rendering layer at a second position of the target video screen in the full-screen playback page, and render a comment page with a second animation effect on the second rendering layer, wherein the comment page includes the specific comment and other comments on the target video; The comment display device further includes a deletion module configured to delete the first rendering layer in the memory and save the at least one specific comment in the memory; Among them, the comment display device also includes a display module, which is configured to obtain the saved at least one specific comment when receiving a comment page closing instruction; recreate the first rendering layer at the first position, and render and display the comment area with the at least one specific comment on the first rendering layer with a first animation special effect.

10. A computing device comprising a memory, a processor, and computer instructions stored in the memory and executable on the processor, wherein: When the processor executes the computer instructions, the steps of the method according to any one of claims 1 to 8 are implemented.

11. A computer-readable storage medium storing computer instructions, characterized in that: When the computer instructions are executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

Citation Information

Patent Citations

  • Comment information display method and device, electronic equipment and storage medium

    CN113065081A

  • Information display method and device and computer storage medium

    CN113157970A