Network content browsing method and device, electronic equipment and storage medium

Abstract

The invention relates to the technical field of internet, in particular to a network content browsing method and device, electronic equipment and a storage medium, and is used for effectively shielding network content containing episode information. The method comprises the following steps: presenting a content browsing interface which displays target network content; in response to an anti-episode operation for the target network content, presenting a shielding covering layer on an episode area in the target network content, and presenting at least one piece of episode prompt information and a corresponding expansion control on the shielding covering layer; each time in response to the viewing operation for one expansion control, showing the episode content corresponding to the episode prompt information; each episode content is obtained by performing semantic analysis on the original content in the episode area. According to the application, the object is supported to actively trigger the anti-episode operation, and the episode prompt information and the corresponding expansion control are presented through the shielding covering layer, so that the rough information can be known through the episode prompt information, and the corresponding episode content can be viewed through the expansion control.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a method, apparatus, electronic device, and storage medium for browsing network content. Background Technology

[0002] Spoiler prevention features are becoming increasingly common in various applications, designed to protect audiences (such as viewers and readers) from spoilers of unviewed content and improve their experience.

[0003] However, current methods for preventing spoilers on online content are not yet perfect. For example, when browsing news content, users may encounter articles about the plot of certain movies or TV shows, and these texts and images may contain spoiler information. In related technologies, spoiler prevention for text and image content is typically achieved by the backend identifying the potential for spoilers in the current text or comments and directly hiding or blurring that part of the content. Simultaneously, a warning is displayed on the front-end page, such as: "This content may contain spoilers; click to view."

[0004] In this approach, the definition of spoiler information is determined by the backend or content producer, which may lead to the omission of key information or excessive restrictions. Therefore, the accuracy of spoiler identification using this method is low, and some non-spoiler information may be mistakenly blocked, affecting the user experience.

[0005] Furthermore, the target will only quickly skip over the content if they see the above reminder to avoid being "spoiled." Even if they miss the reminder, they will still see the spoiler information to a large extent, so this spoiler-blocking method is not very effective.

[0006] In conclusion, how to effectively block online content containing spoilers is a problem that needs to be solved. Summary of the Invention

[0007] This application provides a method, apparatus, electronic device, and storage medium for browsing network content, which can effectively block network content containing spoilers.

[0008] This application provides a method for browsing network content, including:

[0009] A content browsing interface is presented, which displays the target network content;

[0010] In response to the anti-spoiler operation for the target network content, an overlay is presented on the spoiler area in the target network content, and at least one spoiler warning message and a corresponding expand control are presented on the overlay.

[0011] In response to a viewing operation on one of the expanded controls, spoiler content corresponding to the corresponding spoiler prompt is presented; each spoiler content is obtained by semantic analysis of the original content in the spoiler area.

[0012] Another method for browsing network content provided in this application includes:

[0013] Upon receiving an anti-spoiler instruction for target network content in the content browsing interface, semantic analysis is performed on the original content in the spoiler area of ​​the target network content to obtain at least one spoiler warning message and the corresponding spoiler content.

[0014] The obtained at least one spoiler warning message and the corresponding spoiler content are sent to the client, so that the client displays an occlusion overlay on the spoiler area of ​​the target network content, and displays the at least one spoiler warning message and the corresponding expand control on the occlusion overlay; and, in response to each viewing operation of the expand control, the spoiler content corresponding to the corresponding spoiler warning message is displayed.

[0015] This application provides a web content browsing device, comprising:

[0016] A presentation unit is used to present a content browsing interface, wherein the content browsing interface displays target network content;

[0017] An anti-spoiler unit is configured to respond to an anti-spoiler operation on the target network content by presenting an obscuring overlay on the spoiler area of ​​the target network content and presenting at least one spoiler warning message and a corresponding expand control on the obscuring overlay.

[0018] The content display unit is used to present spoiler content corresponding to the corresponding spoiler prompt information in response to a viewing operation of one of the expanded controls; each spoiler content is obtained by semantic analysis of the original content in the spoiler area.

[0019] Optionally, the spoiler notification information includes at least one of the following: evaluation-type spoiler notification information and event-type spoiler notification information; wherein, the evaluation-type spoiler notification information is a notification about the feedback content of other objects; and the event-type spoiler notification information is a notification about the events that occur in the plot.

[0020] Optionally, the content display unit is specifically used for:

[0021] If the expanded control is a single-level control, then in response to a viewing operation on one of the expanded controls, the spoiler content corresponding to the corresponding spoiler prompt information is presented, and the display control is set to an invisible state.

[0022] If the expandable control is multi-level, then in response to a viewing operation on one of the expandable controls, the spoiler content corresponding to the corresponding spoiler hint is presented, the display control is set to an invisible state, and the next-level expandable control corresponding to at least one expandable part of the spoiler content is presented; wherein, the expandable part belongs to the next-level spoiler hint, and the expandable part refers to the part of the spoiler content that can be expanded and described.

[0023] Optionally, the content display unit is specifically used for:

[0024] The at least one expandable section is highlighted in the spoiler content, and a corresponding next-level expandable control is presented at the associated location of each expandable section.

[0025] Optionally, the content display unit is further used for:

[0026] In response to a viewing operation of a target next-level display control in at least one next-level display control, spoiler content related to the expandable portion corresponding to the target next-level display control is presented, and the target next-level display control is set to an invisible state; wherein, the spoiler content corresponding to the multi-level expandable controls is: spoiler content that is progressively refined for the same event in the plot description.

[0027] Optionally, if multiple target sub-level expand controls are viewed consecutively, the content display unit is specifically used for:

[0028] In response to consecutive viewing operations on multiple target sub-level display controls, spoiler content related to the expandable portion corresponding to each target sub-level display control is presented sequentially; or

[0029] In response to continuous viewing operations of multiple target sub-level display controls, integrated spoiler content related to the expandable portions corresponding to the multiple target sub-level display controls is directly presented.

[0030] Optionally, the spoiler content corresponding to the displayable portion is generated by recombining the plot details of the displayable portion with the relevant spoiler content that has been shown for the corresponding event.

[0031] Optionally, if the original content includes image content, the content display unit is further configured to:

[0032] In response to a viewing operation on one of the expanded controls, text spoiler content corresponding to the corresponding spoiler message is presented, and image spoiler content associated with the text spoiler content is presented in the image content by removing the sub-region mask, wherein the image spoiler content is an image sub-region associated with the text spoiler content.

[0033] Optionally, the image sub-region is obtained by pre-segmenting key information in the image content based on events that occur in the storyline; the key information includes at least one of characters and scenes.

[0034] Optionally, if the original content includes image content, then the anti-spoiler unit is specifically used for:

[0035] A first occlusion layer is presented on top of the non-image content within the spoiler area. The first occlusion layer is an opaque layer used to cover the non-image content.

[0036] Additionally, a second occlusion layer is presented on top of the image content within the spoiler area. The second occlusion layer is a layer with transparency not exceeding a preset transparency threshold, used to blur the image content.

[0037] Optionally, the anti-spoiler unit is also used for:

[0038] In response to a swipe operation on the content browsing interface, the occlusion overlay and the spoiler area are controlled to move synchronously.

[0039] Furthermore, when the amount of content currently displayed in the target network content changes, the size of the spoiler area and the occlusion layer are adjusted based on the amount of content, and the size of the spoiler area and the occlusion layer is positively correlated with the amount of content.

[0040] Optionally, the anti-spoiler operation can be triggered in any of the following ways:

[0041] Triggered by a preset occlusion action;

[0042] Triggered by the anti-spoiler control associated with the target network content.

[0043] Optionally, if the preset blocking action is to block the display screen, the anti-spoiler unit is further configured to determine the spoiler area in the following manner:

[0044] Detect the boundaries of the target network content that is obscured on the display screen;

[0045] The spoiler area is determined based on the detected boundaries.

[0046] Optionally, the anti-spoiler unit is specifically used to determine the spoiler area by at least one of the following methods:

[0047] The area within the boundary is defined as the spoiler area;

[0048] The region containing the complete content corresponding to the content within the boundary is designated as the spoiler region.

[0049] Optionally, the overlay also displays a close control, and the anti-spoiler unit is further used for:

[0050] In response to a trigger operation on the close control, the obscuring overlay is removed to restore the normal display of the original content in the spoiler area.

[0051] Another web content browsing device provided in this application embodiment includes:

[0052] The processing unit is configured to, upon receiving an anti-spoiler instruction for target network content in the content browsing interface, perform semantic analysis on the original content in the spoiler area of ​​the target network content to obtain at least one spoiler prompt message and the corresponding spoiler content.

[0053] A transmission unit is configured to send the obtained at least one spoiler warning message and the corresponding spoiler content to a client, so that the client displays an obscuring overlay on the spoiler area of ​​the target network content, and displays the at least one spoiler warning message and the corresponding expand control on the obscuring overlay; and, in response to each viewing operation of the expand control, displays the spoiler content corresponding to the corresponding spoiler warning message.

[0054] Optionally, the spoiler notification information includes event-based spoiler notification information; the event-based spoiler notification information is a notification about events occurring in the plot; the processing unit is specifically used for:

[0055] The original content in the spoiler area is split into multiple sentences;

[0056] Identify the basic components in each sentence and extract the plot details corresponding to the basic components;

[0057] The basic components and plot details of each sentence are integrated according to the events in the plot description to obtain the spoiler content of the event-type spoiler information, and the corresponding basic components are used as the event-type spoiler information.

[0058] Optionally, the spoiler content corresponding to the multi-level expansion control is: spoiler content that is progressively refined for the same event in the plot description; wherein, the subject in the basic component corresponds to the initial information level, and other basic components correspond to other information levels.

[0059] Optionally, if the original content in the spoiler area contains image content, then the spoiler content includes text spoiler content and image spoiler content associated with the text spoiler content; the processing unit is further configured to:

[0060] Based on the events described in the plot, key information in the image content is segmented to obtain multiple image sub-regions; the key information includes at least one of characters and scenes;

[0061] Each image sub-region is treated as an image spoiler and associated with a corresponding text spoiler.

[0062] An electronic device provided in this application includes a processor and a memory, wherein the memory stores a computer program, and when the computer program is executed by the processor, the processor performs the steps of any of the above-described methods for browsing network content.

[0063] This application provides a computer-readable storage medium including a computer program. When the computer program is run on an electronic device, the computer program is used to cause the electronic device to perform the steps of any of the above-described methods for browsing network content.

[0064] This application provides a computer program product, which includes a computer program stored in a computer-readable storage medium. When a processor of an electronic device reads the computer program from the computer-readable storage medium, the processor executes the computer program, causing the electronic device to perform the steps of any of the above-described methods for browsing network content.

[0065] The beneficial effects of this application are as follows:

[0066] This application provides a method, apparatus, electronic device, and storage medium for browsing network content. In this application, when a viewer encounters target network content containing spoilers, they can actively trigger an intelligent anti-spoiler function for that target network content through any preset anti-spoiler operation, allowing for personalized processing of any content the viewer does not wish to view.

[0067] After the anti-spoiler operation is triggered, semantic analysis of the original content in the spoiler area of ​​the target network content can be performed to obtain at least one spoiler warning message and the corresponding spoiler content. Then, an occlusion layer is presented on the spoiler area of ​​the target network content at the front end to effectively block the network content containing spoiler information.

[0068] Building upon this, by presenting spoiler alerts and corresponding expandable controls on the overlay, each expandable control allows for further viewing. Upon viewing, the corresponding spoiler content is displayed on the front end. Since these spoiler alerts and their corresponding spoiler content are derived from semantic analysis of the original content containing spoiler information, and since this spoiler alert is a simple, object-oriented spoiler notification, it informs the viewer that they are about to encounter information that may disrupt their viewing experience. Viewers are allowed to choose whether to continue viewing the relevant spoiler content, and are reminded that they can further view the actual spoiler content in these areas. This allows viewers to actively select the specific spoiler content they want to view, satisfying their personalized spoiler viewing needs. Furthermore, because the spoiler content is derived from semantic analysis of the original content containing spoiler information and is therefore generalized, it ensures that viewers are not completely spoiled, improving their experience.

[0069] Other features and advantages of this application will be set forth in the description which follows, and will be apparent in part from the description, or may be learned by practicing the application. The objectives and other advantages of this application may be realized and obtained by means of the structures particularly pointed out in the written description, claims, and drawings. Attached Figure Description

[0070] The accompanying drawings, which are included to provide a further understanding of this application and form part of this application, illustrate exemplary embodiments and are used to explain this application, but do not constitute an undue limitation of this application. In the drawings:

[0071] Figure 1 This is an optional schematic diagram of an application scenario in an embodiment of this application;

[0072] Figure 2 This is a flowchart illustrating an implementation method for browsing network content in an embodiment of this application.

[0073] Figure 3 This is a schematic diagram illustrating how gesture-based spoiler prevention is activated in an embodiment of this application.

[0074] Figure 4 This is a schematic diagram of a spoiler area identification process in an embodiment of this application;

[0075] Figure 5 This is a schematic diagram illustrating a physical button activation method for preventing spoilers in an embodiment of this application;

[0076] Figure 6 This is a schematic diagram illustrating the positional relationship between an occlusion layer and a content layer in an embodiment of this application;

[0077] Figure 7This is a schematic diagram of an occlusion layer in an embodiment of this application;

[0078] Figure 8 This is a schematic diagram of another occlusion layer in an embodiment of this application;

[0079] Figure 9A This is a schematic diagram illustrating the first type of occlusion layer change in an embodiment of this application;

[0080] Figure 9B This is a schematic diagram illustrating the second type of occlusion layer change in an embodiment of this application;

[0081] Figure 9C This is a schematic diagram illustrating the third type of occlusion layer change in the embodiments of this application;

[0082] Figure 10 This is a schematic diagram of the first type of spoiler viewing process in the embodiments of this application;

[0083] Figure 11 This is a schematic diagram of the second type of spoiler viewing process in the embodiments of this application;

[0084] Figure 12 This is a schematic diagram of the third spoiler viewing process in the embodiments of this application;

[0085] Figure 13 This is a schematic diagram of the fourth spoiler viewing process in the embodiments of this application;

[0086] Figure 14 This is a schematic diagram of a masking layer closing process in an embodiment of this application;

[0087] Figure 15 This is a flowchart illustrating another method of browsing network content in this application embodiment;

[0088] Figure 16 This is a schematic diagram of an associated text and image sub-region in an embodiment of this application;

[0089] Figure 17 This is a schematic diagram of the composition structure of a web content browsing device according to an embodiment of this application;

[0090] Figure 18 This is a schematic diagram of the composition structure of another network content browsing device according to an embodiment of this application;

[0091] Figure 19 This is a schematic diagram of the hardware structure of an electronic device using an embodiment of this application;

[0092] Figure 20 This is a schematic diagram of the hardware structure of another electronic device using an embodiment of this application. Detailed Implementation

[0093] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of this application will be clearly and completely described below with reference to the accompanying drawings of the embodiments of this application. Obviously, the described embodiments are only some embodiments of the technical solutions of this application, and not all embodiments. Based on the embodiments recorded in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the technical solutions of this application.

[0094] The following describes some of the concepts involved in the embodiments of this application.

[0095] 1. Content Browsing Interface: This is an object-oriented (e.g., user-oriented) window that allows objects to interact with digital content. It provides a visual way to display, search, filter, and manage various types of information, such as documents, images, videos, and audio files, which are collectively referred to as web content in this document. The content browsing interface supports various interactive methods such as clicking, dragging and dropping, or using keyboard shortcuts to manipulate the content.

[0096] 2. Online content: refers to various information and media published on the Internet, including but not limited to text, images, audio, video, and hyperlinks. For example, it can be articles, audio, video, messages, pictures, music, links, emoticons, etc., obtained by an object from a client. In this article, online content can refer to any text or graphic content, while target online content refers to any online content containing spoilers, i.e., any text or graphic content containing spoilers.

[0097] 3. Spoilers: This refers to the act of prematurely revealing or disclosing key plot points or endings of stories, movies, TV series, books, or other narrative works. For example, for already aired films, TV series, or serialized novels, those who start watching later may not have seen the latest episodes or installments. The unreleased parts of the plot constitute a "spoiler" for them, especially crucial plot points. If someone is spoiled, the novelty of watching will decrease, and they may lose the motivation to continue watching.

[0098] 4. Spoiler Area: This refers to the area identified from the target online content in the content browsing interface based on the anti-spoiler operation triggered by the object. This area contains the spoiler information that needs to be blocked. The spoiler area can contain a part of the target online content or the entire content of the target online content. In addition, the size of the spoiler area may change as the object performs a swipe operation on the content browsing interface.

[0099] 5. Occlusion Mask: Also known as a masking layer, this is a technique used in image processing or animation production. It uses a layer to control the visibility of the layers below. An occlusion mask acts like a template, only displaying the portion that overlaps with its shape, while the content outside the mask is hidden. In this embodiment, the occlusion mask refers to a mask used to cover or hide a portion of the page, specifically covering or hiding the spoiler area corresponding to the target web content. The layer below it is the content layer, i.e., the layer where the content browsing interface is located. The size of the occlusion mask depends on the spoiler area and is displayed above it. Initially, the occlusion mask is used to present at least one plot hint and an expand control. As the object views the expand control, more spoiler content will gradually be revealed in the occlusion mask.

[0100] 6. Spoiler Warnings and Spoiler Content: Spoiler warnings and their corresponding spoiler content have a predictive and revealing relationship. Spoiler warnings are cautionary messages given to viewers before sharing content that may reveal key plot points. Their purpose is to give viewers the option to choose whether to continue reading or listening to what might contain important plot details, thus preserving their initial experience of the work (such as a movie, TV series, book, or game). Spoiler content, on the other hand, is derived from semantic analysis of the original content containing spoiler information. It refers to the portion of the content that the spoiler warning indicates will be revealed. Specifically, it can refer to information that reveals feedback from other viewers, key plot twists, the ending, or important secrets. This information could be feedback from other viewers about the plot, the fate of characters, plot climaxes, answers to puzzles, or anything the author originally intended to present as a surprise element.

[0101] 7. Expand Control: This is a user interface element that allows an object to display or hide additional spoiler content through clicking or other interactions, providing more detailed information. In this embodiment, the expand control is used to provide step-by-step information disclosure. Multi-level expand controls have a hierarchical structure. When an object interacts with a expand control, it not only expands the spoiler content of the current level, but some of this spoiler content may also have their own next-level expand controls. The object can then choose to delve deeper into more specific spoiler content through the next-level expand control. Conversely, single-level expand controls do not have a hierarchical structure; when an object interacts with a expand control, it directly expands the final spoiler content.

[0102] The spoiler content in this application embodiment can be divided into different information levels. Correspondingly, the spoiler content for the same event in the plot description can be viewed through multi-level expansion controls.

[0103] The design concept of the embodiments of this application will be briefly described below:

[0104] With the airing of numerous popular dramas, viewers are eagerly following them, and various social media and short video platforms are filled with plot summaries, clips, and reviews. Those who start watching later may not want to see spoilers for parts of the story on these platforms; therefore, it's necessary to consider their desire to avoid spoilers in social media settings.

[0105] For example, when viewing online content, such as news articles, one might encounter articles about the plot of certain films or TV shows. These texts and images may contain spoilers. If the viewer doesn't want to be spoiled, this text can significantly impact their viewing experience of the relevant shows.

[0106] In related technologies, spoiler prevention can be achieved for online content containing spoiler information in the following ways:

[0107] The first method involves adding phrases like "XXX spoilers" to online content. Here, "XXX" represents, for example, the title of a movie or TV show. "Spoiler" is displayed as an explicit keyword to identify spoilers. When browsing such content, if users see these explicit words, they need to quickly skip them to avoid being spoiled. However, in this method, the explicit "spoiler" text is presented the same way as other non-spoiler content. Users need to see the word "spoiler" to know it's spoiler content, so they still likely see spoilers. Therefore, this spoiler-blocking method is very ineffective.

[0108] The second method involves filtering and blocking online content based on spoiler keywords. This means providing a function to block content containing certain spoiler keywords. However, this method relies on explicitly present spoiler keywords; only content explicitly containing these keywords is blocked. In reality, some online content may not explicitly contain spoiler keywords but still implicitly indicate spoilers, or some content may contain spoiler keywords but not actually contain spoilers. Therefore, this method has low accuracy in spoiler identification, potentially incorrectly blocking non-spoiler content while overlooking spoiler content. The accuracy and effectiveness of spoiler blocking are low, resulting in poor spoiler blocking performance.

[0109] Furthermore, when the audience doesn't want to be completely spoiled but still wants to know some plot details or a summary of the story, they also have a desire to selectively view certain parts of the content. Neither of the methods mentioned above can satisfy this desire. The audience usually has no choice but to either not watch at all or be spoiled after seeing the complete information.

[0110] Therefore, how to identify and block online content containing spoilers is a problem that needs to be solved.

[0111] In view of this, embodiments of this application propose a method, apparatus, electronic device, and storage medium for browsing network content. In this application, when a viewer encounters target network content containing spoilers, they can actively trigger an intelligent anti-spoiler function for the target network content through any preset anti-spoiler operation, allowing for personalized processing of any content the viewer does not wish to view.

[0112] After the anti-spoiler operation is triggered, semantic analysis of the original content in the spoiler area of ​​the target network content can be performed to obtain at least one spoiler warning message and the corresponding spoiler content. Then, an occlusion layer is presented on the spoiler area of ​​the target network content at the front end to effectively block the network content containing spoiler information.

[0113] Building upon this, by presenting spoiler alerts and corresponding expandable controls on the overlay, each expandable control allows for further viewing. Upon viewing, the corresponding spoiler content is displayed on the front end. Since these spoiler alerts and their corresponding spoiler content are derived from semantic analysis of the original content containing spoiler information, and since this spoiler alert is a simple, object-oriented spoiler notification, it informs the viewer that they are about to encounter information that may disrupt their viewing experience. Viewers are allowed to choose whether to continue viewing the relevant spoiler content, and are reminded that they can further view the actual spoiler content in these areas. This allows viewers to actively select the specific spoiler content they want to view, satisfying their personalized spoiler viewing needs. Furthermore, because the spoiler content is derived from semantic analysis of the original content containing spoiler information and is therefore generalized, it ensures that viewers are not completely spoiled, improving their experience.

[0114] The preferred embodiments of this application are described below with reference to the accompanying drawings. It should be understood that the preferred embodiments described herein are for illustration and explanation only and are not intended to limit this application. Furthermore, the embodiments and features in the embodiments of this application can be combined with each other without conflict.

[0115] like Figure 1The diagram shown is an application scenario illustration of an embodiment of this application. The application scenario diagram includes two terminal devices 110 and one server 120.

[0116] In this embodiment, the terminal device 110 includes, but is not limited to, mobile phones, tablets, laptops, desktop computers, e-book readers, smart voice interaction devices, smart home appliances, and in-vehicle terminals. The terminal device may have a client installed for browsing network content. This client can be software (e.g., browsers, social media, content sharing software), web pages, or mini-programs. The server 120 is the backend server corresponding to the software, web pages, or mini-programs, or a server specifically used for browsing network content; this application does not impose specific limitations. The server 120 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms.

[0117] It should be noted that the network content browsing method in each embodiment of this application can be executed by an electronic device, which can be a terminal device 110 or a server 120. That is, the method can be executed by the terminal device 110 or the server 120 alone, or by the terminal device 110 and the server 120 together.

[0118] For example, when executed jointly by terminal device 110 and server 120, a client for browsing network content, such as a browser, can be installed on terminal device 110. The object can browse various network content in the browser. For example, when browsing target network content containing spoiler information, the client will display a content browsing interface, which displays the target network content. Furthermore, to avoid being spoiled by the content, the object can trigger an anti-spoiler operation. In response to the anti-spoiler operation for the target network content, the client sends an anti-spoiler instruction to the server for the target network content. After receiving the anti-spoiler instruction, the server performs semantic analysis on the original content in the spoiler area of ​​the target network content, obtains at least one spoiler prompt and corresponding spoiler content, and sends it to the client. Then, the client displays an overlay on the spoiler area in the target network content, and displays at least one spoiler prompt and corresponding expand control on the overlay. Subsequently, the object can select to view one or more specific spoiler contents based on these prompts and controls. Each time the client responds to a view operation for an expand control, it displays the spoiler content corresponding to the spoiler prompt.

[0119] In one alternative implementation, the terminal device 110 and the server 120 can communicate via a communication network.

[0120] In one alternative implementation, the communication network is a wired network or a wireless network.

[0121] It should be noted that, Figure 1 The examples shown are merely illustrative; in reality, the number of terminal devices and servers is unlimited and is not specifically limited in the embodiments of this application.

[0122] In this embodiment of the application, when there are multiple servers, the multiple servers can form a blockchain, and the servers are nodes on the blockchain; as disclosed in the network content browsing method of this embodiment of the application, the network content-related data involved can be stored on the blockchain, such as network content, spoiler prompts, spoiler content, etc.

[0123] Furthermore, the embodiments of this application can be applied to various scenarios, including but not limited to cloud technology, artificial intelligence, smart transportation, and assisted driving.

[0124] It should be emphasized that the specific embodiments of this application involve data related to network content and object operations, such as the target network content and the recognition of preset occlusion actions listed above. When the above embodiments of this application are applied to specific products or technologies, permission or consent from the target is required, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions.

[0125] The following describes a method for browsing network content provided by an exemplary embodiment of this application, in conjunction with the application scenarios described above and with reference to the accompanying drawings. It should be noted that the above application scenarios are only shown to facilitate understanding of the spirit and principles of this application, and the implementation of this application is not limited in any way in this respect.

[0126] See Figure 2 The diagram shown is a flowchart of an implementation method for browsing network content provided in this application. Taking the client as the execution subject as an example, the specific implementation process of this method is as follows: S21 to S23:

[0127] S21: Presents a content browsing interface, which displays the target network content.

[0128] Among them, "online content" refers to any text or graphic content, while "target online content" refers to any online content that contains spoilers.

[0129] Optionally, online content containing spoilers can be of the following types: articles, blog and forum posts, social media updates, comments and ratings, news reports, encyclopedia entries, teaching and analytical materials, Q&A communities, official trailers and interviews, etc.

[0130] For example, discussions about movies, TV series, books, etc., shared by individuals on blogs or forums may contain detailed plot analyses and spoilers. Status updates on social media platforms may inadvertently mention plot details. Comments on online review sections and rating websites sometimes include discussions of key plot points. Media reports about newly released movies or TV series may mention key plot points to attract readers, potentially containing spoilers. Online encyclopedia entries about movies, TV series, and books usually provide detailed plot summaries. Online courses, academic papers, or teaching materials on educational websites, if covering specific works, may analyze their plots and themes. In Q&A communities, individuals asking or answering questions about a work may reveal plot details. While official trailers generally try to avoid spoilers, they may sometimes contain hints about the plot, and creators may reveal more information about the story in official interviews; and so on.

[0131] It should be noted that the content types listed above are just simple examples, and any type of network content is applicable to the embodiments of this application, which will not be elaborated here.

[0132] The presence of spoilers in online content can affect viewers who haven't watched the show. For example, if episode 15 of a TV series "A" has already aired online, but a viewer only watched episode 1 because they started watching later, and doesn't want to be spoiled, they would like to block spoilers for "A" when browsing online content. This way, they can watch "A" at their own pace, maintain their interest in watching the show, and continue watching "A".

[0133] To overcome the above problems, the web content browsing method proposed in this application supports objects actively triggering intelligent anti-spoiler functions for the target web content, and can personalize the processing of any content that an object does not want to view. The specific process is as follows:

[0134] S22: In response to the anti-spoiler operation for the target network content, an occlusion overlay is displayed on the spoiler area in the target network content, and at least one spoiler prompt message and a corresponding expand control are displayed on the occlusion overlay.

[0135] Specifically, the content browsing interface can display one or more pieces of online content. The exact number of pieces of content that can be displayed on the current interface depends on factors such as screen size, resolution, related client design, layout efficiency, and object personalization settings, which are not specifically limited in this article. If an object discovers that a piece of online content in the content browsing interface contains spoilers for a specific work, it can actively trigger anti-spoiler measures. This online content can be denoted as the target online content.

[0136] In this application embodiment, there are many ways to trigger the anti-spoiler operation, including but not limited to any of the following:

[0137] Triggering method 1: Triggered by a preset occlusion action.

[0138] In this embodiment of the application, the preset occlusion action includes, but is not limited to:

[0139] (1) Gesture occlusion: The object uses a preset gesture to trigger the occlusion of the target network content.

[0140] One of the preset gestures is to cover the screen.

[0141] For example, when viewing content on a user's website, if they encounter text or images related to the plot of a movie or TV show, they can cover the unwanted spoilers with their palm. The phone's hardware will then detect the cover-up and process the spoilers.

[0142] like Figure 3 The diagram illustrates a gesture-based anti-spoiler mechanism activated by occlusion in an embodiment of this application. The current content browsing interface displays two pieces of online content: one is a report titled "The Truth About xx Event Revealed," and the other is an article about episode 15 of season 2 of TV series A, specifically containing spoilers for episode 15. However, a user who only watched episode 1 late and doesn't want spoilers can trigger the anti-spoiler action by occluding the screen when browsing this online content.

[0143] In this method, the spoiler area can be determined as follows:

[0144] First, the boundaries of the target network content that is obscured on the display screen are detected, and then the spoiler area is determined based on the detected boundaries.

[0145] One approach is to detect the boundaries of occluded targets on the screen using image analysis methods, such as locating the occluded area by comparing pixel changes before and after occlusion. By combining depth information and motion vectors, the outline of the occluded target can be accurately delineated, effectively distinguishing and detecting target boundaries even against complex backgrounds.

[0146] Optionally, after detecting and identifying the boundaries of the obscured target network content on the display screen, there are two methods to determine the spoiler area:

[0147] (a) Direct Boundary Method: The area within the detected boundary is directly defined as the spoiler area.

[0148] This method is simple and direct, and is suitable for scenarios with clear boundaries where the spoiler information exists only within the boundaries.

[0149] This method is more suitable for situations where spoiler information is relatively compact, such as key lines in a dialogue box, where the direct boundary method can be used to avoid excessive obscuring.

[0150] Furthermore, considering that spoiler information may not be limited to the directly detected boundary but extends to the surrounding related text and / or images, the entire area containing the content within the boundary can also be defined as the spoiler area, as described below using the extended boundary method:

[0151] (ii) Extended boundary method: The area containing the complete content within the boundary is regarded as the spoiler area.

[0152] Specifically, real-time images can be captured using the front-facing camera of electronic devices, and image processing technology can be used to identify the outline of the obstruction, accurately locate the screen area obscured by the obstruction (such as a hand, card, or piece of paper), and thus detect the content boundary of the obscured part.

[0153] This method is more suitable for situations where spoiler information is scattered, such as important plot points being spread across multiple paragraphs of text or combined with images. In these cases, an extended boundary method is needed to ensure all relevant details are covered, providing more comprehensive spoiler protection. For example, for a comic book page, the boundary might need to be extended to the entire page to prevent missing key scenes; if the end of a chapter is being obscured, the extended boundary might include the entire paragraph to prevent missing important plot details; similarly, for a film review, the boundary might need to be extended to the entire page to prevent missing key plot points; and so on.

[0154] In this embodiment, the extended boundary method is more comprehensive and can cover spoiler information that may be related inside and outside the boundary, especially when the spoiler content spans multiple paragraphs or images.

[0155] In summary, the specific method chosen depends on the distribution of spoiler information and the application requirements, which will not be elaborated upon here.

[0156] See Figure 4As shown, this is a schematic diagram of a spoiler area recognition process in an embodiment of this application. For example, if an object covers the phone screen with their palm, it is necessary to detect the position of the finger covering the screen. Specifically, the front-facing camera of the phone and image processing technology can be used to detect the position of the object's finger on the screen. Specifically, by analyzing the image captured by the camera in real time, the outline of the finger is identified and its coordinates on the screen are determined, such as... Figure 4 The upper boundary is identified as y1, and the lower boundary is identified as y2.

[0157] Furthermore, based on the detected finger position and the corresponding text content being obscured, the page area that needs to be obscured is calculated, which is the spoiler area in this article, as shown in section S41.

[0158] In addition, when an object obscures the screen with a gesture, the system can determine the relevant content on the current page based on what the object is obscuring, define this part as spoiler content, obtain the display area corresponding to this part of the content on the page, and obscure a new layer in this area as the display area of ​​the intelligent spoiler content, which is the spoiler area in this article.

[0159] In the above implementation, the object uses gesture occlusion as the trigger condition for preventing spoilers. The object can select the occlusion timing and occlusion range according to its own needs, so as to meet the object's personalized content occlusion requirements.

[0160] Furthermore, preset gestures can also include waving or covering the eyes. In this mode, the target online content can refer to the online content viewed when the object triggers the anti-spoiler action, the online content containing spoiler information in the current content browsing interface (automatically detected by the system), or the online content that the object is currently avoiding browsing, as the target online content, etc., through eye-tracking detection. Correspondingly, the spoiler area refers to the entire area in the content browsing interface that contains the target online content, or the area in the target online content that contains spoiler information, etc.

[0161] (2) Flip the screen: Place the terminal device screen face down to automatically trigger the anti-spoiler operation.

[0162] For example, when the terminal device is a mobile device such as a mobile phone, tablet, e-ink reader, or smartwatch, if the user sees online content they don't want to be spoiled, they can place the terminal device screen down to automatically trigger the anti-spoiler operation. The method for determining the target online content and the spoiler area is the same as described above.

[0163] (3) Physical button: Press a specific button or combination of keys on the terminal device to activate the anti-spoiler setting.

[0164] For example, when the terminal device is an electronic device with a keyboard, such as a tablet (which can be a Bluetooth-connected keyboard), a laptop, or a desktop computer, the anti-spoiler mode can be quickly activated by pressing a specific key or key combination on the computer, such as "Ctrl+Shift+S" (this is just an example; the actual shortcut key depends on the application).

[0165] The method for determining the target network content and spoiler areas is the same as above.

[0166] Triggering method 2: Triggered through anti-spoiler controls associated with the target network content.

[0167] In this embodiment of the application, the system can automatically detect whether the network content contains spoiler information. If a network content is found to contain spoilers, an anti-spoiler control can be displayed at the associated location of the network content (such as nearby). The object can trigger the anti-spoiler operation through the control, such as clicking, double-clicking, long-pressing, etc. This article does not make specific limitations.

[0168] There are many ways for the system to automatically detect whether online content contains spoilers, such as using Natural Language Processing (NLP) technology and machine learning to analyze online text, identify and filter key information that may reveal the plot, etc. This article does not make any specific limitations.

[0169] The method for determining the target network content and spoiler areas is the same as above.

[0170] like Figure 5 The diagram illustrates a physical button-activated spoiler protection mechanism in an embodiment of this application. The current content browsing interface displays two pieces of online content: one is a report titled "The Truth About xx Event Revealed," and the other is a report about "TV Series A," specifically containing spoiler information for episode 15. Since the report about "TV Series A" contains spoilers, a spoiler protection control, such as S51, can be displayed in its title. When an object browses this online content, it can trigger the spoiler protection operation for this online content by clicking S51.

[0171] Triggering method 3: Voice command triggering.

[0172] Specifically, when a specific voice command is detected, such as "anti-spoiler mode", the anti-spoiler function is activated.

[0173] When the user gives a specific voice command, they can explicitly specify the target online content for which spoiler protection is needed, such as "XXXX, enable spoiler protection mode"; or they can not specify the target online content for which spoiler protection is needed, such as "enable spoiler protection mode", etc.

[0174] The method for determining the target network content and spoiler areas is the same as above.

[0175] Triggering method four: Eye gaze detection.

[0176] When the system detects that an object's gaze has left the screen, the anti-spoiler function is automatically activated.

[0177] The method for determining the target network content and spoiler areas is the same as above.

[0178] In addition, under this triggering method, in order to avoid accidentally enabling the anti-spoiler function, the object can be asked for confirmation, such as a pop-up window reminding the object whether to enable the anti-spoiler mode for certain content or the content on the current page. After the object confirms, the overlay and other information are then presented.

[0179] It should be noted that the above-listed anti-spoiler measures can be used in combination. Furthermore, the above-listed anti-spoiler measures are just simple examples, and any anti-spoiler measure is applicable to the embodiments of this application, which will not be described in detail here.

[0180] Once the anti-spoiler operation is triggered on the object, and the spoiler area in the target network content is determined based on the above method, an occlusion mask can be applied to this spoiler area. The occlusion mask is a layer used to cover or hide the spoiler area corresponding to the target network content.

[0181] See Figure 6 As shown, it is a schematic diagram of the positional relationship between an occlusion mask and a content layer in an embodiment of this application. The occlusion mask covers the spoiler area in the content layer, which can achieve the effect of blocking spoiler information.

[0182] The following is a simple explanation of the underlying logic for adding a mask to a specific part of a page (such as a spoiler area), which can be achieved through the following steps:

[0183] Step 1: Set the relative positioning of the spoiler area:

[0184] To ensure the overlay is positioned relative to the spoiler area, the spoiler area needs to have a Cascading Style Sheet (CSS) property set to `position: relative`. This ensures that any absolutely positioned child elements are positioned relative to this area, rather than relative to the entire page.

[0185] Step 2: Create a mask element:

[0186] Create a new HTML element within the spoiler area, such as a And add a class to it, such as .overlay (representing the actual overlay element).

[0187] Step 3: Set the absolute positioning of the mask:

[0188] Set the CSS of the overlay element to `position: absolute` and adjust its top, right, bottom, and left properties to ensure the overlay completely covers the spoiler area. Alternatively, you can use the width and height properties to match the size of the spoiler area.

[0189] Step 4: Apply mask style:

[0190] To add background color and transparency to a mask, the rgba format is typically used. For example, when creating a semi-transparent black mask, you can set background-color: rgba(0,0,0,0.5).

[0191] Step 5: Adjust the hierarchy:

[0192] Ensure the overlay is above other elements within the spoiler area by setting the z-index property. The overlay's z-index should be higher than that of other elements within the spoiler area.

[0193] It should be noted that the above process of adding a mask is just a simple example, and other processes are also applicable to the embodiments of this application. This article does not make specific limitations on them.

[0194] In one alternative implementation, if the original content contains image content, then when presenting the occlusion mask in S22, different occlusion masks can also be presented in the following manner:

[0195] A first occlusion layer is applied over the non-image content within the spoiler area, and a second occlusion layer is applied over the image content within the spoiler area; wherein, the first occlusion layer is an opaque layer used to obscure the non-image content; and the second occlusion layer is a layer with an opacity not exceeding a preset transparency threshold used to blur the image content.

[0196] See Figure 7 As shown, this is a schematic diagram of an occlusion overlay in an embodiment of this application. After the object triggers the anti-spoiler operation for the article "TV series A" using any of the above methods, the overlay can be displayed. Figure 7 The masking layer shown is placed over the original text. Figure 7 There are two types of overlays shown. One is the first overlay, which covers the non-image content within the spoiler area, such as part S71. It is used to cover the relevant content on the original page and also serves as a display layer for smart spoilers, showing plot hints, display controls, and the spoiler content to be viewed later. The other is the second overlay, which covers the image content within the spoiler area, such as part S72. It is used to cover the relevant image content, specifically by blurring the image.

[0197] Specifically, the first occlusion layer shown in section S71 can be added to this area by modifying the page's CSS style. This occlusion layer can use an opaque gray background so that the object cannot see the occluded content. When it is determined that there is image content in the occlusion area, an occlusion layer is added to the image content, such as the second occlusion layer shown in section S72. It can use semi-transparent black or white to make the underlying image content less clear so that the object perceives that there is an image here, but cannot see the specific content.

[0198] It should be noted that, considering the spoiler area may only be a specific area in the content browsing interface, rather than the entire page, the overlay should only cover the specific area instead of the entire page. The position property and boundary of the overlay can be adjusted to precisely cover the spoiler area without affecting other unspecified areas on the page.

[0199] In another alternative implementation, the same masking layer can be uniformly applied to the spoiler area. This masking layer can be an opaque layer or a layer with low transparency. This article does not impose specific restrictions on the transparency of the masking layer, as long as it can serve the purpose of preventing spoilers.

[0200] See Figure 8 As shown, this is a schematic diagram of another occlusion layer in an embodiment of this application. After the object triggers anti-spoiler operations for the article "TV series A" through any of the above methods, it can also be displayed. Figure 8 The masking layer shown is placed over the original text. Figure 8 There is only one type of occlusion layer shown, namely the first occlusion layer S80, which covers the entire spoiler area and does not distinguish between image content and non-image content.

[0201] In the above implementation, by applying a masking layer to the spoiler area, the viewer's attention is focused on the intelligent anti-spoiler function, effectively protecting those who haven't viewed the content from spoilers. Furthermore, completely masking non-image content (mainly text) ensures that key information is not directly read, while blurring image content allows the viewer to perceive an image while concealing details, avoiding spoilers of key visual elements. This design maintains the integrity of the content, allowing those interested in learning more to choose to view it, while also respecting the experience of those who wish to retain suspense, creating a healthier and more inclusive online discussion environment, enhancing viewer engagement and a positive community atmosphere.

[0202] In addition, considering that when browsing target online content, users may swipe to view content that is not fully displayed in the current browsing interface, an optional implementation method is as follows:

[0203] In response to swiping operations on the content browsing interface, the overlay and spoiler area are moved synchronously; and when the amount of content currently displayed in the target network content changes, the size of the spoiler area and overlay is adjusted based on the amount of content, with the size of the spoiler area and overlay being positively correlated with the amount of content.

[0204] Specifically, the amount of content currently displayed in the target network content may also change. For example, as the page scrolls and more and more content is gradually revealed, the spoiler area and the overlay will be increased accordingly. Or, as the page scrolls and you gradually browse to the end of the content, the amount of target network content presented in the current content browsing interface is less, so the spoiler area and the overlay will be reduced accordingly.

[0205] like Figure 9A As shown, it is a schematic diagram of the first type of occlusion layer change in the embodiments of this application. Figure 9A This indicates the change in the position of the overlay caused by the change in the position of the spoiler area when the page is scrolled down, without any change in the size of the spoiler area.

[0206] like Figure 9B As shown, it is a schematic diagram of the second type of occlusion layer change in the embodiments of this application. Figure 9B This means that when scrolling down the page, as the amount of content currently displayed in the target network increases, the size of the spoiler area changes, and the overlay changes accordingly.

[0207] like Figure 9C As shown, this is a schematic diagram of the third type of occlusion layer change in an embodiment of this application. Figure 9C This means that when the page is scrolled down, the amount of content currently displayed in the target network content decreases and its position changes, the size and position of the spoiler area change, and the occlusion layer changes synchronously.

[0208] It should be noted that the above examples are just simple illustrations. The same applies to swiping down, left, right, etc. This article does not make any specific limitations.

[0209] In this embodiment, to make the overlay follow the page scrolling, JavaScript can be used to bind a scroll event detector to the page to detect page scrolling events in real time. When the page scrolls, the detector will activate the corresponding processing function. In the processing function, the current position of the spoiler area is dynamically calculated. Taking into account the changes in element coordinates after the page scrolls, the position parameters of the overlay, such as the top and left values, are adjusted to update the position of the overlay in real time so that it always covers the spoiler area.

[0210] Specifically, the processing function is called whenever the page scrolls, updating the position information of the overlay layer in real time to ensure that its correspondence with the spoiler area is not affected by scrolling.

[0211] In the above implementation, the overlay can intelligently follow the page scrolling, always remain in the correct position, and can adaptively adjust according to the amount of content currently displayed in the target network content, which can effectively prevent the accidental exposure of spoiler information and provide a user-friendly browsing experience.

[0212] In the above process, spoiler information can be masked by presenting an occlusion layer. In addition, to meet the personalized needs of the target, when the target triggers the anti-spoiler operation, in addition to presenting an occlusion layer on the spoiler area of ​​the target network content, one or more spoiler prompts will also be presented on this occlusion layer. Each spoiler prompt corresponds to an expand control and a spoiler content.

[0213] In this context, spoiler warnings and their corresponding spoiler content have a predictive and revealing relationship. Spoiler warnings indicate the boundaries of what's going to be spoiled, while the spoiler content, beyond those boundaries, provides a direct and accurate summary of the work's internal details.

[0214] In this embodiment, spoiler warnings can be prominently displayed on the overlay. When an object wants to view detailed spoiler content, it can trigger the view through the corresponding expand control.

[0215] Spoiler alerts and spoiler content can be obtained by semantic analysis of the original content in the spoiler area. The specific semantic analysis process will be explained on the server side and will not be repeated here.

[0216] In one optional implementation, the spoiler notification information includes at least one of evaluation-type spoiler notification information and event-type spoiler notification information; wherein, the evaluation-type spoiler notification information is a notification about the feedback content of other objects; and the event-type spoiler notification information is a notification about the events that occur in the plot.

[0217] Among these, evaluative spoilers refer to information that evaluates and analyzes the plot of a film, novel, or other narrative work. These spoilers typically involve comments on the quality, structure, and coherence of the storyline. Correspondingly, evaluative spoilers contain specific feedback from other viewers (such as other audience members / readers) after watching the work; this could be direct quotes from the original content or summaries of it.

[0218] Below is a brief list of some spoiler-related information and their corresponding spoiler content:

[0219] (1) Overall evaluation: "Greatly satisfying".

[0220] (2) Plot coherence: "The plot is tight, and the parts are closely connected without any obvious breaks."

[0221] (3) Character development: "The main characters have undergone significant growth and changes, making the whole story more engaging."

[0222] (4) Climax: "The climax is cleverly designed, making people tense and excited, and enhancing the overall viewing experience."

[0223] (5) Logical rationality: "The plot is reasonable and there are no major logical loopholes, which enhances credibility."

[0224] (6) Emotional resonance: "The emotional storyline was handled well, which made the audience / readers feel a strong resonance."

[0225] In the embodiments of this application, the evaluation-type spoiler prompts and spoiler content can help the subject better understand the strengths and weaknesses of the plot, and are also an important reference for creators and critics when analyzing works.

[0226] The events described in the plot usually refer to key turning points or important events in the storyline, which drive the story forward and affect the fate of the characters. Spoiler events include, but are not limited to, the occurrence of conflicts, interactions between characters, and important decisions or actions.

[0227] Plot event hints refer to information used to point out key events in the plot when describing or analyzing films, novels, or other narrative works.

[0228] For example, key plot events in a movie might include: the opening event, which introduces the main characters and sets the background; the conflict event, which triggers the main conflict or contradiction in the story; the turning point, which is the crucial moment that changes the direction of the story; and the climax, which is the most tense or dramatic part of the story, the ending event, which resolves the conflict and brings the story to an end.

[0229] Correspondingly, for event-related spoiler hints, the corresponding spoiler content is a general description of the event. For example, event-related spoiler hints could be the name of the protagonist (such as Li Moumou, Fan Mou, Lu Mou, etc.), and the spoiler content could be "The protagonist accidentally discovers an ancient treasure chest in the forest"; "The villain steals the protagonist's family inheritance"; "The protagonist and the villain engage in a fierce battle on the top floor of the castle"; and so on.

[0230] It should be noted that the protagonist's name in this article can be the actual name in the work, an alias in the work, or a nickname given to him by the audience / readers. For example, Li Moumou's alias can also be Li Si.

[0231] Of course, event-related spoilers can also include the time and place of the event (such as "mysterious island" or "ancient castle"), key items (such as "magic ring" or "lost map"), emotional turning points (such as "sad farewell" or "unexpected reunion"), actions or behaviors (such as "hero saves the damsel in distress" or "betrayal"), results or consequences (such as "survivor" or "sacrifice"), turning points (such as "the truth comes out" or "identity"), and so on.

[0232] Optionally, the spoiler content corresponding to event-based spoiler prompts can have only one information level, or it can be divided into different information levels, with the spoiler content at each level becoming progressively more detailed. Correspondingly, when different information levels are defined, the expand controls are multi-level, with each level's expand control displaying spoiler content for that specific information level. For example, "The protagonist accidentally discovers an ancient treasure chest in the forest," where the "treasure chest" section can be further expanded to view details of the treasures contained; "The villain steals the protagonist's family inheritance," where the "steal" section can be further expanded to view details of the theft; "The protagonist and the villain engage in a fierce duel on the top floor of the castle," where the "duel" section can be further expanded to view details of the duel; and so on.

[0233] Of course, the spoiler content corresponding to other types of spoiler hints can also be divided into different information levels, which will not be specifically limited in this article.

[0234] It should be noted that the above-listed methods all involve two levels of information. In addition, there can be more levels of information, such as viewing the details of a treasure to see further details, etc. This article does not make any specific limitations.

[0235] In the embodiments of this application, event-based spoiler prompts and spoiler content can help the subject better understand the development and turning points of the plot, so as to understand the main plot and development process of the story.

[0236] Furthermore, the spoiler hints listed above are just simple examples. Besides the two main categories mentioned, other types of spoilers may include: emotional spoilers, thematic spoilers, and ending spoilers, etc., which are not specifically limited here. Emotional spoilers typically reveal a character's emotional changes, psychological activities, or inner conflicts, without directly revealing the specific plot development. For example, a spoiler might hint at a character undergoing a significant emotional transformation without specifying the reason. Thematic spoilers usually reveal the core theme or philosophical idea of ​​the work. They may not directly mention specific plot points, but they will affect other viewers' understanding and expectations of the entire work. For example, a spoiler might mention that the work explores the importance of family or criticizes social justice. Ending spoilers usually directly or indirectly reveal the story's final outcome or key turning point.

[0237] In the above implementation, by clearly labeling various spoiler warnings, viewers are informed that they are about to encounter information that may spoil their viewing experience, allowing them to choose whether to continue reading or listening to subsequent spoilers. Furthermore, presenting spoiler warnings only within the overlay respects the wishes of other viewers who wish to maintain the mystery and suspense of the work, allowing them to avoid spoilers and preserve the freshness of their first encounter with the work. In addition, it also serves as information isolation, helping to distinguish spoiler content from non-spoiler content, making it easier for those who do not want to see spoilers to quickly skip ahead.

[0238] Furthermore, it should be noted that the spoiler warnings listed above are merely simple examples; other spoiler warnings also apply to the embodiments of this application, and will not be elaborated upon here. Additionally, the event-related spoiler warnings below use the protagonist as an example.

[0239] For example, when viewing general content, if a user encounters text or images related to plot spoilers for a movie or TV show, they can cover the unwanted content with their palm. The phone's hardware detects this cover-up and, based on the identified spoiler area, processes the relevant spoiler information. Specifically, the processing includes the following two steps:

[0240] Step 1: Obscure and blur the original content within the spoiler area. For text content, apply a first obscuring layer; for image content, apply a second obscuring layer to create a semi-transparent or frosted effect. The obscuring layers move with the page as you scroll.

[0241] Step 2: Extract the spoiler text and analyze and process it using artificial intelligence (AI). Present two types of information in the overlay: one is the evaluation of other objects after viewing (i.e., evaluation-type spoiler information) and a clickable button to expand (i.e., expand control); the other is the main character's name extracted from the original content (i.e., event-type spoiler information) and a clickable button to expand.

[0242] As mentioned above Figure 7 Taking the example shown, the audience evaluations shown in section S73 are the evaluation-type spoiler information in this application embodiment, and the plot events shown in section S74 are the event-type spoiler information in this application embodiment. There is one evaluation-type spoiler information, "The audience's overall evaluation of this episode," whose corresponding expansion control is the button "What is it >". Users can choose to view the button "What is it" corresponding to "Others' overall evaluation of this episode." Clicking this button allows users to view the overall attitudes of other users, providing a general understanding of the plot's direction without spoilers. There are three event-type spoiler information: Event 1, Event 2, and Event 3. Event 1's spoiler is for the protagonist "Li Moumou," and its corresponding expansion control is the button "What did he do >". Event 2's spoiler is also for the protagonist "Li Moumou," and its corresponding expansion control is the button "What did he do >". Event 3's spoiler is for the protagonist "Fan Mou," and its corresponding expansion control is the button "What did he do >". Users can choose to click different buttons to view specific details of different events.

[0243] In this embodiment, the initial state of the spoiler prompts and display controls at the initial information level is visible. If other information levels still exist, the initial state of the spoiler prompts and expansion controls at other information levels is invisible, and they gradually appear as the object views the spoiler content.

[0244] The spoilers corresponding to the initial information level are simple, general summaries, while the spoilers corresponding to other information levels are progressively more detailed versions of the initial information level. In this embodiment, the spoilers corresponding to the initial information level can be simply referred to as primary spoilers. Primary spoilers typically only involve the general direction of the story or an overview of certain key events, without delving into specific details. Correspondingly, higher-level, more detailed spoilers can usually be called "advanced spoilers" or "deep spoilers." Advanced or deep spoilers reveal many details of the plot, including but not limited to at least one of the following:

[0245] The motivations and backstories of key characters, important turning points and crucial moments in the story, the complex relationships between characters and their evolution, specific descriptions of the climax and ending, and detailed descriptions of specific scenes.

[0246] in, Figure 7 The information currently presented can be understood as the initial information level spoiler prompts and display controls. For example, S112 and S113 on the right side of the interface in 11 are the second information level spoiler prompts and display controls. These spoiler prompts and display controls at other information levels, apart from the initial information level, gradually appear as the object is viewed.

[0247] S23: In response to a view operation on an expanded control, present the spoiler content corresponding to the corresponding spoiler prompt; each spoiler content is obtained by semantic analysis of the original content in the spoiler area.

[0248] In this embodiment of the application, the object can trigger the viewing of spoiler content by expanding the control. The specific triggering method can be click triggering, double-click triggering, long press triggering, etc. This article does not make specific limitations, and the following uses click as an example.

[0249] As described above, the expansion controls in this application embodiment are divided into two main categories: single-level and multi-level. In this application embodiment, the expansion controls corresponding to various spoiler hints can be either single-level or multi-level, depending on the original content. Taking evaluation-type spoiler hints as an example, when the corresponding expansion control is multi-level, the overall evaluation can be viewed. Based on this, further comments or evaluations from different perspectives can be viewed. When it is single-level, the overall evaluation can be viewed directly. Taking event-type spoiler hints as an example, when the corresponding expansion control is multi-level, a simple summary of the event can be viewed. Based on this, further details of the event from different perspectives can be viewed. When it is single-level, a simple summary of the event can be viewed directly. For example, ending-type spoiler hints are generally single-level, allowing direct viewing of the ending. Of course, they can also be multi-level expansion controls, allowing further viewing of individual endings for different characters / character groups (such as couples) after viewing the ending, and so on.

[0250] Therefore, in step S23, an optional implementation method is as follows:

[0251] If the expand control is single-level, in response to a view operation on an expand control, the spoiler content corresponding to the corresponding spoiler hint will be displayed directly, and the display control will be set to an invisible state.

[0252] In this embodiment of the application, for a single-level expandable control, the control is hidden after it is expanded for viewing, such as... Figure 10 The diagram illustrates the first type of spoiler viewing process in this application embodiment. If an object clicks the expand control shown in S101, the spoiler content corresponding to the spoiler prompt "Audience's overall evaluation of this episode" will be displayed, as shown in S102, which represents the specific evaluation content "delightful smile." The spoiler content in this application is not limited to text; it can also be images, emoticons, etc., such as the "smiley face" emoticon in S102. Other spoiler content follows the same principle. Furthermore, the expand control S101 is simultaneously hidden.

[0253] If the expandable control is multi-level, in response to a view operation on an expandable control, the spoiler content corresponding to the corresponding spoiler hint is presented, the display control is set to an invisible state, and the next-level expandable control corresponding to at least one expandable part of the spoiler content is presented; wherein, the expandable part belongs to the next-level spoiler hint, and the expandable part refers to the part of the spoiler content that can be expanded and described.

[0254] In the embodiments of this application, for multi-level expandable controls, after expanding and viewing, in addition to hiding the control, the corresponding next-level expandable control will also be presented. The expandable part can be one or more places, and each expandable part can correspond to one or more next-level spoiler controls.

[0255] For example, in Figure 10 Based on the example shown, if an audience wants to learn more about what "Li Moumou" did in the show, they can click the "What Did He Do?" button corresponding to the character. The page displays a highly abstract summary of the protagonist's actions, which, when expanded, provides a general overview of the plot without detailed information. Within the highly summarized subject-verb-object sentences (i.e., basic spoilers), for the parts containing more detailed information (i.e., the expanded parts), there are corresponding expandable buttons below the text (i.e., next-level expansion controls, or simply expand buttons).

[0256] like Figure 11 As shown, this is a schematic diagram of the second type of spoiler content viewing process in this application embodiment. If the object clicks the expand control shown in S111, the spoiler content corresponding to the spoiler prompt information "Event 1 Li Moumou" will be displayed, as shown in S112, indicating what Li Moumou did, such as "Li Moumou attempted to provoke a conflict", while the expand control S111 is hidden.

[0257] Furthermore, the phrase "attempting to provoke conflict" is an expandable section, with the text highlighted in bold and other special effects. It also corresponds to two sub-level expandable controls, such as S113 "Why >" and "What >". To view the details of the conflict and the reasons for provoking it, users can click either button. For example, clicking "Why >" will show the specific details of why Li Moumou provoked the conflict, while clicking "What >" will show the specific details of what kind of conflict Li Moumou provoked.

[0258] In the above implementation, single-level controls display the complete spoiler at once and then hide the control; multi-level controls gradually unfold the details, displaying the next level of controls after each level is viewed, allowing users to delve deeper as needed, effectively balancing the amount of information and user interest, and avoiding information overload. By setting different information levels, the gradual release of spoiler information is ensured, enhancing the user experience.

[0259] In one alternative implementation, the next-level expand control corresponding to at least one expandable portion of the spoiler content can be presented in the following manner:

[0260] Highlight at least one expandable section in the spoiler content, and display the corresponding next-level expandable control at the associated location of each expandable section.

[0261] There are many ways to highlight, such as highlighting, bolding, enlarging, italicizing, and underlining. This article does not make specific limitations; bolding will be used as an example below. Related positions usually refer to positions closely connected to the content, function, or contextual logic of the expandable section. There are also many types, such as "nearby." This article does not make specific limitations; "below" will be used as an example below.

[0262] As mentioned above Figure 11 As shown in the example, the two expandable controls "Why>" and "What>" shown in S113 correspond to the expandable part "Attempting to Provoke Conflict" in the previous level of spoiler content. Therefore, "Attempting to Provoke Conflict" is highlighted in this spoiler content. Figure 11 The S113 section is shown in bold as an example. In addition, these display controls are specifically presented below the expandable part. For example, "Why>" is displayed below the conflict. The object can click "Why>" to view the specific details of why Li Moumou provoked the conflict. Similarly, "What>" is displayed below the conflict. The object can click "What>" to view the specific details of what the conflict provoked by Li Moumou was.

[0263] In the above implementation, visual emphasis and intuitive control placement guide the viewer's attention to expandable details within the spoiler content, enhancing the information's hierarchy and interactivity. Viewers can easily identify and select in-depth information of interest, promoting a personalized reading experience while maintaining the overall flow of the content, thus optimizing the efficiency and satisfaction of information acquisition.

[0264] In this embodiment, in addition to presenting the next-level display control, the object can further view the specific content corresponding to the next-level display control. One optional implementation is as follows:

[0265] In response to a view operation targeting a target next-level display control within at least one next-level display control, spoiler content related to the expandable portion corresponding to the target next-level display control is presented, and the target next-level display control is set to an invisible state; wherein, the spoiler content corresponding to the multi-level expandable controls is: spoiler content that is progressively refined for the same event in the plot description.

[0266] In this embodiment of the application, an object may select one or more target sub-level display controls to view, and correspondingly, the target sub-level display controls that have been viewed will also be set to an invisible state.

[0267] like Figure 12 As shown, this is a schematic diagram of the third spoiler content viewing process in this application embodiment. In S121, "Why>" and "What>" are two sub-level expansion controls for "What did Li Moumou do>" corresponding to event 1. If an object clicks the target sub-level expansion control "What>" shown in S121, the spoiler content corresponding to the spoiler prompt "conflict" will be displayed, as shown in S122, indicating what conflict Li Moumou provoked, such as "Li Moumou attempted to provoke a conflict between the Crown Prince and Fan Mou by sending people to set up roadblocks." At the same time, the already viewed expansion control "What>" is hidden, while the unviewed expansion control "Why>" is retained, as shown in S123.

[0268] The phrase "attempt to provoke" is highlighted in bold as an expandable section, as shown in S122, with the corresponding expandable control being S123. Furthermore, the viewer can click the next-level expandable control "Why>" shown in S123 to view the spoiler content corresponding to the "attempt to provoke" message, as shown in S131. This reveals why Li Moumou attempted to provoke a conflict, such as "Li Moumou learned that the Crown Prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks, attempting to provoke a conflict between the Crown Prince and Fan Mou." Simultaneously, the already viewed expandable control "Why>" is hidden.

[0269] Furthermore, it should be emphasized that in this embodiment, the spoiler content corresponding to the associated multi-level expansion controls is: spoiler content that is progressively refined for the same event in the plot description. For example, S112 is a simple summary of what Li Moumou did, briefly describing event 1; S112 to S122 elaborate on the conflict provoked by Li Moumou in event 1; and S131 further elaborates on the reasons why Li Moumou provoked the conflict in event 1. After viewing all the multi-level expansion controls corresponding to a certain event, the associated expansion controls will no longer be displayed, indicating that the spoiler for that event has been completed.

[0270] The above implementation method achieves a multi-layered, gradual unveiling of spoiler content, allowing users to explore information in depth as needed, satisfying curiosity while avoiding information redundancy. Furthermore, the hiding of controls after each interaction keeps the interface clean, focuses user attention, enhances the smoothness and personalization of the reading experience, and strengthens content interaction and user engagement.

[0271] In practical applications, an object can continuously view multiple expanded controls. These controls can be at the same information level, such as "What did I do >" for each of Event 1, Event 2, and Event 3, or they can be at different information levels, such as "Why >" for Event 1 and "What did I do >" for Event 2.

[0272] Furthermore, when a sub-level expandable control is presented, and a certain event corresponds to multiple sub-level expandable controls (i.e., there are multiple viewable details), the object can be clicked in any order, or only one or a few of them can be clicked. If the object continuously views multiple target sub-level expandable controls, an optional implementation method for presenting spoiler content is as follows:

[0273] Presentation Method 1: In response to continuous viewing operations of multiple target sub-level display controls, the spoiler content related to the expandable part corresponding to each target sub-level display control is presented in sequence.

[0274] Specifically, if an object clicks multiple target-level display controls consecutively, the spoiler content related to the expandable portion of each display control can be presented sequentially according to the click order. For example, the object can click "Why>" and "What>" under event 1 consecutively, and then present the spoiler content corresponding to "Why>" as "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict," and the spoiler content corresponding to "What>" as "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads."

[0275] In one alternative implementation, considering that the spoiler content corresponding to the multi-level expansion control is a hierarchical refinement of the same event in the plot description, and that objects may have different needs when viewing spoiler content, the viewing order is not fixed, in order to ensure the semantic coherence of the spoiler content (referring to text spoiler content), the spoiler content corresponding to each displayable part can be generated by recombining the plot details of the displayable part with the relevant spoiler content that has been displayed for the corresponding event.

[0276] The spoilers shown for the corresponding events can be spoilers corresponding to the initial information level "What was done >", or spoilers from other information levels.

[0277] For example, when the subject clicks "Why >", since they have already clicked "What did >", the relevant spoiler content already shown for event 1, namely "Li Moumou attempted to provoke a conflict", can be rearranged with "Why Li Moumou learned that the eldest prince and Fan Mou would enter the capital on the same day, and sent people to set up roadblocks and repair roads" and "Li Moumou attempted to provoke a conflict", directly presenting "Li Moumou learned that the eldest prince and Fan Mou would enter the capital on the same day, and sent people to set up roadblocks and repair roads, attempting to provoke a conflict".

[0278] For example, when an object clicks "What is >" below "Conflict", since it has already clicked "Why >", the relevant spoiler content already displayed for Event 1, namely "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict", is not simply an unfolding of hidden information. Instead, AI uses this part of the information and the already displayed information to recombine it into a complete sentence that conforms to semantics.

[0279] For example, when an object clicks "What is it >", the conflict details can be further presented. The statement "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads" can be rearranged with "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict". Instead of displaying "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads", the statement "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict between the eldest prince and Fan Mou" can be presented directly.

[0280] Similarly, the above Figure 12 S122 to Figure 13 The same applies to S131 in the middle. Figure 13 This is a schematic diagram of the fourth spoiler viewing process in this application embodiment. When the object clicks "What is it >", since it has already clicked "What is it >", the relevant spoiler content already displayed for event 1, namely "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads", can be recombined with "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads" when the object clicks "Why >". The result is "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict" and "Li Moumou attempted to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads", and the spoiler content will no longer be displayed. Other spoiler content in this article will not be described in detail here.

[0281] In the above implementation, the reorganization allows for the dynamic integration and updating of revealed plot information, ensuring that each spoiler presented is a newly synthesized version based on currently known information. This not only avoids repetition but also guarantees the coherence and integrity of the information, effectively maintaining the clarity of the storytelling and the audience's interest, while enhancing the timeliness and appeal of the spoilers.

[0282] Presentation Method 2: In response to continuous viewing operations of multiple target sub-level display controls, directly present the integrated spoiler content related to the expandable parts corresponding to the multiple target sub-level display controls.

[0283] Specifically, if an object clicks multiple target-level display controls consecutively, considering that the spoiler content corresponding to each displayable part can be generated by recombining the plot details of the displayable part with the relevant spoiler content that has been displayed for the corresponding event, the above-mentioned recombining generation may occur when the object clicks multiple target-level display controls consecutively. In order to simplify the spoiler content generation process, the spoiler content integrated with the plot details related to the expandable parts corresponding to multiple target-level display controls can also be presented directly.

[0284] For example, based on "Li Moumou attempted to provoke a conflict," if the user clicks "Why>" and "What>" consecutively, it will directly present "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the eldest prince and Fan Mou." This spoiler content is obtained by integrating the plot details of why he attempted to provoke a conflict, "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads, attempting to provoke a conflict," with the plot details of what conflict he attempted to provoke, "Li Moumou sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the eldest prince and Fan Mou."

[0285] The above implementation methods can satisfy the preferences of different users, enhance interactivity, facilitate users in managing the pace of the storyline, avoid information overload, and ensure that content consumption is both orderly and efficient.

[0286] It should be noted that the spoilers listed above are all text-based spoilers, while the target network content in this application embodiment can be any text and image content. If the original content within the spoiler area contains image content, then the spoiler content can also contain image content, as follows:

[0287] In an optional implementation, if the original content includes image content, then in S23, in response to a view operation on an expanded control, in addition to presenting the text spoiler content corresponding to the spoiler prompt, the image spoiler content will also be presented simultaneously, as follows:

[0288] In response to a view operation on an expanded control, the text spoiler content corresponding to the spoiler message is displayed, and by removing the sub-region mask, the image spoiler content associated with the text spoiler content is displayed in the image content, where the image spoiler content is an image sub-region associated with the text spoiler content.

[0289] The image sub-regions are pre-defined based on events occurring in the storyline, segmenting key information from the image content. For the specific segmentation process, please refer to the relevant server-side description below, which will not be repeated here. Key information includes at least one of characters and scenes.

[0290] In this embodiment, the image content in the original content can be segmented according to events in the plot, such as characters or scenes, to obtain one or more image sub-regions. Each event is associated with one or more image sub-regions. Specifically, there is also a relationship between the image sub-regions and the spoiler hints and spoiler areas mentioned above. For example, event 1 is associated with three image sub-regions. One of these image sub-regions is related to the initial spoiler content "Li Moumou attempts to provoke a conflict," such as the image sub-region corresponding to Li Moumou. The remaining two are related to "Li Moumou attempts to provoke a conflict between the eldest prince and Fan Mou by sending people to set up roadblocks and repair roads," such as the image sub-regions corresponding to Fan Mou and the eldest prince, or the image sub-regions corresponding to Fan Mou and the people setting up roadblocks and repairing roads, and so on.

[0291] For example, when an object clicks the expandable button, the processing of the corresponding image area needs to be determined based on the already displayed text information. If there is an image character corresponding to the already displayed text information, then the image sub-area corresponding to that character will have its mask removed and be displayed normally. Therefore, as the text content is gradually displayed, the corresponding content in the image will also gradually be displayed.

[0292] As mentioned above Figure 11 For example, after the object clicks the expand control shown in S111, in addition to presenting the text spoiler content S112 and the next level display control S113, the occlusion layer of some image sub-areas will also be removed simultaneously, and the image spoiler content S114 will be presented.

[0293] For example, as mentioned above Figure 12 For example, after the object clicks the expand control shown in S121, in addition to presenting the text spoiler content S122, it will also simultaneously remove the occlusion layer of some sub-regions of the image based on S114, presenting the image spoiler content S124.

[0294] in, Figure 13 The object represents a complete display of all the details from event 1, and the corresponding image content is also shown in the image. Furthermore, the above illustration is just a simple example; other cases are similar and will not be elaborated upon further here.

[0295] Below is a simple example of how to process spoiler images:

[0296] Step 1: Image Segmentation

[0297] Image segmentation is the first step in processing spoiler images. Its purpose is to divide a complete image into several regions corresponding to various events in the plot description, with each region representing one event in the plot. The specific image segmentation method will be explained on the server side and will not be repeated here.

[0298] Step 2: Process the image mask:

[0299] After segmenting the image, the next step is to add an overlay to each segmented sub-region. This is done by setting the CSS `position: relative` property on the image container and then creating an `position: absolute` overlay for each segmented sub-region, ensuring the overlay accurately covers the corresponding text area, thus obscuring any spoilers by default.

[0300] Step 3: Associate text and image sub-regions:

[0301] To achieve dynamic association between text descriptions and image content, it's also necessary to associate text with image regions, linking each paragraph or text in the plot description to its corresponding image sub-region. This can be done by adding custom attributes (such as data-* attributes) to each paragraph or text element in the HTML plot description, such as data-image-region-id, and setting the value of this attribute to the associated image sub-region ID. In this way, the front-end code can easily locate the correct image sub-region based on the attribute value, achieving text-image linkage.

[0302] Step 4: Add exposure events and update mask status:

[0303] To respond to the browsing behavior of objects and ensure the linkage between text and images, an exposure event can be set for each paragraph or text in the plot description. When an object views a paragraph or text, the exposure event is triggered. This event can be detected in real-time by monitoring the scrolling of Document Object Model (DOM) elements or by using the Intersection Observer API to monitor whether an element enters the visible area. In the event handler function, the corresponding image sub-region overlay is located by reading the element's data-image-region-id property, and the overlay is removed through DOM manipulation, gradually reducing the obscured area of ​​the image and thus revealing the obscured image content.

[0304] Building upon the above, as the object gradually explores the plot description, the overlay state is updated. The overlays on relevant image sub-regions are removed one by one, gradually reducing the obscured sub-regions on the image and revealing the spoilers. This process not only enhances the interactivity of the object's experience but also ensures the orderly release of spoilers, avoiding the potential shock of revealing all content at once.

[0305] In the above implementation, textual spoilers and associated image spoilers are presented simultaneously, achieving linkage between text and images and creating an immersive audiovisual experience for the audience. This design enhances the intuitive understanding of information, makes plot details more vivid and lively, promotes the audience's memory and emotional investment in the content, enriches the interaction levels, and improves audience participation and satisfaction, making the exploration of spoilers more enjoyable and efficient.

[0306] Furthermore, this application supports objects actively closing the overlay. Specifically, to enable objects to actively close the overlay, a close control, such as a close button, can be added to the overlay. When the object clicks the button, the overlay is removed, restoring normal page display. An optional implementation is as follows:

[0307] In response to a trigger action on the close control, remove the overlay to restore the normal display of the original content in the spoiler area.

[0308] In this embodiment of the application, the object can actively close the occlusion overlay at any time. For example, the object can close it after all events and corresponding details have been fully displayed, or it can close it at any time before that.

[0309] like Figure 14 As shown, this is a schematic diagram of the process of closing an overlay in an embodiment of this application. The user can close the overlay and smart spoiler content at any time by clicking the close button S141 on the overlay (i.e., the overlay), returning to the original page state, as shown in S142.

[0310] Removing an overlay on a page can be achieved using JavaScript. First, you need to obtain the DOM element of the overlay using its HyperText Markup Language (HTML) element ID, class name, or other selectors. After obtaining the overlay element, you can remove it using the removeChild method of its parent element or the remove method of the overlay element itself.

[0311] In the above implementation, users are allowed to actively control whether spoiler information is displayed, enhancing the autonomy of the experience. After obtaining sufficient information, users can instantly restore the original content view by closing the control, avoiding interference from redundant information and ensuring a smooth and personalized reading or viewing process. This immediate feedback and empowerment improves user satisfaction and overall interaction quality.

[0312] It should be noted that the above mainly describes the method for browsing network content in this application embodiment from the client side. The following describes the method for browsing network content in this application embodiment from the server side:

[0313] See Figure 15 The diagram shown is a flowchart of an implementation method for browsing network content provided in this application. Taking a server as the execution subject, the specific implementation process of this method is as follows: S151-S152:

[0314] S151: After receiving the anti-spoiler instruction for the target network content in the content browsing interface, perform semantic analysis on the original content in the spoiler area of ​​the target network content to obtain at least one spoiler prompt message and the corresponding spoiler content.

[0315] Among them, the anti-spoiler command is generated and sent by the terminal device in response to the anti-spoiler operation targeting the network content.

[0316] Upon receiving a spoiler prevention command, the server can perform semantic analysis on the original content within the spoiler area of ​​the target network content. This original content can contain information such as images and text. Semantic analysis of the original content refers to the process of understanding and interpreting the text, images, and other elements within it. This can include identifying objects, scenes, and actions within the original content, as well as understanding the relationships between these elements.

[0317] In this embodiment, the semantic analysis of the original content, in addition to the identification and understanding processes described above, may also involve the decomposition (disassembly) and recombination (integration) of meaning to form new expressions or interpretations, thereby obtaining a summary of spoiler content. This process can be implemented based on natural language processing technology. Through techniques such as word segmentation, syntactic analysis, and semantic understanding, the original content within the spoiler area is disassembled, key spoiler information is extracted, and integrated to form spoiler hints and spoiler content. At the same time, it is ensured that the spoiler hints are accurate and do not directly spoil anything, while the spoiler content directly and accurately summarizes the key spoiler information.

[0318] As mentioned above, spoiler hints include, but are not limited to, evaluation-based spoiler hints and event-based spoiler hints. Event-based spoiler hints are hints about events that occur in the plot. These types of spoiler hints and their corresponding spoiler content can be obtained in the following ways:

[0319] First, the original content in the spoiler area is broken down into multiple sentences, and the basic components in each sentence are identified. The plot details corresponding to the basic components are then extracted. Next, the basic components and plot details of each sentence are integrated according to the events in the plot description to obtain the spoiler content of the event-type spoiler information, and the corresponding basic components are used as the event-type spoiler information.

[0320] The basic components refer to the core elements that constitute a sentence, mainly including the subject, predicate, and object. The subject is the person or thing described in the sentence; it is the main body of the narrative, or the protagonist. The predicate describes the action, state, or characteristic of the subject and is usually composed of a verb or verb phrase. The object is often the receiver of the action or the object of the description, and usually follows a transitive verb. These components together construct the basic semantic framework of a sentence. Of course, in addition to these basic components, a sentence may also contain other components, such as predicate nominatives, attributives, adverbs, and complements, which are not specifically limited in this paper.

[0321] In this embodiment, the process can be implemented via a server, or it can be implemented via a terminal device. This paper takes a server as an example, and describes how the server processes the spoiler text (i.e., spoiler text), including several steps such as plot segmentation, subject-verb-object extraction, detail extraction, and result integration. The specific process is as follows:

[0322] Step 1: Segmenting the plot:

[0323] At this stage, spoiler text is broken down into independent sentence units. Specifically, Sentence Boundary Detection (SBD) technology from Natural Language Processing (NLP) can be used to perform syntactic analysis on the text, identifying sentence ending markers (such as periods, question marks, exclamation marks, etc.), thereby splitting the plot description into several sentences. Simultaneously, this process must also consider English quotation mark rules and abbreviations to avoid incorrect segmentation, thus laying the foundation for subsequent detailed analysis.

[0324] For example, Figure 4 The text in the spoiler section listed is: "TV series A has maintained its popularity since its release. Yesterday's episode was particularly well-received by viewers. Li Moumou learned that the Crown Prince and Fan Mou would be arriving in the capital on the same day, and hatched a scheme. He sent people to set up roadblocks and build bridges, attempting to provoke a conflict between them. Li Moumou fabricated Incident B to frame Fan Mou. Fan Mou had a flash of inspiration. He learned Zhan Moumou's true intentions from the Crown Princess and successfully persuaded her to help him put on a show."

[0325] The result of sentence segmentation of the above text:

[0326] (1) TV series A maintained its popularity after its release.

[0327] (2) Yesterday's episode was even more well received by the audience.

[0328] (3) When Li learned that the Crown Prince and Fan would be entering the capital on the same day, he devised a scheme and sent people to set up roadblocks in an attempt to provoke a conflict between them.

[0329] (4) Li Moumou fabricated the B incident to frame Fan Mou.

[0330] (5) Fan had a sudden inspiration. He learned Zhan’s true intentions from the eldest princess and successfully persuaded her to help him put on a show.

[0331] Step 2: Extract the subject, verb, and object:

[0332] At this stage, dependency parsing can be used to extract the subject, verb, and object of each sentence. Dependency parsing is an important component of NLP. It is a natural language processing technique that reveals the structural relationships between words in a sentence. Through analysis, it can clearly identify the grammatical relationships between words in a sentence, such as subject, verb, object, and other modifiers. This is not limited to simple subject-verb-object structures, but also includes prepositional phrases, relative clauses, etc., thereby constructing a syntax tree for the sentence and providing a structured perspective for understanding the deeper meaning of the sentence.

[0333] The following is an example of the results after extracting the subject, verb, and object from the above 5 sentences:

[0334] (1) TV series A (subject) continued to be popular after its release (predicate) (object / complement).

[0335] (2) Yesterday's plot (subject) made the audience cheer (predicate) (object).

[0336] (3) Li Moumou (subject) learned that the eldest prince and Fan Mou would be entering the capital on the same day (object); Li Moumou (subject) hatched a scheme (predicate) and sent people to set up roadblocks (object) in an attempt to provoke a conflict between them (object).

[0337] (4) Li Moumou (subject) fabricated (predicate) incident B (object) to frame Fan Mou (object).

[0338] (5) Fan (subject) understood Zhan's true intentions (object) and persuaded the eldest princess (object) to help him put on a show (object).

[0339] Step 3: Extract details (i.e., plot details):

[0340] At this stage, extracting the details corresponding to the subject, verb, and object can be achieved through techniques such as Named Entity Recognition (NER) and Sentiment Analysis.

[0341] Named entity recognition (NER) focuses on identifying specific types of entities within a sentence, such as people, places, organizations, times, and quantities. This is particularly important for plot spoilers, as key plot points are often closely related to specific entities. NER technology can accurately label entities appearing in text, helping to analyze important characters and locations involved in the story.

[0342] For the above 5 sentences, the named entity recognition results are: A. TV series, Li Moumou, the eldest prince, Fan Mou, the eldest princess, Zhan Moumou, B. event.

[0343] Sentiment analysis can identify the emotional tone of a sentence, such as positive, negative, or neutral. When dealing with spoilers, sentiment analysis helps understand the emotional tone of plot twists, such as a sad death scene or an exciting victory moment, which is crucial for generating spoiler warnings.

[0344] For the five sentences above, the sentiment analysis results are as follows: Overall, the text conveys positive emotions, especially in the sentence "Yesterday's plot was even more applauded by the audience".

[0345] Step 4, Integration Results:

[0346] Finally, by integrating the results of the above steps to form a coherent overview, we can obtain a highly summarized subject-verb-object structure and corresponding details for each event. This includes combining the subject-verb-object structure with relevant named entities and sentiment analysis results to form a comprehensive description of the plot segment.

[0347] Furthermore, the integration process described above may require the application of text summarization techniques to ensure that the output information is both accurate and concise, suitable for rapid reading. The entire process relies on advanced NLP models and algorithms, typically based on machine learning, particularly deep learning techniques such as Recurrent Neural Networks (RNNs), Long Short-Term Memory networks (LSTMs), and Transformers. By training on large corpora, these models are able to understand and process complex language patterns, providing robust support for the automated processing of spoilers.

[0348] Among them, sentences (1) and (2) above are the audience's evaluation of the plot. According to the emotional color of the audience's evaluation, the evaluation prompt information and the corresponding spoiler content can be integrated. Among them, the spoiler prompt information is "the audience's overall evaluation of this episode", and the spoiler content is "a delightful smile".

[0349] It should be noted that the compilation of such evaluative spoiler hints and their corresponding spoiler content can be based on the emotional tone of the audience's evaluation, while the compilation of event-based spoiler hints and their corresponding spoiler content can be based on the events described in the plot.

[0350] As shown in sentences (3), (4), and (5) above, which correspond to three events respectively, the event-type prompts (subject) and corresponding spoiler content can be obtained as follows:

[0351] Event 1: The spoiler message is "Li Moumou", and the spoiler content is "Li Moumou learned that the eldest prince and Fan Mou will enter the capital on the same day, so he sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the eldest prince and Fan Mou".

[0352] Event 2: The spoiler message is "Li Moumou", and the spoiler content is "Li Moumou fabricated Event B to frame Fan Mou".

[0353] Event 3: The spoiler hint is "Fan Mou", and the spoiler content is "Fan Mou has a flash of inspiration. He learns about Zhan Moumou's true intentions from the eldest princess and successfully persuades the eldest princess to help him put on a show".

[0354] Optionally, the spoiler content corresponding to the spoiler hints in this article can have only one information level, or it can be divided into different information levels, so that the spoiler content between different information levels is gradually refined.

[0355] In one optional implementation, the spoiler content corresponding to the multi-level expansion control is: spoiler content that is progressively refined for the same event in the plot description, as detailed in the above embodiments; wherein, the subject in the basic components corresponds to the initial information level, and other basic components (such as objects, predicates, etc.) correspond to other information levels.

[0356] For example, Event 1 can be summarized as "Li Moumou attempted to provoke a conflict," where the subject is "Li Moumou," "attempted to provoke" is the predicate verb indicating what the subject is doing, and "conflict" is the object. What is the conflict, and why provoke it? These two questions can be further elaborated with details. Since Li Moumou learned that the Crown Prince and Fan Mou would be arriving in the capital on the same day, he wanted to provoke a conflict. Specifically, the conflict refers to sending people to set up roadblocks and repair roads, attempting to provoke a conflict between the Crown Prince and Fan Mou. Therefore, "Li Moumou learned that the Crown Prince and Fan Mou would be arriving in the capital on the same day, and sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the Crown Prince and Fan Mou" can be divided into different information levels, as follows:

[0357] Event 1: Initial information level: The spoiler hint is "Li Moumou", and the spoiler content is "Li Moumou attempts to provoke a conflict".

[0358] The terms "attempt to provoke" and "conflict" can be further elaborated as follows:

[0359] The second level of information: The spoiler hint is "attempt to provoke". The spoiler content is "Li Moumou learned that the eldest prince and Fan Mou would be entering the capital on the same day, so he sent people to set up roadblocks and repair roads in an attempt to provoke a conflict".

[0360] The spoiler message is "conflict," and the spoiler content is that "Li Moumou sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the eldest prince and Fan Mou."

[0361] Similarly, other events or evaluations can also be divided into different information levels, which will not be elaborated on here.

[0362] In the above implementation, by performing detailed sentence segmentation, grammatical analysis, entity recognition, and sentiment analysis on the plot, and then integrating these analyses, spoiler information can be broken down into several minimized events. Each event is further broken down into a subject (the protagonist), a sentence core containing only subject, verb, and object (what the protagonist did), and other descriptions of the event (such as the reasons for the protagonist's actions and the resulting consequences). This not only analyzes the main events of the plot but also captures the complex relationships and potential motivations between characters. It also assesses the audience's emotional response to the plot, effectively extracting meaningful information from spoiler text and providing viewers with a plot summary that does not disrupt the viewing experience.

[0363] Furthermore, using a subject-verb-object structure to divide information into levels allows viewers to selectively delve into more detailed spoiler information based on their interests or needs. The subject, as the initial information level, provides the most crucial information about the characters or events, while subsequent information levels gradually supplement with more details, such as actions, purposes, and results, enabling viewers to progressively understand the full picture of the event.

[0364] Furthermore, it should be noted that the extracted results can be stored in JSON object format, which contains the subject, predicate, object, and related details of each sentence.

[0365] In this embodiment, the extracted results are stored in a JSON structure, which is easy to read and flexible, facilitates subsequent processing and analysis, and is also easy to integrate with other systems, so that information can be retrieved and utilized efficiently.

[0366] Furthermore, the target network content in this application embodiment can be any graphic or textual content. If the original content within the spoiler area contains image content, then the spoiler content can also contain image content. When image content is involved, the spoiler image is implicitly obscured or blurred. Through intelligent image recognition, the image content is associated with the text content. Therefore, in step S151, the image content also needs to be processed as follows:

[0367] Based on the events described in the plot, key information in the image content is segmented to obtain multiple image sub-regions; among which, key information includes at least one of characters and scenes; then, each image sub-region is treated as an image spoiler and associated with the corresponding text spoiler content.

[0368] Image segmentation is the first step in processing spoiler images. Its purpose is to divide a complete image into several regions corresponding to events in the plot description, with each region representing one event. This process can employ various image processing techniques, selecting the most suitable segmentation method based on the different characteristics of the image content. For example, open-source computer vision libraries (OpenCV) can be used for image segmentation, specifically in the following two scenarios:

[0369] If the boundaries of people or scenes in an image are clear, edge detection and other techniques can be used for segmentation.

[0370] If the boundaries are not clear, it may be necessary to use a deep learning image segmentation model to achieve the desired result.

[0371] Specifically, for people or scenes with clear boundaries, edge detection techniques can be used for segmentation. Edge detection can identify areas in an image where brightness or color changes abruptly, thus outlining the object's contour. Image processing libraries such as OpenCV provide a rich set of edge detection algorithms, such as Canny edge detection or the Sobel operator, which can efficiently handle this type of segmentation task.

[0372] However, when the boundaries of objects in an image are blurred or overlap, traditional image processing methods may not achieve ideal segmentation results. In such cases, deep learning image segmentation models, such as Mask Region-based Convolutional Neural Networks (Mask R-CNN), can be used for image segmentation. Mask R-CNN can not only identify multiple objects in an image but also generate accurate pixel-level masks for each object, enabling accurate image segmentation even in complex scenes.

[0373] In addition to these, image segmentation models can also be U-Net, Fully Convolutional Networks (FCNs), DeepLab, RefineNet, Pyramid Scene Parsing Network (PSPNet), High-Resolution Network (HRNet), Cascade Mask R-CNN, etc., without making specific limitations in this paper.

[0374] After completing image segmentation, the next steps are to process image masks, associate text with image sub-regions, and add exposure events. Through these steps, a viewing environment can be created that protects the viewer from spoilers while allowing them to gradually uncover the plot secrets under their own control.

[0375] like Figure 16 As shown, this is a schematic diagram of the associated text and image sub-regions in an embodiment of this application. Assume the original text content within the spoiler area is divided into 5 sentences, such as sentences (1) to (5). Sentences (1) and (2) are audience comments and are not associated with images. Sentence (3) corresponds to event 1 and is associated with image sub-regions (1) to (3). Sentence (4) corresponds to event 2 and is associated with image sub-region (4). Sentence (5) corresponds to event 3 and is associated with image sub-region (5). Figure 16 The image sub-regions in the image are simply referred to as sub-regions.

[0376] Assuming that sentence (3) can be divided into two information levels, for image sub-regions (1) to (3), it is necessary to further associate them with spoiler hints and spoiler content under different information levels. For example, image sub-region (1) is associated with the initial information level, and image sub-regions (2) and (3) are associated with the next information level. The specific association with spoiler hints and spoiler content in different information levels will not be elaborated here.

[0377] It should be noted that the above process can be executed by a server and / or terminal device. For specific implementation methods, please refer to the above embodiments. Repeated parts will not be described again.

[0378] In the above implementation, by segmenting the image content to obtain multiple image sub-regions and binding them with corresponding text, when presenting text spoilers, the text spoilers and associated image spoilers can be presented simultaneously, realizing the linkage between text and images and creating an immersive audiovisual experience for the user.

[0379] S152: Send at least one spoiler message and the corresponding spoiler content to the client so that the client displays an occlusion overlay on the spoiler area of ​​the target network content and displays at least one spoiler message and the corresponding expand control on the occlusion overlay; and, in response to each viewing operation of an expand control, display the spoiler content corresponding to the spoiler message.

[0380] In this embodiment, the generation process of the aforementioned spoiler warning information and corresponding spoiler content can be executed by a server. The server can generate and send the spoiler warning information and corresponding spoiler content to the client after receiving an anti-spoiler instruction for the target network content, or it can generate and send the spoiler content to the client in advance. This allows the client to quickly present the information when responding to an anti-spoiler operation for the target network content. Furthermore, the generation process of the aforementioned spoiler warning information and corresponding spoiler content can also be executed by a terminal device. Similarly, the terminal device can generate the spoiler warning information and corresponding spoiler content in advance, in addition to executing it after responding to an anti-spoiler operation for the target network content; this is not specifically limited herein.

[0381] Regardless of the method, after the client obtains the above information, an overlay can be displayed over the spoiler area of ​​the target network content, and at least one spoiler warning message and a corresponding expand control can be displayed on the overlay. Furthermore, when viewing the object, after each viewing operation on an expand control, the spoiler content corresponding to the spoiler warning message is displayed, such as... Figure 10 , Figure 11 , Figure 12 , Figure 13 The details will not be repeated here.

[0382] The implementation of the intelligent spoiler content viewing function in this application involves multiple stages, including HTML structure creation, CSS style application, JavaScript event binding and state updating. The underlying logic for viewing intelligent spoiler content is briefly explained below:

[0383] Step 1: Create the HTML structure:

[0384] Based on the data structure described above, create the corresponding HTML structure. Create a div or p tag for each smallest sentence, and add a subject, predicate, object, and expand button within it. Also, create expand buttons for the subject, predicate, and object elements that contain detailed content.

[0385] Building the HTML structure is fundamental to enabling intelligent spoilers. In this step, based on a previously defined data structure (such as a JSON structure), a corresponding structure is created for each smallest sentence unit. or The system uses tags to add subjects, predicates, objects, and expand buttons. Expand buttons are also created for subject-predicate-object elements that contain detailed content. For example, for the sentence "Li Moumou learned that the Crown Prince and Fan Mou would be entering the capital on the same day, and devised a scheme, sending people to set up roadblocks and repair roads, attempting to provoke a conflict between them," there would be an initial "Li Moumou" section followed by an expand button to show "Li Moumou attempted to provoke a conflict." Similarly, for predicate-object elements containing rich details, such as "attempted to provoke" and "conflict," expand buttons would be inserted in the corresponding positions so that the viewer can see deeper information as needed. For example, an expand button would follow "attempted to provoke" to show "Li Moumou learned that the Crown Prince and Fan Mou would be entering the capital on the same day, and sent people to set up roadblocks and repair roads, attempting to provoke a conflict"; and an expand button would follow "conflict" to show "Li Moumou sent people to set up roadblocks and repair roads, attempting to provoke a conflict between the Crown Prince and Fan Mou."

[0386] Step 2: Add CSS styles:

[0387] CSS is used to control the appearance and layout of page elements and is key to achieving a gradual presentation effect. In this application, to achieve the gradual presentation effect, CSS styles can be used to control the display of sentence elements and expand buttons. For example, the display property of a sentence element can be set to none, so that the predicate, object, and details are hidden by default; when the expand button is clicked, the display property is modified to make it block or inline to display the sentence element, thus achieving dynamic display of content.

[0388] Step 3: Add JavaScript events:

[0389] Specifically, a click event is added to the expand button. JavaScript handles the interaction logic, including real-time detection of object click events, handling event responses, and dynamically updating the DOM. When an object clicks the expand button, the click event is triggered. In the event handler function, based on the data structure corresponding to the clicked expand button, the hidden predicate, object, or details are displayed, and they are integrated with the already displayed text into a semantically coherent sentence. Additionally, if there is still unexpanded detail content, the expand button can be retained for the object to click again.

[0390] Step 4: Update the expanded status:

[0391] To detect the expansion state of each sentence element in real time, a property representing the state, such as isExpanded, needs to be added to the data structure. When the object clicks the expansion button, the expansion state of the sentence element needs to be updated. This can be achieved by modifying the data in the JSON object. For example, an attribute representing the expansion state can be added to each sentence element, and when the object clicks the expansion button, the value of this attribute is updated from false to true through JavaScript. This update is reflected not only at the data level but also affects the display state of the element on the page, ensuring consistency between the object interface and the internal state.

[0392] It should be noted that in this application, when the original spoiler content is blocked, the subject is displayed by default in the display area of the intelligent spoiler content. The object can actively choose whether to further view the sentence stem or further view the corresponding other detailed description in the sentence stem by clicking or other operations. When the object expands the viewing range of the text content, the corresponding picture content is also displayed.

[0393] The entire process described above starts with the construction of the HTML structure, controls the initial hidden state through CSS, implements the interaction logic using JavaScript, and finally ensures timely and accurate feedback of object operations through state updates. This design not only provides a personalized spoiler experience, but also enhances the interactivity of the page and the hierarchy of information, allowing the object to gradually unlock the details of the plot according to personal preferences and curiosity, and enjoy a more rich and controllable content consumption experience. Through this way, the viewing function of intelligent spoiler content not only satisfies the curiosity of the object, but also protects the suspense of the plot, opening up new possibilities for the presentation of digital content.

[0394] Based on the same inventive concept, the embodiments of the present application also provide a network content browsing device. As shown in Figure 17 the structure schematic diagram of the network content browsing device 1700 can include:

[0395] The presentation unit 1701 is configured to present a content browsing interface, and the target network content is displayed in the content browsing interface.

[0396] The anti-spoiler unit 1702 is configured to present a blocking mask on the spoiler area in the target network content in response to an anti-spoiler operation on the target network content, and present at least one spoiler prompt information and a corresponding expansion control on the blocking mask.

[0397] The content display unit 1703 is configured to present the spoiler content corresponding to the corresponding spoiler prompt information in response to the viewing operation on one of the expansion controls. Each of the spoiler contents is obtained by performing semantic analysis on the original content in the spoiler area.

[0398] Optionally, the spoiler notification information includes at least one of the following: evaluation-type spoiler notification information and event-type spoiler notification information; wherein, the evaluation-type spoiler notification information is a notification about the feedback content of other objects; and the event-type spoiler notification information is a notification about the events that occur in the plot.

[0399] Optionally, the content display unit 1703 is specifically used for:

[0400] If the expanded control is a single-level control, then in response to a viewing operation on one of the expanded controls, the spoiler content corresponding to the corresponding spoiler prompt information is presented, and the display control is set to an invisible state.

[0401] If the expandable control is multi-level, then in response to a viewing operation on one of the expandable controls, the spoiler content corresponding to the corresponding spoiler hint is presented, the display control is set to an invisible state, and the next-level expandable control corresponding to at least one expandable part of the spoiler content is presented; wherein, the expandable part belongs to the next-level spoiler hint, and the expandable part refers to the part of the spoiler content that can be expanded and described.

[0402] Optionally, the content display unit 1703 is specifically used for:

[0403] The at least one expandable section is highlighted in the spoiler content, and a corresponding next-level expandable control is presented at the associated location of each expandable section.

[0404] Optionally, the content display unit 1703 is further configured to:

[0405] In response to a viewing operation of a target next-level display control in at least one next-level display control, spoiler content related to the expandable portion corresponding to the target next-level display control is presented, and the target next-level display control is set to an invisible state; wherein, the spoiler content corresponding to the multi-level expandable controls is: spoiler content that is progressively refined for the same event in the plot description.

[0406] Optionally, if multiple target sub-level expand controls are viewed consecutively, the content display unit 1703 is specifically used for:

[0407] In response to consecutive viewing operations on multiple target sub-level display controls, spoiler content related to the expandable portion corresponding to each target sub-level display control is presented sequentially; or

[0408] In response to continuous viewing operations of multiple target sub-level display controls, integrated spoiler content related to the expandable portions corresponding to the multiple target sub-level display controls is directly presented.

[0409] Optionally, the spoiler content corresponding to the displayable portion is generated by recombining the plot details of the displayable portion with the relevant spoiler content that has been shown for the corresponding event.

[0410] Optionally, if the original content includes image content, the content display unit 1703 is further configured to:

[0411] In response to a viewing operation on one of the expanded controls, text spoiler content corresponding to the corresponding spoiler message is presented, and image spoiler content associated with the text spoiler content is presented in the image content by removing the sub-region mask, wherein the image spoiler content is an image sub-region associated with the text spoiler content.

[0412] Optionally, the image sub-region is obtained by pre-segmenting key information in the image content based on events that occur in the storyline; the key information includes at least one of characters and scenes.

[0413] Optionally, if the original content includes image content, then the anti-spoiler unit 1702 is specifically used for:

[0414] A first occlusion layer is presented on top of the non-image content within the spoiler area. The first occlusion layer is an opaque layer used to cover the non-image content.

[0415] Additionally, a second occlusion layer is presented on top of the image content within the spoiler area. The second occlusion layer is a layer with transparency not exceeding a preset transparency threshold, used to blur the image content.

[0416] Optionally, the anti-spoiler unit 1702 is further used for:

[0417] In response to a swipe operation on the content browsing interface, the occlusion overlay and the spoiler area are controlled to move synchronously.

[0418] Furthermore, when the amount of content currently displayed in the target network content changes, the size of the spoiler area and the occlusion layer are adjusted based on the amount of content, and the size of the spoiler area and the occlusion layer is positively correlated with the amount of content.

[0419] Optionally, the anti-spoiler operation can be triggered in any of the following ways:

[0420] Triggered by a preset occlusion action;

[0421] Triggered by the anti-spoiler control associated with the target network content.

[0422] Optionally, if the preset blocking action is to block the display screen, the anti-spoiler unit 1702 is further configured to determine the spoiler area in the following manner:

[0423] Detect the boundaries of the target network content that is obscured on the display screen;

[0424] The spoiler area is determined based on the detected boundaries.

[0425] Optionally, the anti-spoiler unit 1702 is specifically used to determine the spoiler area by at least one of the following methods:

[0426] The area within the boundary is defined as the spoiler area;

[0427] The region containing the complete content corresponding to the content within the boundary is designated as the spoiler region.

[0428] Optionally, the overlay also displays a close control, and the anti-spoiler unit 1702 is further used for:

[0429] In response to a trigger operation on the close control, the obscuring overlay is removed to restore the normal display of the original content in the spoiler area.

[0430] Based on the same inventive concept, embodiments of this application also provide another device for browsing web content.

[0431] like Figure 18 As shown, this is a schematic diagram of the structure of a web content browsing device 1800, which may include:

[0432] The processing unit 1801 is used to receive an anti-spoiler instruction for target network content in the content browsing interface, and then perform semantic analysis on the original content in the spoiler area of ​​the target network content to obtain at least one spoiler prompt message and the corresponding spoiler content.

[0433] The transmission unit 1802 is configured to send the obtained at least one spoiler warning message and the corresponding spoiler content to the client, so that the client displays an obscuring overlay on the spoiler area of ​​the target network content, and displays the at least one spoiler warning message and the corresponding expand control on the obscuring overlay; and, in response to each viewing operation of the expand control, displays the spoiler content corresponding to the corresponding spoiler warning message.

[0434] Optionally, the spoiler notification information includes event-based spoiler notification information; the event-based spoiler notification information is a notification about events occurring in the plot; the processing unit 1801 is specifically used for:

[0435] The original content in the spoiler area is split into multiple sentences;

[0436] Identify the basic components in each sentence and extract the plot details corresponding to the basic components;

[0437] The basic components and plot details of each sentence are integrated according to the events in the plot description to obtain the spoiler content of the event-type spoiler information, and the corresponding basic components are used as the event-type spoiler information.

[0438] Optionally, the spoiler content corresponding to the multi-level expansion control is: spoiler content that is progressively refined for the same event in the plot description; wherein, the subject in the basic component corresponds to the initial information level, and other basic components correspond to other information levels.

[0439] Optionally, if the original content in the spoiler area contains image content, then the spoiler content includes text spoiler content and image spoiler content associated with the text spoiler content; the processing unit 1801 is further configured to:

[0440] Based on the events described in the plot, key information in the image content is segmented to obtain multiple image sub-regions; the key information includes at least one of characters and scenes;

[0441] Each image sub-region is treated as an image spoiler and associated with a corresponding text spoiler.

[0442] In this application, when an object views target online content containing spoilers, it can actively trigger the intelligent anti-spoiler function for that target online content through any preset anti-spoiler operation, and can personalize any content that the object does not want to view.

[0443] After the anti-spoiler operation is triggered, semantic analysis of the original content in the spoiler area of ​​the target network content can be performed to obtain at least one spoiler warning message and the corresponding spoiler content. Then, an occlusion layer is presented on the spoiler area of ​​the target network content at the front end to effectively block the network content containing spoiler information.

[0444] Building upon this, by presenting spoiler alerts and corresponding expandable controls on the overlay, each expandable control allows for further viewing. Upon viewing, the corresponding spoiler content is displayed on the front end. Since these spoiler alerts and their corresponding spoiler content are derived from semantic analysis of the original content containing spoiler information, and since this spoiler alert is a simple, object-oriented spoiler notification, it informs the viewer that they are about to encounter information that may disrupt their viewing experience. Viewers are allowed to choose whether to continue viewing the relevant spoiler content, and are reminded that they can further view the actual spoiler content in these areas. This allows viewers to actively select the specific spoiler content they want to view, satisfying their personalized spoiler viewing needs. Furthermore, because the spoiler content is derived from semantic analysis of the original content containing spoiler information and is therefore generalized, it ensures that viewers are not completely spoiled, improving their experience.

[0445] For ease of description, the above sections are divided into modules (or units) according to their functions and described separately. Of course, in implementing this application, the functions of each module (or unit) can be implemented in one or more software or hardware components.

[0446] In this application embodiment, the terms "module" or "unit" refer to a computer program or part of a computer program that has a predetermined function and works with other related parts to achieve a predetermined goal, and can be implemented wholly or partially using software, hardware (such as processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that includes the functionality of that module or unit.

[0447] Having described the web content browsing method and apparatus according to exemplary embodiments of this application, we will now describe an electronic device according to another exemplary embodiment of this application.

[0448] Those skilled in the art will understand that various aspects of this application can be implemented as a system, method, or program product. Therefore, various aspects of this application can be specifically implemented as: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software implementations, collectively referred to herein as a "circuit," "module," or "system."

[0449] Based on the same inventive concept as the above-described method embodiments, this application also provides an electronic device. In one embodiment, the electronic device may be a server, such as... Figure 1 The server 120 is shown. In this embodiment, the structure of the electronic device can be as follows: Figure 19 As shown, it includes a memory 1901, a communication module 1903, and one or more processors 1902.

[0450] The memory 1901 is used to store computer programs executed by the processor 1902. The memory 1901 may mainly include a program storage area and a data storage area. The program storage area may store the operating system and programs required to run instant messaging functions, etc.; the data storage area may store various instant messaging information and operation instruction sets, etc.

[0451] Memory 1901 may be volatile memory, such as random-access memory (RAM); memory 1901 may also be non-volatile memory, such as read-only memory, flash memory, hard disk drive (HDD), or solid-state drive (SSD); or memory 1901 may be any other medium capable of carrying or storing a desired computer program having the form of instructions or data structures and accessible by a computer, but is not limited thereto. Memory 1901 may be a combination of the above-described memories.

[0452] Processor 1902 may include one or more central processing units (CPUs) or digital processing units, etc. Processor 1902 is used to implement the above-mentioned method of browsing network content when calling computer programs stored in memory 1901.

[0453] The communication module 1903 is used to communicate with terminal devices and other servers.

[0454] This application embodiment does not limit the specific connection medium between the memory 1901, communication module 1903, and processor 1902. This application embodiment... Figure 19 The memory 1901 and the processor 1902 are connected via a bus 1904, which is in the middle of the memory. Figure 19 The diagram uses thick lines to describe the connections between other components; these are for illustrative purposes only and should not be considered limiting. The 1904 bus can be divided into address bus, data bus, control bus, etc. For ease of description, Figure 19 It is described using only a thick line, but does not indicate that there is only one bus or one type of bus.

[0455] The memory 1901 stores a computer storage medium, which stores computer-executable instructions for implementing the network content browsing method of this application embodiment. The processor 1902 is used to execute the above-described network content browsing method, such as... Figure 15 As shown.

[0456] In another embodiment, the electronic device may also be other electronic devices, such as... Figure 1 The terminal device 110 is shown. In this embodiment, the electronic device can be structured as follows: Figure 20 As shown, it includes components such as: communication component 2010, memory 2020, display unit 2030, camera 2040, sensor 2050, audio circuit 2060, Bluetooth module 2070, and processor 2080.

[0457] The communication component 2010 is used to communicate with the server. In some embodiments, it may include a Circuit-Wireless Fidelity (WiFi) module, which is a short-range wireless transmission technology. Electronic devices can use the WiFi module to help users send and receive information.

[0458] The memory 2020 can be used to store software programs and data. The processor 2080 executes various functions of the terminal device 110 and performs data processing by running the software programs or data stored in the memory 2020. The memory 2020 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. The memory 2020 stores an operating system that enables the terminal device 110 to run. In this application, the memory 2020 may store the operating system and various applications, and may also store a computer program that executes the web content browsing method of the embodiments of this application.

[0459] The display unit 2030 can also be used to display information input by the user or information provided to the user, as well as various menus of the terminal device 110, in a graphical user interface (GUI). Specifically, the display unit 2030 may include a display screen 2032 disposed on the front of the terminal device 110. The display screen 2032 may be configured as a liquid crystal display, a light-emitting diode, or the like. The display unit 2030 can be used to display the content browsing interface, etc., as described in the embodiments of this application.

[0460] The display unit 2030 can also be used to receive input digital or character information and generate signal inputs related to user settings and function control of the terminal device 110. Specifically, the display unit 2030 may include a touch screen 2031 disposed on the front of the terminal device 110, which can collect touch operations of the user on or near it, such as clicking buttons, dragging scroll boxes, etc.

[0461] The touchscreen 2031 can be placed on top of the display screen 2032, or the touchscreen 2031 and the display screen 2032 can be integrated to realize the input and output functions of the terminal device 110. After integration, it can be referred to as a touch display screen. In this application, the display unit 2030 can display the application and the corresponding operation steps.

[0462] Camera 2040 can be used to capture still images, which users can then share via an application. There can be one or multiple cameras 2040. An object is projected onto a photosensitive element through a lens, generating an optical image. This photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then transmitted to the processor 2080 for conversion into a digital image signal.

[0463] The terminal device may also include at least one sensor 2050, such as an accelerometer 2051, a proximity sensor 2052, a fingerprint sensor 2053, and a temperature sensor 2054. The terminal device may also be equipped with other sensors such as a gyroscope, barometer, hygrometer, thermometer, infrared sensor, light sensor, and motion sensor.

[0464] Audio circuitry 2060, speaker 2061, and microphone 2062 provide an audio interface between the user and terminal device 110. Audio circuitry 2060 converts received audio data into electrical signals, which are then transmitted to speaker 2061, where they are converted into sound signals for output. Terminal device 110 may also be equipped with volume buttons for adjusting the volume of the sound signal. Conversely, microphone 2062 converts collected sound signals into electrical signals, which are then received by audio circuitry 2060, converted back into audio data, and output to communication component 2010 for transmission to, for example, another terminal device 110, or to memory 2020 for further processing.

[0465] The Bluetooth module 2070 is used to interact with other Bluetooth devices that also have a Bluetooth module via the Bluetooth protocol. For example, a terminal device can establish a Bluetooth connection with a wearable electronic device (such as a smartwatch) that also has a Bluetooth module through the Bluetooth module 2070, thereby exchanging data.

[0466] The processor 2080 is the control center of the terminal device, connecting various parts of the terminal through various interfaces and lines. It executes various functions and processes data by running or executing software programs stored in the memory 2020 and calling data stored in the memory 2020. In some embodiments, the processor 2080 may include one or more processing units; the processor 2080 may also integrate an application processor and a baseband processor, wherein the application processor mainly handles the operating system, user interface, and applications, and the baseband processor mainly handles wireless communication. It is understood that the baseband processor may not be integrated into the processor 2080. In this application, the processor 2080 can run the operating system, applications, user interface display and touch response, and the network content browsing method of this embodiment. Furthermore, the processor 2080 is coupled to the display unit 2030.

[0467] In some possible implementations, various aspects of the web content browsing method provided in this application can also be implemented as a program product, which includes a computer program. When the program product is run on an electronic device, the computer program causes the electronic device to perform the steps of the web content browsing method according to the various exemplary embodiments of this application described above. For example, the electronic device can perform actions such as... Figure 2 or Figure 15 The steps are shown in the figure.

[0468] The program product may employ any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of readable storage media include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0469] The program product of the embodiments of this application may employ a portable compact disc read-only memory (CD-ROM) and include a computer program, and may run on an electronic device. However, the program product of this application is not limited thereto. In this document, the readable storage medium may be any tangible medium that contains or stores a program that may be used by or in conjunction with a command execution system, apparatus, or device.

[0470] A readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying a readable computer program. This propagated data signal may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium, capable of sending, propagating, or transmitting a program for use by or in conjunction with a command execution system, apparatus, or device.

[0471] Computer programs contained on readable media may be transmitted using any suitable medium, including but not limited to wireless, wired, optical fiber, RF, etc., or any suitable combination thereof.

[0472] Computer programs for performing the operations of this application can be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java and C++, and conventional procedural programming languages ​​such as C or similar languages. The computer program can execute entirely on the user's electronic device, partially on the user's electronic device, as a standalone software package, partially on the user's electronic device and partially on a remote electronic device, or entirely on a remote electronic device or server. In cases involving remote electronic devices, the remote electronic device can be connected to the user's electronic device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external electronic device (e.g., via the Internet using an Internet service provider).

[0473] It should be noted that although several units or sub-units of the device have been mentioned in the detailed description above, this division is merely exemplary and not mandatory. In fact, according to embodiments of this application, the features and functions of two or more units described above can be embodied in one unit. Conversely, the features and functions of one unit described above can be further divided and embodied by multiple units.

[0474] Furthermore, although the operations of the method of this application are described in a specific order in the accompanying drawings, this does not require or imply that these operations must be performed in that specific order, or that all the operations shown must be performed to achieve the desired result. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined into one step, and / or one step may be broken down into multiple steps.

[0475] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing a computer-usable computer program.

[0476] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, produce a machine for implementing the flowchart illustrations. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0477] These computer program commands may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the commands stored in the computer-readable storage medium produce an article of manufacture including command means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0478] These computer program commands can also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing the commands executed on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0479] Although preferred embodiments of this application have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments as well as all changes and modifications falling within the scope of this application. Clearly, those skilled in the art can make various alterations and variations to this application without departing from its spirit and scope. Thus, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A method of browsing network content, characterized by, The method comprises: presenting a content browsing interface in which target network content is displayed; in response to an anti-spoiler operation on the target network content, presenting a blocking mask on a spoiler region in the target network content, and presenting at least one spoiler prompt information and a corresponding expansion control on the blocking mask; in response to a viewing operation on one of the expansion controls, presenting spoiler content corresponding to the corresponding spoiler prompt information; each of the spoiler content is obtained by performing semantic analysis on original content in the spoiler region.

2. The method of claim 1, wherein, The spoiler prompt information includes at least one of evaluation type spoiler prompt information and event type spoiler prompt information; wherein the evaluation type spoiler prompt information is a prompt for feedback content of other objects; and the event type spoiler prompt information is a prompt for an event occurring in a plot.

3. The method of claim 1, wherein, in response to a viewing operation on one of the expansion controls, presenting spoiler content corresponding to the corresponding spoiler prompt information, comprising: if the expansion control belongs to a single level, in response to a viewing operation on one of the expansion controls, presenting spoiler content corresponding to the corresponding spoiler prompt information, and setting the display control to an invisible state; if the expansion control belongs to multiple levels, in response to a viewing operation on one of the expansion controls, presenting spoiler content corresponding to the corresponding spoiler prompt information, setting the display control to an invisible state, and presenting a next level expansion control corresponding to at least one expandable part in the spoiler content; wherein the expandable part belongs to a next level of spoiler prompt information, and the expandable part refers to a part of the spoiler content that can be expanded.

4. The method of claim 3, wherein, The presentation of the next level expansion control corresponding to the at least one expandable part in the spoiler content comprises: highlighting the at least one expandable part in the spoiler content, and presenting a corresponding next level expansion control at an associated position of each expandable part.

5. The method of claim 3, wherein, The method further comprises: in response to a viewing operation on a target next level display control in the at least one next level display control, presenting spoiler content related to the expandable part corresponding to the target next level display control, and setting the target next level display control to an invisible state; wherein the spoiler content corresponding to the expansion control of multiple levels is spoiler content that is gradually refined for the same event in the plot description.

6. The method of claim 5, wherein, If multiple target next level expansion controls are continuously viewed, the presentation of spoiler content related to the expandable part corresponding to the target next level display control in response to a viewing operation on a target next level display control in the at least one next level display control comprises: in response to continuous viewing operations on multiple target next level display controls, presenting spoiler content related to the expandable part corresponding to each of the target next level display controls in turn; or in response to continuous viewing operations on multiple target next level display controls, directly presenting integrated spoiler content related to the expandable part corresponding to multiple target next level display controls.

7. The method of claim 5 or 6, wherein, The showable part corresponds to the spoiler content generated by reorganizing the plot details of the showable part and the relevant spoiler content that has been shown for the corresponding event.

8. The method according to any one of claims 1 to 6, characterized in that, If the original content includes picture content, in response to a viewing operation on one of the expansion controls, the corresponding spoiler prompt information is presented, and the picture spoiler content associated with the text spoiler content is presented in the picture content by removing the sub-region mask. The picture sub-region is obtained by segmenting key information in the picture content based on events in the plot; the key information includes at least one of a character and a scene.

9. The method of claim 8, wherein, If the original content includes picture content, the method further includes:

10. The method according to any one of claims 1 to 6, wherein presenting a first obscuring mask over non-picture content in the spoiler region, the first obscuring mask being an opaque layer for obscuring the non-picture content; and presenting a second obscuring mask over picture content in the spoiler region, the second obscuring mask being a layer with a transparency not exceeding a preset transparency threshold for blurring the picture content. The method further includes:

11. The method according to any one of claims 1 to 6, wherein in response to a sliding operation on the content browsing interface, controlling the obscuring mask to move synchronously with the spoiler region; and when the amount of content currently displayed in the target network content changes, adjusting the size of the spoiler region and the obscuring mask based on the amount of content, the size of the spoiler region and the obscuring mask being positively correlated with the amount of content. The spoiler prevention operation is triggered in any of the following ways:

12. The method according to any one of claims 1 to 6, wherein triggered by a preset obscuring action; triggered by a spoiler prevention control associated with the target network content. If the preset obscuring action is to obscure the display screen, the spoiler region is determined in the following way:

13. The method of claim 12, wherein, detecting the boundary of the target network content that is obscured on the display screen; determining the spoiler region according to the detected boundary. Determining the spoiler region according to the detected boundary includes at least one of the following:

14. The method of claim 12, wherein, regarding the region within the boundary as the spoiler region; regarding a region containing the complete content corresponding to the content within the boundary as the spoiler region. The obscuring mask also displays a close control, and the method further includes:

15. The method of any one of claims 1 to 6, wherein, in response to a triggering operation on the close control, removing the obscuring mask to restore the normal display of the original content in the spoiler region. The method includes:

16. A method of browsing network content, characterized by, after receiving a spoiler prevention instruction for target network content in a content browsing interface, performing semantic analysis on the original content in the spoiler region of the target network content to obtain at least one spoiler prompt information and corresponding spoiler content; ​ send the obtained at least one spoiler prompt information and corresponding spoiler content to the client, so that the client presents a shielding mask on a spoiler area of the target network content, and presents the at least one spoiler prompt information and a corresponding expansion control on the shielding mask; and in response to a viewing operation on one of the expansion controls, present the spoiler content corresponding to the corresponding spoiler prompt information.

17. The method of claim 16, wherein, The spoiler prompt information includes event-type spoiler prompt information; the event-type spoiler prompt information is a prompt for an event occurring in a plot; The semantic analysis of the original content in the spoiler area of the target network content includes: Splitting the original content in the spoiler area into multiple sentences; Identifying basic components in each sentence and extracting plot details corresponding to the basic components; Integrating the basic components and plot details of each sentence according to events in a plot description to obtain spoiler content of event-type spoiler prompt information, and taking the corresponding basic components as the event-type spoiler prompt information.

18. The method of claim 17, wherein, The spoiler content corresponding to the multi-level expansion control is spoiler content that is refined layer by layer for the same event in the plot description; wherein the subject in the basic component corresponds to an initial information level, and other basic components correspond to other information levels.

19. The method of claim 16, wherein, If the original content in the spoiler area contains picture content, the spoiler content includes text spoiler content and picture spoiler content associated with the text spoiler content; the semantic analysis of the original content in the spoiler area of the target network content to obtain at least one information level spoiler prompt information and spoiler content further includes: Based on events in a plot description, segmenting key information in the picture content to obtain multiple picture sub-areas; the key information includes at least one of a character and a scene; Taking each picture sub-area as a picture spoiler content and associating it with corresponding text spoiler content.

20. A network content browsing apparatus characterized by comprising: including: a presentation unit configured to present a content browsing interface, the content browsing interface displaying a target network content; a spoiler prevention unit configured to, in response to a spoiler prevention operation on the target network content, present a shielding mask on a spoiler area in the target network content, and present at least one spoiler prompt information and a corresponding expansion control on the shielding mask; a content display unit configured to, in response to a viewing operation on one of the expansion controls, present spoiler content corresponding to the corresponding spoiler prompt information; each of the spoiler contents is obtained by performing semantic analysis on the original content in the spoiler area.

21. A network content browsing apparatus characterized by comprising: including: a processing unit configured to, after receiving a spoiler prevention instruction on a target network content in a content browsing interface, perform semantic analysis on original content in a spoiler area of the target network content to obtain at least one spoiler prompt information and corresponding spoiler content; The transmission unit is configured to send the obtained at least one spoiler prompt information and corresponding spoiler content to the client, so that the client presents a shielding mask on a spoiler area of the target network content, and presents the at least one spoiler prompt information and a corresponding expansion control on the shielding mask; and in response to a viewing operation on one of the expansion controls, the corresponding spoiler content of the corresponding spoiler prompt information is presented.

22. An electronic device, comprising: It includes a processor and a memory, wherein the memory stores a computer program, and when the computer program is executed by the processor, the processor executes the steps of the method in any one of claims 1-19.

23. A computer-readable storage medium, characterized in that, It includes a computer program, and when the computer program runs on an electronic device, the computer program is used to make the electronic device execute the steps of the method in any one of claims 1-19.

24. A computer program product, characterised in that, It includes a computer program stored in a computer readable storage medium; when the processor of an electronic device reads the computer program from the computer readable storage medium, the processor executes the computer program, so that the electronic device executes the steps of the method in any one of claims 1-19.

Images