Comment information display method, device, computer equipment and storage medium
By obtaining the location information of comment information in real time and monitoring the trigger conditions, dynamic materials are automatically displayed, which solves the problem of low efficiency of dynamic comment display in information publishing platforms and achieves fast browsing and improved interactivity.
Patent Information
- Application Number
- CN202010706460.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2020-07-21
- Publication Date
- 2025-09-16
- Estimated Expiration
- 2040-07-21
AI Technical Summary
Existing information publishing platforms are inefficient in displaying dynamic comments, and users need to make additional clicks to browse the full content.
Obtain the position information of the comment information in the current visible page in real time, monitor whether the pre-display trigger conditions are met, and automatically display dynamic materials when the conditions are met.
Users can quickly browse dynamic content without additional clicks, improve information acquisition efficiency, increase comment exposure opportunities and user interaction, and enhance the activity of the comment area.
Smart Images

Figure CN113961837B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a method, apparatus, computer device, and storage medium for displaying comment information. Background Art
[0002] With the development of Internet technology, users can browse various information online, such as news and forum articles, and comment on the information content. A comment area is usually provided at the bottom of the information page, where user comments based on the information content (first-level comments) or replies to existing comments (second-level comments) are displayed.
[0003] In related technologies, information publishing platforms can support users to post various types of comments such as text, pictures (including animated pictures), audio, and video. However, the current way of displaying comments on information publishing platforms is relatively simple. For example, dynamic comments containing dynamic materials such as animated pictures and videos are mostly displayed in a static manner. Users need to perform additional click operations to browse the complete dynamic comment content, resulting in low information acquisition efficiency. Summary of the Invention
[0004] Based on this, it is necessary to provide a comment information display method, device, computer equipment and storage medium that can improve the efficiency of information acquisition in response to the above technical problems.
[0005] A method for displaying comment information, the method comprising:
[0006] Acquiring in real time the location information of target comment information in the current visible page, wherein the target comment information includes hidden information and visible information, wherein the hidden information includes dynamic material to be displayed in advance, and the visible information includes static material corresponding to the dynamic material;
[0007] monitoring whether a pre-display triggering condition is satisfied according to the location information;
[0008] When the pre-display triggering condition is met, the dynamic material is dynamically displayed in the pre-display.
[0009] A comment information display device, comprising:
[0010] An acquisition module is used to obtain in real time the position information of target comment information in the current visible page, wherein the target comment information includes hidden information and visible information, wherein the hidden information includes dynamic material to be displayed in advance, and the visible information includes static material corresponding to the dynamic material;
[0011] A monitoring module, configured to monitor whether a pre-display triggering condition is satisfied based on the location information;
[0012] The front display module is used to dynamically display the dynamic material in front when the front display trigger condition is met.
[0013] A computer device includes 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:
[0014] Acquiring in real time the location information of target comment information in the current visible page, wherein the target comment information includes hidden information and visible information, wherein the hidden information includes dynamic material to be displayed in advance, and the visible information includes static material corresponding to the dynamic material;
[0015] monitoring whether a pre-display triggering condition is satisfied according to the location information;
[0016] When the pre-display triggering condition is met, the dynamic material is dynamically displayed in the pre-display.
[0017] A computer-readable storage medium stores a computer program, which, when executed by a processor, implements the following steps:
[0018] Acquiring in real time the location information of target comment information in the current visible page, wherein the target comment information includes hidden information and visible information, wherein the hidden information includes dynamic material to be displayed in advance, and the visible information includes static material corresponding to the dynamic material;
[0019] monitoring whether a pre-display triggering condition is satisfied according to the location information;
[0020] When the pre-display triggering condition is met, the dynamic material is dynamically displayed in the pre-display.
[0021] The above-mentioned comment information display method, device, computer equipment and storage medium obtain the position information of the target comment information in the current visible page in real time. The target comment information contains hidden information and visible information. The hidden information includes dynamic materials to be pre-displayed, and the visible information includes static materials corresponding to the dynamic materials. Based on the position information, it is monitored whether the pre-display trigger conditions are met. When the pre-display trigger conditions are met, the dynamic materials are pre-displayed dynamically. Accordingly, the position information of the target comment information in the current visible page is used to trigger the display of dynamic materials. When it is determined based on the position information that the pre-display trigger conditions are met, the dynamic materials can be automatically displayed without the user having to perform additional click operations, which facilitates the user to quickly browse dynamic content, thereby improving the efficiency of information acquisition. BRIEF DESCRIPTION OF THE DRAWINGS
[0022] Figure 1 A diagram illustrating an application environment of a method for displaying comment information in one embodiment;
[0023] Figure 2 Schematic diagram of a flow chart of a method for displaying comment information in one embodiment;
[0024] Figure 3 A schematic diagram of target comment information containing dynamic material in a currently visible page in one embodiment;
[0025] Figure 4 is a schematic diagram of target comment information containing dynamic material in a currently visible page in another embodiment;
[0026] Figure 5 A schematic diagram of a front-end display of dynamic materials in one embodiment;
[0027] Figure 6 A schematic diagram of a front-end display of dynamic materials in another embodiment;
[0028] Figure 7 A schematic diagram of target comment information on the current visible page after dynamic material display is completed in one embodiment;
[0029] Figure 8 This is a structural block diagram of a comment information display device in one embodiment;
[0030] Figure 9 is a diagram of the internal structure of a computer device in one embodiment;
[0031] Figure 10 FIG. 1 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION
[0032] 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.
[0033] The comment information display method provided by this application can be applied to Figure 1In the application environment shown. Among them, the terminal 102 communicates with the server 104 through the network. The user can access the information publishing platform through the terminal 102, and the server 104 can be the server where the platform is located. The terminal 102 or the server 104 obtains the position information of the target comment information in the current visible page in real time. The target comment information contains hidden information and visual information. The hidden information includes dynamic materials to be pre-displayed, and the visual information includes static materials corresponding to the dynamic materials; monitor whether the pre-display trigger condition is met according to the position information; when the pre-display trigger condition is met, the dynamic material is dynamically displayed in the pre-display. Among them, the terminal 102 can be but is not limited to various personal computers, laptops, smart phones, tablet computers and portable wearable devices. The server 104 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. The terminal 102 and the server 104 can be directly or indirectly connected via wired or wireless communication, and this application is not limited here. In the embodiment of the present application, the comment information display method can be executed by the terminal 102, can be executed by the server 104, or can be executed jointly by the terminal 102 and the server 104.
[0034] In one embodiment, Figure 2 As shown, a comment information display method is provided, which is applied to Figure 1 Taking the terminal in as an example, the method includes the following steps S202 to S206.
[0035] S202, obtaining the position information of the target comment information in the current visible page in real time, the target comment information includes hidden information and visible information, the hidden information includes dynamic materials to be displayed in advance, and the visible information includes static materials corresponding to the dynamic materials.
[0036] The target comment information refers to comment information containing rich media content. Rich media can be understood as information content in the form of images, animations, audio, video, or interactivity. Hidden information refers to information that is hidden by default when the target comment information is displayed, and visible information refers to information that is visible by default when the target comment information is displayed. Dynamic materials are hidden information and can include but are not limited to animated images, videos, etc. The static materials corresponding to dynamic materials are visual information. For a dynamic material, its corresponding static material can be any static image frame in the dynamic material.
[0037] In one embodiment, a user uploads target comment information to a server via a terminal. If the uploaded target comment information includes a text message and a dynamic emoticon, the server processes the dynamic emoticon. Specifically, a static image can be extracted from the dynamic emoticon as the corresponding static emoticon. The visible information of the target comment information includes the text message and the static emoticon, and the hidden information of the target comment information includes the dynamic emoticon. Figure 3 , showing a schematic diagram of a target comment information containing a dynamic emoticon in the current visible page in one embodiment, wherein A, B, C and D are the four boundary points of the current visible page, and the display content of the current visible page can change as the page slides up and down. At the bottom of the current visible page is a target comment information containing a dynamic emoticon. When the target comment information just enters the current visible page as the page slides, the default display content includes the text message "Great" and a static emoticon. The dynamic emoticon corresponding to the static emoticon is now hidden.
[0038] In another embodiment, a user uploads target comment information to a server via a terminal. If the uploaded target comment information includes a dynamic video, the server processes the dynamic video and specifically extracts a static image from the video as the corresponding static image. Then, the visible information of the target comment information includes the static image, and the hidden information of the target comment information includes the dynamic video. Figure 4 , showing a schematic diagram of target comment information containing a dynamic video on the current visible page in one embodiment, where A, B, C, and D are the four boundary points of the current visible page, and the displayed content of the current visible page can change as the page is slid up and down. At the bottom of the current visible page is a target comment information containing a dynamic video. When the target comment information enters the current visible page as the page is slid, the default display content includes a static image, and the dynamic video corresponding to the static image is now hidden.
[0039] S204: Monitor whether a pre-display triggering condition is met according to the location information.
[0040] The pre-display trigger condition indicates the condition for triggering the pre-display of the dynamic material in the target comment information. The position of the target comment information on the current visible page changes as the page slides. The position information of the target comment information on the current visible page is obtained in real time, and the pre-display trigger condition is judged based on the obtained position information.
[0041] S206: When the pre-display triggering condition is met, the dynamic material is pre-displayed dynamically.
[0042] Specifically, the dynamic material can be displayed suspended above the current visible page, and the size of the dynamic material can be larger than the size of the corresponding static material to provide a visual magnification effect and increase the diversity and interest of the dynamic material display method.
[0043] For example, when the dynamic material is a dynamic expression picture, Figure 5 As shown, the dynamic expression image is separated from the target comment information and displayed in the second display layer above the first display layer where the target comment information is located. The size of the second display layer can be the same as the current visible page size, and the dynamic expression image is located in the middle of the second display layer. When the dynamic material is a dynamic video, such as Figure 6 As shown, the dynamic video is separated from the target comment information and displayed and played in a second display layer located above the first display layer where the target comment information is located. The size of the second display layer can be the same as the current visible page size, and the dynamic video is located at the bottom of the second display layer. It should be understood that the dynamic material can be displayed and played at any position in the second display layer, and this is not limited here.
[0044] In the above comment information display method, the position information of the target comment information in the current visible page is obtained in real time. The target comment information contains hidden information and visible information. The hidden information includes dynamic materials to be displayed in advance, and the visual information includes static materials corresponding to the dynamic materials; whether the pre-display triggering conditions are met is monitored based on the position information; when the pre-display triggering conditions are met, the dynamic materials are dynamically displayed in advance. Accordingly, the position information of the target comment information in the current visible page is used to trigger the display of dynamic materials. When it is determined that the pre-display triggering conditions are met based on the position information, the dynamic materials can be automatically displayed without the user having to perform additional click operations, which facilitates users to quickly browse dynamic content, thereby improving information acquisition efficiency. At the same time, the method of dynamically displaying dynamic materials in advance can enable comment information to gain more exposure opportunities and attention, help increase interaction between users, and thus improve user activity in the comment area.
[0045] In one embodiment, a trigger area is set in the current visible page, such as Figure 5 As shown, the trigger area is located in the middle of the current visible page, and the top and bottom boundaries of the trigger area are separated from the top and bottom boundaries of the current visible page by a distance, respectively. The step of monitoring whether the pre-display trigger condition is satisfied based on the location information can specifically be monitoring whether the target comment information enters the trigger area based on the location information. When the target comment information is detected to enter the trigger area, it is determined that the pre-display trigger condition is satisfied.
[0046] In this embodiment, by setting a trigger area, when it is detected that the target comment information enters the trigger area, the display of the dynamic material is automatically triggered, thereby reducing the user's click operations and improving the efficiency of information acquisition.
[0047] In one embodiment, the step of obtaining the position information of the target comment information in the current visible page in real time may specifically include the following steps: using the upper left corner point of the current visible page as the coordinate origin, and using the width direction and height direction of the current visible page as the first coordinate direction and the second coordinate direction, respectively, to establish a position coordinate system, wherein the positive direction of the second coordinate direction is the direction from the upper left corner point of the current visible page to the lower left corner point; obtaining the first coordinate value of the target comment information in the second coordinate direction in the position coordinate system in real time, wherein the position information includes the first coordinate value. When the first coordinate value of the target comment information at the current moment is less than the second coordinate value, and the first coordinate value at the previous moment is greater than or equal to the second coordinate value, it is determined that the target comment information enters the trigger area, wherein the second coordinate value represents the coordinate value of any point on the bottom boundary line of the trigger area in the second coordinate direction.
[0048] See also Figure 3 and Figure 5 , with the upper left corner vertex A of the current visible page as the coordinate origin, the AB direction as the first coordinate direction, and the AD direction as the second coordinate direction, a position coordinate system is established. The position information of the target comment information in the current visible page can be represented by the coordinate value of the target comment information in the position coordinate system, specifically, it can be represented by the coordinate value of the upper left corner vertex of the area occupied by the target comment information in the position coordinate system. It can be understood that the first coordinate value of the target comment information in the second coordinate direction in the position coordinate system changes as the page slides, and the second coordinate value of any point on the bottom boundary line of the trigger area in the second coordinate direction in the position coordinate system is fixed.
[0049] Take the direction from A to D as the positive direction of the second coordinate direction. If the first coordinate value is greater than or equal to the second coordinate value, then the target comment information is below the bottom boundary line of the trigger area. If the first coordinate value is less than the second coordinate value, then the target comment information is above the bottom boundary line of the trigger area. When the position of the target comment information changes from below the bottom boundary line of the trigger area to above the bottom boundary line, it is determined that the target comment information enters the trigger area. For example, the second coordinate value is fixed to Y0, and the first coordinate value of the target comment information at the current moment is Y k , the first coordinate value at the previous moment is Y k-1 , when Y k Less than Y0 and Y k-1 When it is greater than or equal to Y0, it is determined that the target comment information enters the trigger area.
[0050] In this embodiment, whether the target comment information enters the trigger area is determined by the relative position change between the target comment information and the bottom boundary line of the trigger area, which is more in line with the user's operating habit of sliding the page from bottom to top to browse the comment information, allowing the user to quickly obtain the dynamic content in the comment information.
[0051] In one embodiment, during the process of dynamically displaying the dynamic material in the front, when the target comment information leaves the current visible page, the dynamic display of the dynamic material in the front is canceled.
[0052] Specifically, the first coordinate value of the target comment information in the second coordinate direction in the position coordinate system is obtained in real time. When the first coordinate value is less than zero or greater than the height value of the current visible page, it is determined that the target comment information has left the current visible page. In this embodiment, during the process of pre-dynamically displaying dynamic material, a linkage relationship is established between the dynamic material and the target comment information, so that the dynamic material can move with the movement of the target comment information and disappear as the target comment information leaves the current visible page, thereby avoiding the dynamic material being displayed only in a fixed position and improving the richness of the comment information display method.
[0053] In one embodiment, during the pre-dynamic display of dynamic material, the third coordinate value of the center point of the dynamic material in the first coordinate direction is obtained in real time; when the change in the third coordinate value is greater than the change threshold, the pre-dynamic display of the dynamic material is canceled.
[0054] The change threshold can be set in conjunction with the width of the current visible page, for example, it can be set to half the width of the current visible page. In this embodiment, during the dynamic display of dynamic material, the user can cancel the dynamic display of the dynamic material by pressing and holding the dynamic material and sliding it left or right to the edge of the current visible page, allowing the user to cancel the dynamic display of the dynamic material in a more flexible and convenient manner.
[0055] In one embodiment, during the pre-dynamic display of dynamic material, the first position information of the center point of the dynamic material and the second position information of the center point of the static material are obtained, and the position connection route between the center point of the dynamic material and the center point of the static material is determined based on the first position information and the second position information; at the end of the dynamic material display, the dynamic material is moved and reduced along the position connection route toward the center point of the static material.
[0056] The location connection route represents the path the dynamic material takes as it returns to the target comment information. In this embodiment, when the dynamic material ends, the dynamic material is moved toward the center point of the static material in the target comment information, enhancing the linkage effect between the dynamic and static materials. Simultaneously, the dynamic material gradually shrinks in size during the return process, creating a visually miniaturized effect and increasing the variety and interest of the dynamic material's disappearance.
[0057] In one embodiment, when the pre-display trigger condition is met, the original width and height of the static material are changed to zero, and the original transparency of the static material is changed to completely transparent; when the dynamic material moves and shrinks along the position connection route toward the center point of the static material until it disappears, the width and height of the static material are restored to the original width and height, and the transparency of the static material is restored to the original transparency.
[0058] When generating the target comment information, record the original width, height and transparency of the static material in the target comment information. When the trigger condition for pre-display is met, change the original width and height of the static material to zero, and change the original transparency of the static material to completely transparent, that is, hide the static material at this time, and dynamically display the dynamic material in the front. When the dynamic material disappears, the width and height of the static material can be gradually restored from small to large to the original width and height, and the transparency of the static material can be restored to the original transparency, so that the target comment information is restored to the default display state. Figure 7 FIG. 1 is a schematic diagram showing restored target comment information in one embodiment.
[0059] In this embodiment, when the dynamic material moves and shrinks along the position connection route toward the center point of the static material until it disappears, the dynamic material gradually disappears from large to small, and then the static material gradually recovers from small to large, further enhancing the linkage effect between the dynamic material and the static material, and improving the diversity and interest of the comment information display method.
[0060] In one embodiment, the process of generating target comment information includes the following steps: receiving a publishing request for comment information containing dynamic material; extracting static material from the dynamic material as the visual information corresponding to the dynamic material in the comment information; adding hidden information for pre-displaying the dynamic material in the comment information; and generating target comment information based on the visual information and hidden information.
[0061] Users can upload comment information containing dynamic materials to the server through the terminal. The server processes the dynamic materials. Specifically, it can capture the first frame of the static image as the static material corresponding to the dynamic material, that is, the visual information corresponding to the dynamic material in the comment information, and set and record the width, height and transparency of the static material. Through the cascading style sheet (CSS), a dynamic material transparent layer is added on the upper layer of the comment information layer where the static material is located as hidden information. When the pre-display trigger condition is not met, the dynamic material is in a hidden state. When the pre-display trigger condition is met, the dynamic material is displayed in the dynamic material transparent layer.
[0062] Specifically, after the target comment information enters the visible area of the page, the width, height and position information of the static material can be recorded in real time and saved in the local database; when the target comment information enters the trigger area, the width and height of the static material are set to zero, and the transparency of the static material is set to completely transparent, and the dynamic material is displayed and played through the dynamic material transparent layer; after the playback is completed, the dynamic material is moved and reduced toward the center point of the static material until it disappears, and the width and height of the static material are restored to the original width and height, and the transparency of the static material is restored to the original transparency, thereby ending the animation effect.
[0063] It should be understood that although Figure 1 The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. In addition, Figure 1 At least part of the steps may include multiple steps or multiple stages. These steps or stages are not necessarily performed at the same time, but can be performed at different times. The order of execution of these steps or stages is not necessarily one by one, but can be performed in turn or alternately with other steps or at least part of the steps or stages in other steps.
[0064] In one embodiment, Figure 8 As shown, a comment information display device 800 is provided. The device can be a software module or a hardware module, or a combination of the two to form a part of a computer device. The device specifically includes: an acquisition module 810, a monitoring module 820 and a front display module 830, wherein:
[0065] The acquisition module 810 is used to obtain the position information of the target comment information in the current visible page in real time. The target comment information includes hidden information and visible information. The hidden information includes dynamic materials to be displayed in front, and the visible information includes static materials corresponding to the dynamic materials.
[0066] The monitoring module 820 is configured to monitor whether a pre-display triggering condition is satisfied based on the location information.
[0067] The front display module 830 is used to dynamically display dynamic materials in front when the front display triggering condition is met.
[0068] In one embodiment, the device further includes a setting module for setting a trigger area in the current visible page. When monitoring whether the pre-display trigger condition is satisfied based on the location information, the monitoring module 820 is specifically configured to monitor whether the target comment information enters the trigger area based on the location information. The monitoring module 820 is further configured to determine that the pre-display trigger condition is satisfied when the target comment information is detected to have entered the trigger area.
[0069] In one embodiment, when the acquisition module 810 acquires the position information of the target comment information in the current visible page in real time, it is specifically used to: establish a position coordinate system with the upper left corner point of the current visible page as the coordinate origin, and the width direction and height direction of the current visible page as the first coordinate direction and the second coordinate direction, respectively, the positive direction of the second coordinate direction is the direction from the upper left corner point of the current visible page to the lower left corner point; acquire the first coordinate value of the target comment information in the second coordinate direction in the position coordinate system in real time, and the position information includes the first coordinate value. The monitoring module 820 is also used to: determine that the target comment information enters the trigger area when the first coordinate value of the target comment information at the current moment is less than the second coordinate value, and the first coordinate value at the previous moment is greater than or equal to the second coordinate value, wherein the second coordinate value represents the coordinate value of any point on the bottom boundary line of the trigger area in the second coordinate direction in the position coordinate system.
[0070] In one embodiment, the device further includes a cancellation module for canceling the pre-positioned dynamic display of the dynamic material when the target comment information leaves the current visible page.
[0071] In one embodiment, the cancellation module is further used to: obtain the third coordinate value of the center point of the dynamic material in the first coordinate direction in real time, and cancel the pre-dynamic display of the dynamic material when the change in the third coordinate value is greater than the change threshold.
[0072] In one embodiment, the device further includes a determination module and a movement module. The determination module is configured to obtain first position information of a center point of the dynamic material and second position information of a center point of the static material during the pre-dynamic presentation of the dynamic material, and to determine a position connection route between the center points of the dynamic material and the static material based on the first position information and the second position information. The movement module is configured to move and shrink the dynamic material along the position connection route toward the center point of the static material at the end of the dynamic material presentation.
[0073] In one embodiment, the apparatus further includes a change module and a restoration module. The change module is configured to change the original width and height of the static material to zero and the original transparency of the static material to completely transparent when the pre-display trigger condition is met. The restoration module is configured to restore the width and height of the static material to the original width and height and the transparency of the static material to the original transparency when the dynamic material moves and shrinks along the position connection route toward the center point of the static material until it disappears.
[0074] In one embodiment, the device also includes a generation module, which is used to: receive a publishing request for comment information containing dynamic material; extract static material from the dynamic material as the visual information corresponding to the dynamic material in the comment information; add hidden information for pre-displaying the dynamic material in the comment information; and generate target comment information based on the visual information and hidden information.
[0075] For the specific definition of the comment information display device, please refer to the definition of the comment information display method above, and will not be repeated here. The various modules in the above-mentioned comment information display device can be implemented in whole or in part by software, hardware, or a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in 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 the above-mentioned modules.
[0076] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 9 As shown. The computer device includes a processor, a memory, and a network interface connected via a system bus. 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, a computer program, and a database. The internal memory provides an environment for the operation of the operating system and computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external terminal via a network connection. When the computer program is executed by the processor, a method for displaying comment information is implemented.
[0077] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Figure 10As shown. The computer device includes a processor, memory, communication interface, display screen and input device connected via a system bus. Among them, 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 computer program in the non-volatile storage medium. 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, operator network, NFC (near field communication) or other technologies. When the computer program is executed by the processor, a method for displaying comment information is implemented. The display screen of the computer device can be a liquid crystal display 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 provided on the computer device housing, or an external keyboard, touchpad or mouse.
[0078] Those skilled in the art will understand that Figure 9 or Figure 10 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.
[0079] In one embodiment, a computer device is further provided, including a memory and a processor. The memory stores a computer program, and the processor implements the steps in the above method embodiments when executing the computer program.
[0080] In one embodiment, a computer-readable storage medium is provided, storing a computer program, which implements the steps in the above-mentioned method embodiments when executed by a processor.
[0081] In one embodiment, a computer program product or computer program is provided, the computer program product or computer program including computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the steps of each of the above-described method embodiments.
[0082] Those skilled in the art will appreciate that all or part of the processes in the above-mentioned embodiment methods 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, storage, database or other media used in the embodiments provided in this application may include at least one of non-volatile and volatile memory. Non-volatile memory may include read-only memory (ROM), magnetic tape, floppy disk, flash memory or optical memory, etc. Volatile memory may include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM).
[0083] The technical features of the above embodiments can be combined arbitrarily. 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 specification.
[0084] The above-described embodiments merely represent 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 could make various modifications and improvements without departing from the spirit of the present application, all of which fall within the scope of protection of the present application. Therefore, the scope of protection of the present patent application shall be determined by the appended claims.
Claims
1. A method for displaying comment information, characterized in that: The method comprises: Acquiring in real time position information of target comment information on a current visible page, the target comment information including hidden information and visible information, the position of the visible information in the target comment information on the current visible page changing as the page slides, and the hidden information in the target comment information being in a hidden state in a second display layer located above a first display layer where the target comment information is located; the hidden information including dynamic material to be displayed in the foreground, and the visible information including static material corresponding to the dynamic material; Monitoring whether a pre-display triggering condition is satisfied according to the position information; the pre-display triggering condition represents a condition for triggering the pre-display of the dynamic material in the target comment information; When the pre-display trigger condition is met, the transparency of the static material is set to be completely transparent, and the dynamic material is dynamically displayed in the second display layer, so that the dynamic material is separated from the target comment information and is suspended above the current visible page for display.
2. The method according to claim 1, characterized in that Also includes: Setting a trigger area in the current visible page; Monitoring whether a pre-display trigger condition is satisfied according to the position information includes: monitoring whether the target comment information enters a trigger area according to the position information; When it is monitored that the target comment information enters the trigger area, it is determined that the pre-display trigger condition is met.
3. The method according to claim 2, characterized in that Get the location information of the target comment information in the current visible page in real time, including: Establishing a position coordinate system with the upper left corner of the currently visible page as the coordinate origin, and with the width and height of the currently visible page as the first coordinate direction and the second coordinate direction, respectively, where the positive direction of the second coordinate direction is the direction from the upper left corner of the currently visible page to the lower left corner; Acquire in real time a first coordinate value of target comment information in a second coordinate direction of the position coordinate system, the position information including the first coordinate value; When the first coordinate value of the target comment information at the current moment is less than the second coordinate value, and the first coordinate value at the previous moment is greater than or equal to the second coordinate value, it is determined that the target comment information enters the trigger area, wherein the second coordinate value represents the coordinate value of any point on the bottom boundary line of the trigger area in the second coordinate direction in the position coordinate system.
4. The method according to claim 3, characterized in that The process of dynamically displaying the dynamic material in the front may also include any one of the following two items: Item 1: When the target comment information leaves the current visible page, cancel the pre-positioned dynamic display of the dynamic material; Item 2: Acquire the third coordinate value of the center point of the dynamic material in the first coordinate direction in real time, and cancel the pre-dynamic display of the dynamic material when the change of the third coordinate value is greater than the change threshold.
5. The method according to claim 1, characterized in that Also includes: During the process of pre-dynamically displaying the dynamic material, first position information of a center point of the dynamic material and second position information of a center point of the static material are obtained, and a position connection route between the center point of the dynamic material and the center point of the static material is determined based on the first position information and the second position information; When the dynamic material display ends, the dynamic material is moved and reduced along the position connection route toward the center point of the static material.
6. The method according to claim 5, characterized in that Also includes: When the pre-display trigger condition is met, the original width and height of the static material are changed to zero, and the original transparency of the static material is changed to completely transparent; When the dynamic material moves and shrinks along the position connection route toward the center point of the static material until it disappears, the width and height of the static material are restored to the original width and height, and the transparency of the static material is restored to the original transparency.
7. The method according to any one of claims 1 to 6, characterized in that Also includes: receiving a publishing request for comment information containing dynamic material; Extracting static material from the dynamic material as visual information corresponding to the dynamic material in the comment information; Adding hidden information in the comment information for pre-displaying the dynamic material; The target comment information is generated according to the visible information and the hidden information.
8. A comment information display device, characterized in that: The device comprises: An acquisition module is configured to acquire, in real time, position information of target comment information on a current visible page, the target comment information including hidden information and visible information, the position of the visible information in the target comment information on the current visible page changing as the page slides, and the hidden information in the target comment information being in a hidden state in a second display layer located above a first display layer where the target comment information is located; the hidden information including dynamic material to be displayed in front, and the visible information including static material corresponding to the dynamic material; A monitoring module, configured to monitor whether a pre-display triggering condition is satisfied based on the location information; the pre-display triggering condition represents a condition for triggering the pre-display of the dynamic material in the target comment information; The front display module is used to set the transparency of the static material to be completely transparent when the front display trigger condition is met, and dynamically display the dynamic material in the second display layer, so that the dynamic material is separated from the target comment information and is suspended above the current visible page for display.
9. The device according to claim 8, characterized in that The device further includes a setting module; The setting module is used to set a trigger area in the current visible page; The monitoring module is specifically configured to monitor whether the target comment information enters a trigger area according to the position information when monitoring whether the pre-display trigger condition is satisfied according to the position information; The monitoring module is further configured to determine that the pre-display trigger condition is satisfied when detecting that the target comment information enters a trigger area.
10. The device according to claim 9, characterized in that The acquisition module is specifically configured to, when acquiring the position information of the target comment information in the current visible page in real time, establish a position coordinate system with the upper left corner point of the current visible page as the coordinate origin, and with the width direction and height direction of the current visible page as the first coordinate direction and the second coordinate direction, respectively, wherein the positive direction of the second coordinate direction is the direction from the upper left corner point of the current visible page to the lower left corner point; Acquire in real time a first coordinate value of target comment information in a second coordinate direction of the position coordinate system, the position information including the first coordinate value; The monitoring module is also used to determine that the target comment information enters the trigger area when the first coordinate value of the target comment information at the current moment is less than the second coordinate value, and the first coordinate value at the previous moment is greater than or equal to the second coordinate value, wherein the second coordinate value represents the coordinate value of any point on the bottom boundary line of the trigger area in the second coordinate direction of the position coordinate system.
11. The device according to claim 10, characterized in that The device also includes a cancellation module; The canceling module is configured to cancel the pre-positioned dynamic display of the dynamic material when the target comment information leaves the current visible page; The cancellation module is further configured to obtain in real time the third coordinate value of the center point of the dynamic material in the first coordinate direction, and cancel the pre-dynamic display of the dynamic material when the change in the third coordinate value is greater than a change threshold.
12. The device according to claim 8, characterized in that The device also includes a determination module and a movement module; The determining module is configured to obtain first position information of a center point of the dynamic material and second position information of a center point of the static material during the process of pre-dynamically displaying the dynamic material, and determine a position connection route between the center point of the dynamic material and the center point of the static material based on the first position information and the second position information; The moving module is used to move and shrink the dynamic material along the position connection route toward the center point of the static material when the dynamic material display ends.
13. The device according to claim 12, characterized in that The device also includes a change module and a recovery module; The changing module is configured to change the original width and height of the static material to zero and change the original transparency of the static material to completely transparent when the pre-display triggering condition is met; The restoration module is used to restore the width and height of the static material to the original width and height, and restore the transparency of the static material to the original transparency when the dynamic material moves and shrinks along the position connection route toward the center point of the static material until it disappears.
14. The device according to any one of claims 8 to 13, characterized in that The apparatus further comprises a generating module; The generation module is used to receive a request to publish comment information containing dynamic material; extract static material from the dynamic material as the visual information corresponding to the dynamic material in the comment information; add hidden information for pre-displaying the dynamic material in the comment information; and generate the target comment information based on the visual information and the hidden information.
15. 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 7 are implemented.
16. A computer-readable storage medium storing 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 7 are implemented.
Citation Information
Patent Citations
Picture type comment data display method and device, equipment and medium
CN110096665A