WO2024087950A1 - 一种网页弹幕的实现方法和电子设备 - Google Patents

一种网页弹幕的实现方法和电子设备 Download PDF

Info

Publication number
WO2024087950A1
WO2024087950A1 PCT/CN2023/120006 CN2023120006W WO2024087950A1 WO 2024087950 A1 WO2024087950 A1 WO 2024087950A1 CN 2023120006 W CN2023120006 W CN 2023120006W WO 2024087950 A1 WO2024087950 A1 WO 2024087950A1
Authority
WO
WIPO (PCT)
Prior art keywords
barrage
content
user
web page
bullet
Prior art date
Application number
PCT/CN2023/120006
Other languages
English (en)
French (fr)
Inventor
陈颖
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2024087950A1 publication Critical patent/WO2024087950A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/109—Font handling; Temporal or kinetic typography

Definitions

  • the present application relates to the field of terminals, and more specifically, to a method and electronic device for implementing web page bullet screen.
  • Bullet comments allow users to communicate while watching videos, so they are widely used by users. For example, when users watch videos on a web page, they can socialize and interact by sending bullet comments, which improves the user's viewing experience.
  • the present application provides a method and electronic device for implementing web page barrage, which can realize diversified settings of web page barrage and help improve user experience.
  • a method for implementing web page barrage which is applied to an electronic device, and the method includes: the electronic device receives web page content, the web page content includes barrage elements, video elements and text elements, and the barrage element is specifically used to represent the barrage content; the electronic device parses the web page content, displays the barrage content represented by the barrage element, the video represented by the video element, and the text represented by the text element.
  • the method may be executed by a client running on an electronic device, and the client supports a browser function.
  • the barrage element is dedicated to representing the barrage content. Therefore, when parsing the web page content, the electronic device can distinguish the barrage content and other non-barrage content in the web page content, so that the electronic device can support further operations on the barrage content represented by the barrage element, thereby enabling users to set up diversified web page barrages, which helps to improve the user experience.
  • the web page content also includes an application program interface, which is used to represent the barrage settings.
  • the method also includes: calling the application program interface to provide the user with an interface for barrage settings.
  • the application interface can be an application interface dedicated to representing barrage settings.
  • the electronic device can call this application interface to provide users with an interface for barrage settings.
  • the interface for barrage settings can be a window or an interface, so that users can set web page barrages, which helps to improve user experience.
  • the present application represents barrage settings through an application program interface, which is simpler and easier to implement and can reduce the complexity of implementing barrage settings.
  • the barrage setting includes at least one of the setting of the barrage content and the setting of the user who sends the barrage.
  • the setting of the barrage content includes the setting of the attributes of the barrage content, and the attributes include at least one of the following: font size, font style, font color, animation, display mode, and display time, wherein the display mode includes displaying from left to right, displaying from right to left, displaying at the starting point and end point of a specified screen, repeatedly displaying, displaying animation, and displaying background, and the display time includes the start and end time of the display and/or the duration of the display.
  • the method also includes: the electronic device receives a first operation from the user through an interface for setting the barrage, the first operation is used to indicate any one of the above-mentioned barrage contents, or the first operation is used to set the attributes of the barrage content, and the attribute includes at least one of the above-mentioned ones; the electronic device displays the barrage content represented by the barrage element according to the attribute.
  • the setting of the barrage content includes the management of the barrage content, which management includes at least one of the following: collecting the barrage content, canceling the collection of the barrage content, blocking the barrage content, complaining about the barrage content, detecting the barrage content, exporting the barrage content, importing the barrage content, whether to Enable automatic prompts for barrage content, aggregation of barrage content, and statistics of barrage content.
  • the method also includes: the electronic device receives a second operation from the user through an interface for barrage settings, and the second operation is used to indicate the setting of management of at least one of the above-mentioned barrage contents; the electronic device manages the barrage content represented by the barrage element according to the second operation.
  • the settings for users sending barrages include at least one of the following settings: following users sending barrages, paying special attention to users sending barrages, blocking users sending barrages, setting the content of barrages sent by users followed or paid special attention to, grouping users sending barrages, setting the visibility permissions of their own barrages for different groups, setting the visibility permissions of their own barrages for different users, and making notes on users sending barrages.
  • the method also includes: the electronic device receives a third operation from the user through the barrage setting interface, and the third operation is used to indicate any of the above settings of the user sending the barrage; the electronic device manages the barrage content represented by the barrage element according to the third operation.
  • the application program interface includes an interface for exporting barrage content.
  • an electronic device comprising a module for implementing the method for implementing a web page barrage as described in the first aspect and any possible implementation method thereof.
  • an electronic device comprising: one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs comprising instructions, and when the instructions are executed by one or more processors, the method for implementing the web page barrage as described in the first aspect and any possible implementation method thereof is executed.
  • the electronic device when the instructions are executed by one or more processors, performs the following steps: receiving web page content, the web page content including barrage elements, video elements and text elements, the barrage element being specifically used to represent the barrage content; parsing the web page content, and displaying the barrage content represented by the barrage element, the video represented by the video element, and the text represented by the text element.
  • the web page content also includes an application program interface, which is used to represent the barrage settings.
  • the electronic device performs the following steps: calling the application program interface to provide the user with an interface for barrage settings.
  • the barrage setting includes at least one of the setting of the barrage content and the setting of the user who sends the barrage.
  • the electronic device when the instruction is executed by one or more processors, performs the following steps: receiving a first operation from the user through a barrage setting interface, the first operation being used to set attributes of the barrage content, the attributes including at least one of the following: font size, font style, font color; and displaying the barrage content represented by the barrage element according to the attributes.
  • the electronic device when the instruction is executed by one or more processors, performs the following steps: receiving a second operation from the user through the interface for barrage setting, the second operation is used to indicate at least one of the following: collecting barrage content, blocking barrage content, complaining about barrage content, and exporting barrage content; managing the barrage content represented by the barrage element according to the second operation.
  • the electronic device when the instruction is executed by one or more processors, performs the following steps: receiving a third operation from the user through the barrage setting interface, the third operation is used to indicate at least one of the following: following the user who sends the barrage, blocking the user who sends the barrage, setting the visibility of the barrage to different users, and making comments to the user who sends the barrage; managing the barrage content represented by the barrage element according to the third operation.
  • the application program interface includes an interface for exporting barrage content.
  • a communication device comprising: a processor coupled to a memory, the memory being used to store a computer program, the processor being used to run the computer program, so that the communication device executes the method as described in the first aspect and any possible implementation thereof.
  • a chip comprising a processor and a communication interface, wherein the communication interface is used to receive a signal and transmit the signal to the processor, and the processor processes the signal so that the implementation of the web page barrage as described in the first aspect and any possible implementation method thereof is executed.
  • a computer-readable storage medium in which computer instructions are stored.
  • the method for implementing a web page barrage as described in the first aspect and any possible implementation method thereof is executed.
  • a computer program product comprising computer instructions, which, when executed on a computer, enable the method for implementing a web page barrage as described in the first aspect and any possible implementation thereof to be executed.
  • FIG. 1 is a schematic diagram of a method 100 for implementing web page bullet screen.
  • FIG. 2 is a schematic diagram of a system architecture 200 applicable to an embodiment of the present application.
  • FIG. 3 is a schematic structural diagram of a client provided in an embodiment of the present application.
  • FIG. 4 is a schematic structural diagram of a server provided in an embodiment of the present application.
  • FIG. 5 is a schematic flowchart of a method 300 for implementing a web page bullet screen provided in an embodiment of the present application.
  • FIG. 6 is a schematic flowchart of another method 400 for implementing a web page bullet screen provided in an embodiment of the present application.
  • FIG. 7 is a schematic flowchart of another method 500 for implementing a web page bullet screen provided in an embodiment of the present application.
  • a and/or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural.
  • the character "/” generally indicates that the objects associated before and after are in an "or” relationship.
  • references to "one embodiment” or “some embodiments” etc. described in this specification mean that a particular feature, structure or characteristic described in conjunction with the embodiment is included in one or more embodiments of the present application.
  • the phrases “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. appearing in different places in this specification do not necessarily all refer to the same embodiment, but mean “one or more but not all embodiments", unless otherwise specifically emphasized in other ways.
  • the terms “including”, “comprising”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized in other ways.
  • API Application Programming Interface
  • An API is a computing interface that defines the interactions between multiple software intermediaries, the kinds of calls or requests that can be made, how to make calls or requests, the data formats that should be used, the conventions that should be followed, etc. It can also provide extension mechanisms to extend existing functionality to varying degrees in various ways.
  • An API can be completely customized to target a component or designed based on industry standards to ensure interoperability. Through information hiding, APIs enable modular programming, allowing users to use the interface independently.
  • JavaScript (JS for short) is a lightweight, interpreted or just-in-time compiled programming language with function-first syntax.
  • JavaScript is a prototype-based, first-class function language. It is a multi-paradigm language that supports object-oriented, imperative, declarative, and functional programming paradigms. It provides syntax to manipulate text, arrays, dates, and regular expressions, etc. It does not support input/output (I/O), such as networking, storage, and graphics, but these can be supported by its host environment. It is used by the vast majority of websites and is supported by major browsers.
  • I/O input/output
  • JavaScript API is an API developed using JavaScript.
  • HTML Hypertext Markup Language
  • HTML is an identification language. It includes a series of tags that can unify the document format on the Internet and connect scattered Internet resources into a logical whole.
  • HTML text is a descriptive text composed of HTML commands. HTML commands can describe text, graphics, animations, sounds, tables, links, etc.
  • HTML elements include div, canvas, webvtt, etc. Among them, div is an element used to define document parts in HTML. Canvas can be used to dynamically draw graphics through scripts (usually JavaScript). Webvtt is a file format for marking text tracks. It is combined with the HTML 5 ⁇ track> element to give audio or Subtitles, titles, and other descriptive information are added to media resources such as videos and displayed synchronously.
  • Bullet comments allow users to communicate while watching videos, so they are widely used by users. For example, when users watch videos on a web page, they can socialize and interact by sending bullet comments, which improves the user's viewing experience.
  • FIG. 1 is a schematic diagram of a method 100 for implementing web page barrage.
  • This method 100 takes the implementation of web page barrage through a browser as an example.
  • a web page content provider is used to generate web page content and embed JavaScript scripts in the web page.
  • the web page content provider reuses existing div, canvas, and webvtt elements, and adds JavaScript scripts to simulate the behavior of barrage.
  • the browser provides the user with the ability to enter a URL.
  • the browser sends a request to the web page content provider based on the URL entered by the user, requesting the web page content.
  • the browser receives the web page content provided by the web page content provider, the browser can render the content of the web page and display it to the user.
  • the browser is responsible for parsing and executing it.
  • the method 100 includes the following steps:
  • a web content provider generates web content, and the web content includes bullet comments.
  • web content providers reuse div, canvas, webvtt elements and JavaScript scripts in web content to simulate barrage.
  • a user accesses a web page through a browser, for example, to watch video content.
  • the browser requests web content from a web content provider, and the web content provider sends the web content to the browser.
  • the browser parses the web page content and displays the bullet screen to the user.
  • the browser renders and displays the bullet-screen content in the web page content to the user based on the acquired web page content. If there is a Javascript script, the browser parses and executes it.
  • the user can send the barrage through the barrage input box of the browser.
  • S150 The browser sends a web page request.
  • the browser generates a web page request according to the barrage sent by the user, and sends the web page request to the web page content provider, where the web page request is used to request the web page content provider to generate web page content including the barrage sent by the user.
  • the web page content provider generates web page content.
  • Web content providers use existing elements such as div, canvas, webvtt and JavaScript scripts in web pages based on the comments sent by users. Originally simulated the barrage sent by users.
  • the web content provider sends the web content to the browser, including the bullet comments sent by the user.
  • the browser parses the webpage content, and the JavaScript script is triggered and executed with the help of the browser parsing. After parsing the webpage, the browser can display the bullet comments sent by the user on the page.
  • the div element itself expresses the text in the web page
  • the canvas element itself expresses the graphics in the web page
  • the canvas element if the canvas element is used to represent the barrage, it is impossible to separate the graphics and the barrage from the current web page.
  • the webvtt element is used to express subtitles, if the webvtt element is used to represent the barrage, it is impossible to separate the subtitles and the barrage from the current web page. Therefore, it is impossible to further process the web page content, such as filtering or extracting.
  • the present application provides a method for implementing web page barrage, which enables users to perform further operations on the web page barrage, thereby helping to improve the user experience.
  • FIG2 is a schematic diagram of a system architecture 200 applicable to an embodiment of the present application.
  • an electronic device 210 can be connected to a server 220.
  • the electronic device 210 and the server 220 are connected wirelessly.
  • the electronic device 210 and the server 220 are not limited to the wireless connection in FIG2 , and can also be connected by wire.
  • the electronic device 210 can communicate with the server 220.
  • a user can input information to be queried through a client running on the electronic device 210.
  • the electronic device 210 can generate a web page request based on the information to be queried, and transmit the web page request to the server 220.
  • the server 220 sends corresponding web page information to the electronic device 210 based on the web page request.
  • the electronic device 210 can load a web page based on the web page information and display the web page to the user through the client.
  • the server 220 can also be called a server.
  • the electronic device 210 may be a portable electronic device including other functions such as a personal digital assistant and/or a music player, such as a mobile phone, a tablet computer, a wearable electronic device with a wireless communication function (such as a smart watch), etc.
  • exemplary embodiments of the portable electronic device include but are not limited to a device equipped with Or other portable electronic devices with other operating systems.
  • the portable electronic device may also be other portable electronic devices, such as a laptop computer (Laptop) and the like.
  • the electronic device 210 may not be a portable electronic device, for example, the electronic device 210 is a desktop computer.
  • the client running on the electronic device 210 may be a browser, or other client capable of accessing, viewing or displaying web pages, such as Huawei Video, Huawei Music, etc.
  • FIG3 is a schematic structural diagram of a client provided in an embodiment of the present application.
  • the client may be a browser client.
  • the browser client may include but is not limited to the following modules or components: a V8 engine, a Blink engine, a network module, and a user interface (UI), wherein the V8 engine is a JavaScript engine of the browser client, and the V8 engine is built into the browser client, and can be used to parse and execute JavaScript APIs, including APIs related to bullet screens, etc.
  • the Blink engine is a rendering engine of the browser client, and the Blink engine can be used to parse the document object model (DOM) tree in the web page, calculate the style and layout, render the web page content, and display it to the user.
  • the network module is used to initiate a network request to the server, and hand over the content received from the server to the Blink engine component.
  • the UI provides an address bar for providing the user with an interface for inputting a URL, and an interface for settings related to bullet screens
  • Fig. 4 is a schematic structural diagram of a server provided in an embodiment of the present application.
  • the server may include but is not limited to a content distribution component, a content generation component and a multimedia library.
  • the content distribution component is used to send web page content to the client for users to browse.
  • the content generation component is used to generate web page content and embed JavaScript scripts in HTML web pages according to its own behavior.
  • the multimedia library is also called an audio and video streaming media content library.
  • the server can embed the content in the multimedia library in the web page and send it to the client, that is, the web page content can include the content in the multimedia library.
  • the server may also include an article library, which is used to include text content that the user needs to obtain.
  • the server can embed the content in the article library in the web page and send it to the client, that is, the web page content can include the content in the article library.
  • server shown in FIG. 4 may refer to a web content provider.
  • FIG5 shows a method 300 for implementing a webpage bullet screen provided by an embodiment of the present application. As shown in FIG5, the method can be applied to the system architecture shown in FIG2.
  • the client function can be implemented by the electronic device 210
  • the function of the webpage content provider can be implemented by the server 220. The method 300 is described below.
  • the web content provider sends the web content to the client, and the client receives the web content.
  • the client supports web page functions, or in other words, the client supports browser functions.
  • the client is a browser, and
  • the client is a non-browser application (application, APP) that can access, view or display web pages, such as Huawei Video, Huawei Music, etc., or social software.
  • application application, APP
  • the webpage content includes a first webpage element.
  • the first web page element is different from any existing web page element.
  • the first web page element is a newly defined web page element, which is an element dedicated to representing the content of the bullet screen.
  • the web page content may be represented by HTML
  • the first web page element may be an HTML element
  • the first web page element is neither a div element, nor a canvas element, nor a webvtt element.
  • the first web page element may be a bulletChat element, and the first web page element may be called a bullet chat element.
  • the web page content may also include non-bullet screen elements.
  • non-bullet screen elements may include one or more video elements, audio elements, text elements, etc.
  • a video element may be used to represent a video in a web page, and a video element may be an HTML element, such as a video element or a source element.
  • An audio element may be used to represent an audio in a web page, and an audio element may be an HTML element, such as an audio element or a source element.
  • a text element may be used to represent text content in a web page, for example, to represent the title of a web page, and a text element may be an HTML element, such as a div element.
  • the client parses the web page content and displays the barrage content represented by the first web page element, the video represented by the video element, and the text represented by the text element.
  • parsing the web page content can obtain barrage content and non-barrage content.
  • Barrage content refers to text, pictures, emoticons and other content input by the user and can be displayed to the user together with video and other content.
  • the barrage content can be represented by a first web page element.
  • the client supports the first web page element. Therefore, the client can parse the web page content and display the barrage content represented by the first web page element to the user.
  • non-bullet content can be one or more of video, audio, and web page title.
  • Video can be represented by a video element
  • audio can be represented by an audio element
  • web page title can be represented by a text element.
  • the client supports video elements, audio elements, and text elements, so it can parse web page content and display the video represented by the video element and the text represented by the text element. That is, video, subtitles, web page title, bullet comments, and other content can be displayed synchronously.
  • the first web page element is dedicated to representing the barrage content. Therefore, when the client parses the web page content, it can distinguish the barrage content and other non-barrage content in the web page content, so that the client can support further operations on the barrage content represented by the first web page element, thereby enabling users to set up diversified web page barrages, which helps to improve user experience.
  • the web page content also includes a first application program interface, which is used to represent the barrage settings.
  • the first application interface can be an application interface dedicated to representing barrage settings.
  • the client can call the first application interface to provide the user with an interface for barrage settings.
  • the interface for barrage settings can be a window or an interface, so that the user can set the web page barrage, which helps to improve the user experience.
  • the present application represents barrage settings through a first application program interface, which is simpler and easier to implement and can reduce the complexity of implementing barrage settings.
  • the first application program interface can refer to one API or multiple APIs, and one API can correspond to one barrage setting.
  • the first application program interface can be developed using JavaScript, and the first application program interface can be a JavaScript API.
  • the first application program interface can also be developed using WebAssembly, in which case the first application program interface can be a WebAssembly API.
  • the bullet screen setting includes at least one of setting the content of the bullet screen and setting the user who sends the bullet screen.
  • the following is an example of setting the content of the bullet screen and setting the user who sends the bullet screen.
  • any setting of the bullet chat content can be represented by an API, and the setting of the bullet chat content can include two categories, one is the attribute setting of the bullet chat content, and the other is the management setting of the bullet chat content.
  • the attribute setting refers to the display setting of the bullet chat content that the user can see, such as color, size and other settings.
  • the management setting is to manage the bullet chat content, such as collection, complaint and other settings.
  • the property setting includes at least one of the following:
  • Font settings for bullet comments including font size, font style, font color, font animation, etc.
  • Font size can be called font size. Font size can be expressed in points (pt) or pixels (pixel, px), for example, the font size of the bullet content is 12pt or 12px. The font size can also be in the form of a percentage, for example, 50%, 20%, etc.
  • the font style can be Songti, Heiti, etc.
  • the font color includes black, red, etc.
  • the font animation refers to the dynamic display effect of the bullet content.
  • the display-style setting can be to set the bullet-message content to display from left to right (leftToRight), or to set the bullet-message content to display from right to left (rightToLeft), or to specify the start and end points of the screen and display the bullet-message content at the specified position, or to set the bullet-message content to display multiple times, or to set the display animation, or to set the display background.
  • the display time setting can be to set the start and end time of the display (begin-time, end-time), or to set the duration of the display (last-time), for example, 20 seconds (second).
  • a user accesses a web page through a client, and the client sends a web page request to the web page content provider based on the content input by the user.
  • the web page content provider generates web page content based on the web page request.
  • the web page content includes an API for setting the attributes of the barrage content, for example, including the font size, style, color, display mode, and display time of the barrage.
  • the client calls the API to provide the user with a window for setting the font size, style, color, display mode, display time, etc. of the barrage content, so that the user can set the attributes of the barrage content in this window.
  • operation #0 an example of the first operation
  • operation #0 indicates setting one or more items of the font size, style, color, display mode, display time, etc. of the barrage, so that the client can set the barrage content to the corresponding format according to the instructions of operation #0.
  • the barrage content may also be pictures, emoticons, etc.
  • the attribute setting of the barrage content may include a size setting of the barrage content, and the size setting indicates the display ratio of the barrage content, which may be greater than 100% or less than 100%.
  • the attribute setting of the barrage content can be implemented through the first web page element in addition to being implemented through the API.
  • the first web page element can include the attribute setting of the barrage content in addition to the barrage content.
  • the web page content provider has a default setting for the attribute of the barrage content, the client parses the web page, and displays the barrage content to the user according to the attribute setting in the first web page element.
  • the management settings include at least one of the following:
  • Collecting can refer to adding specific barrage content to the collection list
  • canceling the collection can refer to deleting specific barrage content from the collection list.
  • a user accesses a web page through a client.
  • the client sends a web page request to the web content provider based on the content input by the user.
  • the web content provider generates web content based on the web page request.
  • the web content may include an API for collecting barrage.
  • the client calls the API and provides the user with a window for collecting barrage.
  • the user collects barrage #1 an example of barrage content
  • Operation #1 means collecting barrage #1.
  • the client sends a web page request to the web content provider based on the user's operation #1.
  • the web content provider receives the web page request and generates web content.
  • the web content includes an API for collecting barrage #1.
  • the client calls the API to add barrage #1 to the user's barrage collection list, so that the user can see barrage #1 in his collection list.
  • the web content sent by the web content provider to the browser may include an API for blocking barrage.
  • the client calls the API to provide the user with a window for blocking barrage.
  • barrage #2 another example of barrage content
  • operation #2 indicates blocking barrage #2.
  • the client sends a web page request to the web content provider according to the user's operation #2.
  • the web content provider receives the web page request and generates web content.
  • the web content includes an API for blocking barrage #2.
  • the client calls the API to filter out barrage #2 from the displayed barrage content, so that the user will not see barrage #2.
  • the web content sent by the web content provider to the browser may include an API for blocking barrages.
  • the client calls the API and provides the user with a window for blocking barrages.
  • the user blocks barrage #3 (another example of barrage content) through the window, the user enters operation #3 on the client, where operation #3 represents complaint barrage #3.
  • the client sends a web page request to the web content provider based on the user's operation #3.
  • the web content provider receives the web page request and generates web content.
  • the web content includes an API for complaining about barrage #3.
  • the client calls the API to filter out barrage #3 from the displayed barrage content, so that the user will not see barrage #3.
  • the web content provider can also detect barrage #3 to determine whether barrage #3 is appropriate. If barrage #3 is not appropriate, the web content provider will delete barrage #3 from all barrage content. If barrage #3 is appropriate, the web content provider can continue to display barrage #3 to the user through the client.
  • the web content sent by the web content provider to the browser may include an API to detect whether the bullet comment content is appropriate.
  • the client calls the API to detect whether the bullet comment content is appropriate. If it involves sensitive or illegal content, the client can provide a prompt window to the user, for example, prompting the user to block the bullet comment.
  • the client can save the user's settings for bullet-screen and bullet-screen content, and export them according to the user's operation, wherein the user's settings for bullet-screen include various attributes and effects of the bullet-screen content.
  • the bullet-screen content can be exported separately or together with the web page content.
  • the exported file can include only the bullet-screen content, or the bullet-screen content and non-bullet-screen content in the web page.
  • the web page content sent by the web content provider to the browser may include an API for exporting the bullet-screen content. After receiving the web page content, the client calls the API and provides the user with a window for exporting the bullet-screen content.
  • the user exports the bullet-screen content as an independent file through the window.
  • the window for exporting the bullet-screen content can be an option in the right-click menu of the web page.
  • the user can export the bullet-screen content on the web page through the option of the right-click menu (an example of the third operation).
  • the format of the exported bullet-screen content can be various formats supported by the browser, such as text format (txt) or table format (excel).
  • the user who uploaded the video can view what bullet comments are on the web page. For example, user #A uploaded a video with user #A's performance content, and user #A needs to analyze the audience's feedback on the performance content. At this time, user #A can export the corresponding bullet comments content.
  • users can view the barrage content they have posted on a web page. For example, when user #B's barrage function is banned, user #B can export the barrage content on the web page. Based on the exported file, user #B can verify that he has not posted inappropriate barrage content and request to lift the ban.
  • the client can export the barrage content by traversing all barrage elements in the webpage content, filtering the content represented by the first webpage element, thereby obtaining the barrage content, and generating a file including the barrage content.
  • the client can export the barrage currently displayed on the webpage, or export all the barrages accumulated before the current moment according to the progress of the video playback.
  • the client can export all the barrages of the video.
  • the client can also replay the exported barrage content, or in other words, the client can also import the barrage content. Specifically, the client can import the corresponding file and replay the previously saved barrage content and settings.
  • the client can support the import and export functions of barrage content, thereby meeting the needs of users in different scenarios and improving the user experience.
  • the setting of automatic prompting of barrage content is also the setting of candidate barrage content. These candidate barrage content can be obtained through network query or through historical barrage content input by the user.
  • the client can prompt more content for selection.
  • Adding to a group means adding specific bullet comment content to a group.
  • Deleting from a group means removing specific bullet comment content from a group.
  • Aggregation of bullet-chat content refers to merging repeated bullet-chat content.
  • the web content sent by the web content provider to the browser may include an API for aggregating bullet-chat content.
  • the client After receiving the web content, the client calls the API to merge repeated bullet-chat content and display it to the user.
  • the client may provide the user with a setting window for whether to aggregate the bullet-chat content, so that the user can set it by himself.
  • Statistics on barrage content refers to the number of barrage content.
  • the web content sent by the web content provider to the browser may include an API for counting barrage content.
  • the client calls the API, determines the total number of barrage content, and displays the total number to the user.
  • the client may provide the user with a setting window for counting barrage content for the user to set.
  • any one of the above operations #1 to #3 can be regarded as an example of the second operation.
  • the first web page element is dedicated to representing the bullet screen
  • the bullet screen and text content in the web page content can be separated, so the web page content provider can provide the ability to set the bullet screen content through the first application program interface.
  • the client can call the first application program interface to provide the user with a setting interface for the bullet screen content, for example, providing a setting interface for the bullet screen content, so that the user can support the setting of the web page bullet screen, which helps to improve the user experience.
  • any of the settings of the user sending the barrage can be represented by an API, and the settings of the user sending the barrage include at least one of the following:
  • Web content sent by web content providers to browsers can be The API includes following, paying special attention to, or blocking the user who sent the barrage.
  • the client calls the API to provide the user with a window to follow the user who sent the barrage, or to provide a window to pay special attention to the user who sent the barrage, or to provide a window to block the user who sent the barrage.
  • user #A performs operation #4 on the client
  • operation #4 means following user #B who sent the barrage.
  • the client sends a web page request to the web content provider according to the user's operation #4.
  • the web content provider receives the web page request and generates web content.
  • the web content includes the API of user #B.
  • the client calls the API to display the barrage of user #B in a special way, for example, in bold or enlarged display.
  • the API can be used to display bullet comments sent by users that you follow or pay special attention to.
  • the client parsing API can provide a prompt window to the user to prompt the user whether there is a need for special display.
  • the special display method can be: for example, bold or enlarged display, or display through special colors or animations.
  • the web content sent by the web content provider to the browser may include an API for grouping users who send barrages.
  • the client After receiving the web content, the client calls the API to group users who send barrages. Alternatively, the client provides a window to the user to group users according to the user's operation.
  • the web content sent by the web content provider to the browser may include an API for setting visibility permissions.
  • the client calls the API and provides a window to the user.
  • the user can set the visibility of his own barrage to different groups or users through the window.
  • user #A enters operation #5 on the client.
  • Operation #5 means setting his own barrage to be invisible to user #B.
  • the client sends a web page request to the web content provider according to the user's operation #5.
  • the web content provider generates web content according to the web request.
  • the web content includes an API for setting the barrage content of user #A to be invisible to user #B.
  • the client calls the API.
  • the barrage content sent by user #B will not be displayed in the web barrage of user #A.
  • Operation #6 indicates that the user #B who sent the bullet comment #4 is followed and a note is added.
  • the note is user 1.
  • the client sends a web page request to the web page content provider according to the user's operation #6.
  • the web page content provider generates web page content according to the web page request.
  • the web page content includes an API that notes user #B as user 1. After receiving the web page content, the client calls the API and displays the name of user #B as user 1.
  • any one of the above operations #4 to #6 can be regarded as an example of the third operation.
  • the web content provider can set part of the barrage content through the API.
  • the client can call the first application program interface to provide the user with an interface for setting barrage, for example, the setting interface of the user who sends the barrage.
  • the client can display the barrage content in the web page content to match the corresponding settings, for example, selectively display according to the user's blocking operation, so that the user can set the web page barrage, which helps to improve the user experience.
  • the first application interface is used to represent the barrage settings, or it can be said that the first application interface includes an interface for barrage settings.
  • the first application is used to represent the export or import of barrage content, or it can be said that the first application includes an interface for exporting or importing barrage content.
  • the client calls the interface, it can export the barrage content.
  • the first application is used to represent "follow the user who sent the barrage", or it can be said that the first application includes an interface for "follow the user who sent the barrage", and when the client calls the interface, it can follow the user who sent the barrage.
  • the method 300 further includes: the client sends a web page request to a web page content provider, and correspondingly, the web page content provider receives the web page request, where the web page request is used to request web page content.
  • the client may send a web page request to the web page content provider after receiving content (e.g., video name) input from the user.
  • the client may send a web page request to the web page content provider after receiving the bullet screen input by the user.
  • the client may send a web page request to the web page content provider after receiving the user's settings for the bullet screen (e.g., the bullet screen content settings or the settings of the user sending the bullet screen).
  • the web page content provider may send web page content including the first web page element and the first API to the client after receiving the web page request from the client.
  • the solution of the embodiment of the present application can be applied to various scenarios, so that web page barrage can be set and managed according to user needs, which helps to improve user experience.
  • FIG6 shows another implementation method 400 of webpage bullet screen provided in an embodiment of the present application, and the method 400 can be regarded as a specific implementation of the method 300. As shown in FIG6, the method 400 includes the following steps:
  • a web page content provider generates a web page using an extended HTML element (an example of a first web page element) and an extended API (an example of a first API).
  • the extended HTML element is the bulletChat element, indicating that this element is a bullet chat, which can have many bullet chat related settings and Attributes include attribute settings of the bullet comment content and/or management settings of the bullet comment content, such as font size, style, color, animation, display mode, display time, collection, blocking, complaint, etc. See method 300 for details.
  • the extended API is used to operate the barrage-related settings and management. Including but not limited to:
  • addToFav/delFromFav add/cancel the favorite of this comment
  • addToGroup/delFromGroup add to a group/delete from a group
  • the extended API is specifically described in method 300 .
  • the web page content sent by the web page content provider to the client is as follows:
  • user #X performs relevant settings for the barrage in the browser, including but not limited to the settings of the barrage content and the settings of the user who sends the barrage.
  • S410 is an optional step. When the basic settings of the browser include bullet screen settings, S410 can be executed. When the basic settings of the browser do not include bullet screen settings, S410 may not be executed. If S410 is executed, the bullet screen settings of user #X in the browser will apply to the display of all web page contents.
  • user #X uses a browser to access a web page.
  • user #X when user #X needs to watch a video, user #X can enter the name of the video to be watched in the browser.
  • the browser sends a web page request to the web page content provider, and the web page content provider sends the web page content to the browser.
  • the web page content may include a link to a video and may also include barrage content.
  • the barrage content in the web page content may be as shown in S401.
  • the browser parses the web page content and displays the video content and barrage content.
  • the browser can parse the links, bulletChat elements and APIs in the web page, obtain the video content, barrage content and barrage settings, and display the video content and barrage content to user #X, where the barrage content can be displayed according to the user settings in S410.
  • S420 to S440 can be used as an implementation scenario, and the triggering condition is that user #X accesses a web page through a browser.
  • User #X can enter the barrage he wants to send in the send barrage window of the browser.
  • the browser sends a web page request to the web page content provider, and the web page content provider sends the web page content to the browser.
  • the web page content provider generates a bulletChat element in the web page according to the bullet comment sent by user #X, and the bullet comment content included in the bulletChat element is bullet comment #A.
  • the browser may parse the bulletChat element in the webpage and display it to the user #X, including the bullet chat #A sent by the user #X.
  • the browser may display the bullet chat #A according to the user's setting in S410.
  • S450 to S470 can be used as another implementation scenario, and the triggering condition is that user #X sends a bullet comment through the browser.
  • operation #7 is to long press the bullet screen of user #Y, or click on the avatar of user #Y, and further click "Follow”.
  • the browser generates a web page request according to user operation #7, the browser sends the web page request to the web page content provider, and the web page content provider sends the web page content to the browser.
  • the web content provider generates API #1 in the web page according to operation #7 of user #X, and the API #1 indicates the attention to user #Y.
  • the browser parses the web page and displays the bullet comment content.
  • the browser can call API #1 in the web page and set user #Y as the follower.
  • S480 to S4100 can be used as another implementation scenario, and the triggering condition is that user #X sets the user who sends the barrage through the browser.
  • FIG7 shows another implementation method 500 of webpage barrage provided by an embodiment of the present application, which can be regarded as another specific implementation of method 300.
  • the difference between method 500 and method 400 is that in method 500, the user accesses the webpage through APP#1, and APP#1 supports browser capabilities, for example, it can parse and display webpages, call APIs, display barrages to users, etc.
  • APP#1 supports sending barrages, and also supports the management and setting of barrage content and the setting of users who send barrages.
  • APP#1 does not support the attribute setting of barrage content, for example, setting the font, display mode, display time, etc. of the barrage content.
  • a web page content provider generates a web page using extended HTML elements and extended APIs.
  • S501 For a detailed description of S501 , please refer to S401 .
  • S510, APP#1 is pre-configured with attribute settings of the bullet comment content, for example, settings of font size, style, color, animation, display mode, and display time.
  • user #X when user #X needs to watch a video, user #X can enter the name of the video to be watched in APP #1.
  • APP#1 sends a web page request to a web page content provider, and the web page content provider sends web page content to APP#1.
  • APP#1 can parse the bulletChat element and API in the web page to obtain the video content, barrage content and barrage settings. APP#1 can display the video content to user #X and display the barrage to user #X according to preconfigured parameters.
  • S520 to S540 can be used as an implementation scenario, and the triggering condition is that user #X accesses the web page through APP #1.
  • User #X can enter the barrage he wants to send in the barrage window of APP #1.
  • APP#1 sends a web page request to the web page content provider, and the web page content provider sends the web page content to APP#1.
  • the web page content provider generates a bulletChat element in the web page according to the bullet comment sent by user #X, and the bullet comment content included in the bulletChat element is bullet comment #A.
  • APP#1 can parse the bulletChat element in the webpage and display it to user#X, including the bullet chat#A sent by user#X.
  • APP#1 can display the bullet chat#A to user#X according to the preconfiguration.
  • S550 to S570 can be used as another implementation scenario, and the triggering condition is that user #X sends a barrage through APP #1.
  • user #X follows user #Y on APP #1.
  • operation #7 is to long press the bullet screen of user #Y, or click on the avatar of user #Y, and further click "Follow”.
  • APP#1 generates a web page request according to user operation #7, APP#1 sends the web page request to the web page content provider, and the web page content provider sends the web page content to APP#1.
  • the web content provider generates API #1 in the web page according to operation #7 of user #X, and the API #1 indicates the attention to user #Y.
  • APP#1 can call API#1 in a web page and set user#Y as a follower.
  • S580 to S5100 can be used as another implementation scenario, and the triggering condition is that user #X sets the user who sends the barrage through APP #1.
  • the method provided by the embodiments of the present application is introduced from the perspective of the electronic device as the execution subject.
  • the electronic device may include a hardware structure and/or a software module, and implement the above functions in the form of a hardware structure, a software module, or a hardware structure plus a software module. Whether a function of the above functions is executed in the form of a hardware structure, a software module, or a hardware structure plus a software module depends on the specific application and design constraints of the technical solution.
  • the embodiment of the present application also provides an electronic device, including: a display screen, a processor, a memory, a power button, an application program, and a computer program.
  • the above-mentioned devices can be connected via one or more communication buses.
  • the one or more computer programs are stored in the above-mentioned memory and are configured to be executed by the one or more processors, and the one or more computer programs include instructions, which can be used to enable the electronic device to perform each step of the method in the above-mentioned embodiments.
  • An embodiment of the present application also provides an electronic device, including one or more processors; one or more memories; the one or more memories store one or more computer programs, and the one or more computer programs include instructions. When the instructions are executed by one or more processors, the methods in the above embodiments are executed.
  • An embodiment of the present application also provides a chip, which includes a processor and a communication interface, wherein the communication interface is used to receive a signal and transmit the signal to the processor, and the processor processes the signal so that the methods in the above embodiments are executed.
  • This embodiment further provides a computer-readable storage medium, in which computer instructions are stored.
  • computer instructions are executed on a computer, the methods in the above embodiments are executed.
  • This embodiment also provides a computer program product.
  • the computer program product runs on a computer, it enables the computer to execute the above-mentioned related steps to implement the method for implementing the web page barrage in the above-mentioned embodiment.
  • the electronic device can be divided into functional modules according to the above method example.
  • each functional module can be divided according to each function, or two or more functions can be integrated into one processing module.
  • the above integrated module can be implemented in the form of hardware. It should be noted that the division of modules in this embodiment is schematic and is only a logical function division. There may be other division methods in actual implementation.
  • the disclosed systems, devices and methods can be implemented in other ways.
  • the device embodiments described above are only schematic.
  • the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed.
  • Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
  • the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium.
  • the computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in each embodiment of the present application.
  • the aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk, and other media that can store program codes.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种网页弹幕的实现方法和电子设备，该方法应用于电子设备，该方法包括：电子设备接收网页内容，网页内容包括弹幕元素、视频元素和文本元素，该弹幕元素专用于表示弹幕内容；该电子设备解析网页内容，显示弹幕元素所表示的弹幕内容、该视频元素所表示的视频以及该文本元素所表示的文本。通过该方案，弹幕元素专用于表示弹幕内容，因此，电子设备在解析网页内容时，能够区分网页内容中的弹幕内容和其他非弹幕内容，使得电子设备可以支持对弹幕元素所表示的弹幕内容进行进一步操作，从而能够实现用户对网页弹幕的多样化设置，有助于提升用户体验。

Description

一种网页弹幕的实现方法和电子设备
本申请要求于2022年10月26日提交中国专利局、申请号为202211317559.8、发明名称为“一种网页弹幕的实现方法和电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端领域，并且更具体地，涉及一种网页弹幕的实现方法和电子设备。
背景技术
随着互联网技术的发展，用户对于网络交流的需求越来越高。弹幕可以实现用户在观看视频的同时进行交流，因此，受到用户的广泛使用。例如，用户在访问网页上观看视频时，通过发送弹幕进行社交和互动，提升了用户的观赏体验。
然而，当前的网页弹幕并不支持对弹幕进行进一步操作，例如，关注、引用等，在网页弹幕的很多场景中，例如，聊天、互动墙等场景，无法满足用户的需求。
发明内容
本申请提供一种网页弹幕的实现方法和电子设备，能够实现网页弹幕的多样化设置，有助于提升用户体验。
第一方面，提供了一种网页弹幕的实现方法，该方法应用于电子设备，该方法包括：该电子设备接收网页内容，网页内容包括弹幕元素、视频元素和文本元素，该弹幕元素专用于表示弹幕内容；该电子设备解析网页内容，显示该弹幕元素所表示的弹幕内容、该视频元素所表示的视频以及该文本元素所表示的文本。
其中，该方法可以由运行于电子设备的客户端执行，该客户端支持浏览器功能。
基于上述方案，弹幕元素专用于表示弹幕内容，因此，电子设备在解析网页内容时，能够区分网页内容中的弹幕内容和其他非弹幕内容，使得电子设备可以支持对弹幕元素所表示的弹幕内容进行进一步操作，从而能够实现用户对网页弹幕的多样化设置，有助于提升用户体验。
结合第一方面，在第一方面的一种实现方式中，网页内容还包括应用程序接口，该应用程序接口用于表示弹幕设置，该方法还包括：调用该应用程序接口，向用户提供弹幕设置的接口。
其中，该应用程序接口可以是专用于表示弹幕设置的应用程序接口，电子设备在解析网页内容时，可以调用该应用程序接口，为用户提供弹幕设置的接口，该弹幕设置的接口可以是一个窗口，也可以是一个界面，从而使得用户可以对网页弹幕进行设置，有助于提升用户体验。
另一方面，相较于现有技术中通过复杂的代码实现弹幕设置，本申请通过应用程序接口表示弹幕设置，更加简单易行，能够降低弹幕设置的实现复杂度。
结合第一方面，在第一方面的一种实现方式中，弹幕设置包括弹幕内容的设置和发送弹幕的用户的设置至少一种。
示例性地，弹幕内容的设置包括弹幕内容的属性的设置，属性包括以下至少一种：字体大小、字体样式、字体颜色、动效、显示方式、显示时间，其中，显示方式包括从左到右显示、从右到左显示、指定屏幕的起点和终点显示、重复多次显示、显示动效、显示背景，显示时间包括显示的起至时刻和/或显示的持续时长。
结合第一方面，在第一方面的一种实现方式中，该方法还包括：电子设备通过弹幕设置的接口接收来自用户的第一操作，第一操作用于指示上述任一种弹幕内容，或者说，第一操作用于设置弹幕内容的属性，该属性包括上述至少一种；电子设备根据该属性显示弹幕元素所表示的弹幕内容。
示例性地，弹幕内容的设置包括对弹幕内容的管理，该管理包括以下至少一种：收藏弹幕内容、取消收藏弹幕内容、屏蔽弹幕内容、投诉弹幕内容、检测弹幕内容、导出弹幕内容、导入弹幕内容、是否 开启自动提示弹幕内容、聚合弹幕内、统计弹幕内容。
结合第一方面，在第一方面的一种实现方式中，该方法还包括：电子设备通过弹幕设置的接口接收来自用户的第二操作，第二操作用于指示上述至少一种弹幕内容的管理的设置；电子设备根据第二操作管理弹幕元素所表示的弹幕内容。
示例性地，发送弹幕的用户的设置包括以下至少一种设置：关注发送弹幕的用户、特别关注发送弹幕的用户、屏蔽发送弹幕的用户、对关注或特别关注的用户所发的弹幕内容进行设置、对发送弹幕的用户进行分组、设置自身弹幕对不同分组的可见权限、设置自身弹幕对不同用户的可见权限、对发送弹幕的用户进行备注。
结合第一方面，在第一方面的一种实现方式中，该方法还包括：电子设备通过弹幕设置的接口接收来自用户的第三操作，第三操作用于指示上述任一种发送弹幕的用户的设置；电子设备根据第三操作管理弹幕元素所表示的弹幕内容。
示例性地，该应用程序接口包括导出弹幕内容的接口。
第二方面，提供了一种电子设备，包括用于实现如第一方面及其任一种可能的实现方式中所述的网页弹幕的实现方法中的模块。
第三方面，提供了一种电子设备，包括：一个或多个处理器；一个或多个存储器；所述一个或多个存储器存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令，当所述指令被一个或多个处理器执行时，使得如第一方面及其任一种可能的实现方式中所述的网页弹幕的实现方法被执行。
示例性地，当所述指令被一个或多个处理器执行时，使得电子设备执行以下步骤：接收网页内容，网页内容包括弹幕元素、视频元素和文本元素，该弹幕元素专用于表示弹幕内容；解析网页内容，并显示该弹幕元素所表示的弹幕内容、该视频元素所表示的视频以及该文本元素所表示的文本。
结合第三方面，在第三一方面的一种实现方式中，网页内容还包括应用程序接口，应用程序接口用于表示弹幕设置，当所述指令被一个或多个处理器执行时，使得所述电子设备执行以下步骤：调用应用程序接口，向用户提供弹幕设置的接口。
结合第三方面，在第三一方面的一种实现方式中，弹幕设置包括弹幕内容的设置和发送弹幕的用户的设置至少一种。
结合第三方面，在第三一方面的一种实现方式中，当所述指令被一个或多个处理器执行时，使得所述电子设备执行以下步骤：通过弹幕设置的接口接收来自用户的第一操作，第一操作用于设置弹幕内容的属性，属性包括以下至少一种：字体大小、字体样式、字体颜色；根据属性显示弹幕元素所表示的弹幕内容。
结合第三方面，在第三一方面的一种实现方式中，当所述指令被一个或多个处理器执行时，使得所述电子设备执行以下步骤：通过弹幕设置的接口接收来自用户的第二操作，第二操作用于指示以下至少一种：收藏弹幕内容、屏蔽弹幕内容、投诉弹幕内容、导出弹幕内容；根据第二操作管理弹幕元素所表示的弹幕内容。
结合第三方面，在第三一方面的一种实现方式中，当所述指令被一个或多个处理器执行时，使得所述电子设备执行以下步骤：通过弹幕设置的接口接收来自用户的第三操作，第三操作用于指示以下至少一种：关注发送弹幕的用户、屏蔽发送弹幕的用户、设置自身弹幕对不同用户的可见权限、对发送弹幕的用户进行备注；根据第三操作管理弹幕元素所表示的弹幕内容。
示例性地，该应用程序接口包括导出弹幕内容的接口。
第四方面，提供了一种通信装置，包括：与存储器耦合的处理器，该存储器用于存储计算机程序，该处理器用于运行该计算机程序，使得该通信装置执行如上述第一方面及其任一种可能的实现方式中的方法。
第五方面，提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得如第一方面及其任一种可能的实现方式中所述的网页弹幕的实现被执行。
第六方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机指令，当所述计算机指令在计算机上运行时，使得如第一方面及其任一种可能的实现方式中所述的网页弹幕的实现方法被执行。
第七方面，提供了一种计算机程序产品，包括计算机指令，当所述计算机指令在计算机上运行时，使得如第一方面及其任一种可能的实现方式中所述的网页弹幕的实现方法被执行。
附图说明
图1是一种网页弹幕的实现方法100的示意图。
图2是本申请实施例适用的一种***架构200的示意图。
图3是本申请实施例提供的客户端的一种示意性结构图。
图4是本申请实施例提供的服务器的一种示意性结构图。
图5是本申请实施例提供的一种网页弹幕的实现方法300的示意性流程图。
图6是本申请实施例提供的又一种网页弹幕的实现方法400的示意性流程图。
图7是本申请实施例提供的又一种网页弹幕的实现方法500的示意性流程图。
具体实施方式
下面将结合附图，对本申请实施例中的技术方案进行描述。
以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式，除非其上下文中明确地有相反指示。还应当理解，在本申请以下各实施例中，“至少一个”、“一个或多个”是指一个、两个或两个以上。术语“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系；例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。
在介绍本申请的技术方案之前，首先对本申请实施例涉及的部分专业术语做简单的介绍。
一、应用程序接口(application programming interface，API)
API是一种计算接口，它定义多个软件中介之间的交互、可以进行调用(call)或请求(request)的种类、如何进行调用或发出请求、应使用的数据格式、应遵循的惯例等。它还可以提供扩展机制，以便通过各种方式对现有功能进行不同程度的扩展。一个API可以是完全定制的，以针对某个组件，也可以是基于行业标准设计的，以确保互操作性。通过信息隐藏，API实现了模块化编程，从而允许用户实现独立地使用接口。
二、JavaScript
JavaScript(简称为JS)是一种具有函数优先的轻量级、解释型或即时编译型的编程语言。JavaScript是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象、命令式声明式、函数式编程范式。它提供语法来操控文本、数组、日期以及正则表达式等，不支持输入/输出(input/output，I/O)，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。它被绝大多数网站所使用，也被主流浏览器支持。
JavaScript API也就是使用JavaScript开发的API。
三、超文本标记语言(hyper text markup language，HTML)
HTML是一种标识性的语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的互联网资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。HTML的元素包括div、canvas、webvtt等。其中，div是HTML中用于定义文档部分的元素。canvas可以用于通过脚本(通常是JavaScript)动态绘制图形。webvtt是一种用于标记文本轨道的文件格式。它与HTML 5<track>元素相结合，可给音频或 视频等媒体资源添加字幕、标题和其他描述信息，并同步显示。
随着互联网技术的发展，用户对于网络交流的需求越来越高。弹幕可以实现用户在观看视频的同时进行交流，因此，受到用户的广泛使用。例如，用户在访问网页上观看视频时，通过发送弹幕进行社交和互动，提升了用户的观赏体验。
然而，当前的网页弹幕并不支持对弹幕进行进一步操作，例如，关注、引用等，在网页弹幕的很多场景中，例如，聊天、互动墙、纯图片或表情聊天等场景，这无法满足用户的需求。
具体地，用户在访问网页时，可以在观看视频时发送弹幕进行社交和互动。但是如果想从网页中过滤掉弹幕以解析出网页内容，或是对弹幕进行进一步操作，例如，关注、引用等，这很难做到。原因是当前的网页弹幕中，复用div、canvas、webvtt等已有的元素来表示弹幕，而这些元素是有专门的使用场景，并不是专门用来表达弹幕。例如，某网站的视频网页源码如下，其使用div等已有的元素来表示弹幕。
图1是一种网页弹幕的实现方法100的示意图。该方法100以通过浏览器实现网页弹幕为例，在该方法100中，网页内容提供商用于生成网页内容，并在网页中嵌入JavaScript脚本。为了支持弹幕，网页内容提供商复用已有的div、canvas、webvtt元素，并加上JavaScript脚本来模拟弹幕的行为。浏览器向用户提供输入网址的能力，浏览器根据用户输入的网址，向网页内容提供商发出请求，请求网页内容。当浏览器接收到网页内容提供商提供的网页内容，浏览器可以渲染网页的内容，并显示给用户。若网页中有JavaScript脚本，则由浏览器负责解析执行。具体地，如图1所示，该方法100包括以下步骤：
S101，网页内容提供商生成网页内容，网页内容中包括弹幕。
具体地，网页内容提供商在网页内容中复用div、canvas、webvtt元素及JavaScript脚本来模拟弹幕。
S110，用户通过浏览器访问网页，例如，观看视频内容。
S120，浏览器向网页内容提供商请求网页内容，网页内容提供商向浏览器下发网页内容。
S130，浏览器解析网页内容，向用户显示弹幕。
具体地，浏览器根据获取到的网页内容，渲染并向用户显示网页内容中的弹幕内容，若有Javascript脚本，则浏览器解析执行。
S140，用户通过浏览器发送弹幕。
若用户有发送弹幕的需求，用户通过浏览器的弹幕输入框发送弹幕。
S150，浏览器发送网页请求。
具体地，浏览器根据用户发送的弹幕生成网页请求，并向网页内容提供商发送网页请求，该网页请求用于请求网页内容提供商生成包括用户发送的弹幕的网页内容。
S160，网页内容提供商生成网页内容。
网页内容提供商根据用户发送的弹幕在网页中使用div、canvas、webvtt等已有元素及JavaScript脚 本来模拟用户发送的弹幕。
S170，网页内容提供商向浏览器下发网页内容，其中包括用户发送的弹幕。
S180，浏览器解析网页内容，同时JavaScript脚本被触发，借助浏览器解析执行。解析网页后，浏览器可以在页面上显示出用户发送的弹幕。
在上述方法中，由于div元素本身是表达网页中的文本，若使用了div元素来表示弹幕，则无法从当前网页中分离出网页文本内容和弹幕。由于canvas元素本身是表达网页中的图形，若使用canvas元素来表示弹幕，则无法从当前网页中分离出图形和弹幕。由于webvtt元素用来表达字幕，若使用了webvtt元素来表示弹幕，则无法从当前网页中分离出字幕和弹幕。因此，无法在对网页内容进行进一步处理，比如过滤或提取等。
有鉴于此，本申请提供了一种网页弹幕的实现方法，使得用户能够对网页弹幕进行进一步操作，有助于提升用户体验。
图2是适用于本申请实施例的一种***架构200的示意图。如图2所示，电子设备210可以与服务器220相连，在图2中，电子设备210和服务器220之间通过无线连接，当然，电子设备210和服务器220之间并不局限于图2中的无线连接，还可以为有线连接。电子设备210可以与服务器220进行通信，例如，用户可以通过运行在电子设备210上的客户端输入待查询信息，电子设备210可以根据待查询的信息生成网页请求，并将网页请求传送至服务器220，服务器220根据该网页请求向电子设备210发送相应的网页信息，电子设备210可以根据该网页信息加载网页，并通过客户端将网页显示给用户。其中，服务器220也可以称为服务端。
作为一种示例，电子设备210可以是包含其它功能诸如个人数字助理和/或音乐播放器功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴电子设备(如智能手表)等，便携式电子设备的示例性实施例包括但不限于搭载或者其它操作***的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备，诸如膝上型计算机(Laptop)等。
作为另一种示例，电子设备210也可以不是便携式电子设备，例如，电子设备210为台式计算机。
在图2中，运行在电子设备210上的客户端可以是浏览器，也可以是其他具有访问、查看或显示网页页面的客户端。例如，华为视频、华为音乐等。
下面结合图3和图4对本申请实施例提供的客户端和服务器的组成模块进行介绍。
图3是本申请实施例提供的客户端的一种示意性结构图。作为示例，该客户端可以是浏览器客户端。如图3所示，该浏览器客户端可以包括但不限于以下模块或组件：V8引擎、Blink引擎、网络模块和用户界面(user interface，UI)，其中，V8引擎是浏览器客户端的JavaScript引擎，V8引擎内置在浏览器客户端中，可以用于解析执行JavaScript API，包括弹幕相关的API等。Blink引擎是浏览器客户端的渲染引擎，Blink引擎可以用于解析网页中的文档对象模型(document object model，DOM)树、计算样式和布局，渲染网页内容，并显示给用户。网络模块用于向服务器发起网络请求，并将从服务器接收的内容交给Blink引擎组件。UI提供了地址栏，用于向用户提供输入网址的界面，并提供弹幕相关的设置的界面。
图4是本申请实施例提供的服务器的一种示意性结构图。如图4所示，该服务器可以包括但不限于内容分发组件、内容生成组件和多媒体库。其中，内容分发组件用于向客户端下发网页内容，供用户浏览。内容生成组件，用于生成网页内容，并根据自身行为，在HTML网页中嵌入JavaScript脚本。多媒体库又称为音视频流媒体内容库，服务器可以在网页中嵌入多媒体库中的内容，并下发到客户端，即网页内容可以包括多媒体库中的内容。可选地，如图4所示，该服务器还可以包括文章库，文章库用于包括用户需要获取的文本内容，服务器可以在网页中嵌入文章库中的内容，并下发到客户端，即网页内容可以包括文章库中的内容。
应理解，图4所示的服务器可以是指网页内容提供商。
图5示出本申请实施例提供的一种网页弹幕的实现方法300。如图5所示，该方法可应用于如图2所示的***架构中，在该方法300中，客户端功能可以通过电子设备210实现，网页内容提供商的功能可以通过服务器220实现。下面对该方法300进行描述。
S310，网页内容提供商向客户端发送网页内容，客户端接收网页内容。
其中，该客户端支持网页功能，或者说，该客户端支持浏览器功能。例如，该客户端为浏览器，又 如，该客户端为能够访问、查看或显示网页页面的非浏览器应用程序(application，APP)，例如，华为视频、华为音乐等，又如，社交软件。
其中，该网页内容包括第一网页元素。
具体地，该第一网页元素不同于已有的任一种网页元素，该第一网页元素是新定义的网页元素，其为专用于表示弹幕内容的元素。
例如，网页内容可以通过HTML表示，第一网页元素可以为HTML元素，且该第一网页元素不是div元素，也不是canvas元素，也不是webvtt元素。
作为示例，该第一网页元素可以是bulletChat元素，第一网页元素可以称为弹幕元素。
该网页内容还可以包括非弹幕元素。
作为示例，非弹幕元素可以包括视频元素、音频元素、文本元素等一个或多个。视频元素可以用于表示网页中的视频，视频元素可以为HTML元素，例如，为video元素或source元素。音频元素可以用于表示网页中的音频，音频元素可以为HTML元素，例如，为audio元素或source元素。文本元素可以用于表示网页中的文本内容，例如，表示网页的标题等，文本元素可以为HTML元素，例如，为div元素。
S320，客户端解析该网页内容，显示第一网页元素所表示的弹幕内容、视频元素所表示的视频和文本元素所表示的文本。
其中，解析网页内容可以获得弹幕内容和非弹幕内容。弹幕内容指的是用户输入的、并且能和视频等内容一起向用户显示的文字、图片、表情等内容。其中，弹幕内容可以通过第一网页元素来表示，客户端支持第一网页元素，因此，客户端可以解析该网页内容，并向用户显示第一网页元素所表示的弹幕内容。
作为示例，非弹幕内容可以是视频、音频、网页的标题等一个或多个，视频可以通过视频元素表示，音频可以通过音频元素来表示，网页的标题可以通过文本元素来表示。客户端支持视频元素、音频元素、文本元素，因此，可以解析网页内容，显示视频元素所表示的视频和文本元素所表示的文本。也就是，可以将视频、字幕、网页标题、弹幕等内容同步显示。
基于上述方案，第一网页元素专用于表示弹幕内容，因此，客户端在解析网页内容时，能够区分网页内容中的弹幕内容和其他非弹幕内容，使得客户端可以支持对第一网页元素所表示的弹幕内容进行进一步操作，从而能够实现用户对网页弹幕的多样化设置，有助于提升用户体验。
可选地，该网页内容还包括第一应用程序接口，该第一应用程序接口用于表示弹幕设置。
其中，第一应用程序接口可以是专用于表示弹幕设置的应用程序接口，客户端在解析网页内容时，可以调用第一应用程序接口，为用户提供弹幕设置的接口，该弹幕设置的接口可以是一个窗口，也可以是一个界面，从而使得用户可以对网页弹幕进行设置，有助于提升用户体验。
另一方面，相较于现有技术中通过复杂的代码实现弹幕设置，本申请通过第一应用程序接口表示弹幕设置，更加简单易行，能够降低弹幕设置的实现复杂度。
其中，第一应用程序接口可以是指一个API，也可以是指多个API，一个API可以对应一种弹幕设置。
示例性地，第一应用程序接口可以使用JavaScript开发，第一应用程序接口可以为JavaScript API。此外，第一应用程序接口也可以使用WebAssembly开发，这种情况下，第一应用程序接口可以为WebAssembly API。
可选地，弹幕设置包括弹幕内容的设置和发送弹幕的用户的设置至少一种。下面对弹幕内容设置和发送弹幕的用户的设置进行举例说明。
示例性地，任一种弹幕内容的设置都可以通过一个API来表示，弹幕内容的设置可以包括两类，一类是弹幕内容的属性设置，另一类是弹幕内容的管理设置。其中，属性设置指的是用户所能观看到的弹幕内容的显示设置，例如，颜色、大小等设置。管理设置是对弹幕内容进行管理，例如，收藏、投诉等设置。
其中，属性设置包括以下至少一种：
(1)弹幕内容的字体设置，包括字体大小(font-size)、字体样式(font-style)、字体颜色(font-color)、字体动效设置等。其中，字体大小可以称为字号。字号可以以点(point，pt)或像素(pixel， px)为单位，例如，该弹幕内容的字体大小为12pt或12px。字号也可以以百分比的形式，例如，50％，20％等。字体样式可以是宋体、黑体等，字体颜色包括黑色、红色等，字体动效指的是弹幕内容的动态显示效果。
(2)弹幕内容的显示方式设置(display-style)。显示方式设置可以是设置弹幕内容从左到右显示(leftToRight)，或者，设置弹幕内容从右到左显示(rightToLeft)，或者，指定屏幕的起点和终点，弹幕内容在指定的位置显示，或者，设置弹幕内容重复多次显示，或者，设置显示动效，或者，设置显示背景。
(3)弹幕内容的显示时间设置(display-time)。显示时间设置可以是设置显示的起止时间(begin-time、end-time)，也可以是设置显示的持续时长(last-time)，例如，20秒(second)。
例如，用户通过客户端访问网页，客户端根据用户输入的内容向网页内容提供商发出网页请求，网页内容提供商根据网页请求生成网页内容，网页内容包括弹幕内容的属性设置的API，例如，包括弹幕的字体大小、样式、颜色、显示方式、显示时间的API。客户端收到网页内容后，调用该API，向用户提供弹幕内容的字体大小、样式、颜色、显示方式、显示时间等设置的窗口，从而用户可以在该窗口设置弹幕内容的属性。例如，用户可以通过该窗口输入操作#0(第一操作的一例)，操作#0表示设置弹幕的字体大小、样式、颜色、显示方式、显示时间等一项或多项，从而客户端可以根据该操作#0的指示将弹幕内容设置为相应的格式。
可选地，弹幕内容也可以为图片、表情等，此时，弹幕内容的属性设置可以包括弹幕内容的尺寸设置，该尺寸设置表示弹幕内容的显示比例，显示比例可以大于100％，也可以小于100％。
可选地，弹幕内容的属性设置除了通过API实现，也可以通过第一网页元素实现。换言之，第一网页元素除了包括弹幕内容，还可以包括该弹幕内容的属性设置。这种情况下，网页内容提供商对弹幕内容的属性具有默认设置，客户端解析网页，并根据第一网页元素中的属性设置向用户显示弹幕内容。
其中，管理设置包括以下至少一种：
(1)收藏或取消收藏弹幕设置。收藏可以指将特定的弹幕内容加入收藏列表，取消收藏可以是指特定弹幕内容从收藏列表中删除。例如，用户通过客户端访问网页，客户端根据用户输入的内容向网页内容提供商发出网页请求，网页内容提供商根据网页请求生成网页内容，网页内容可以包括收藏弹幕的API。客户端收到网页内容后，调用该API，向用户提供收藏弹幕的窗口。当用户通过该窗口收藏弹幕#1(弹幕内容的一例)时，用户在客户端输入操作#1，操作#1表示收藏弹幕#1，客户端根据用户的操作#1向网页内容提供商发出网页请求，网页内容提供商接收网页请求，并生成了网页内容，网页内容包括收藏弹幕#1的API。客户端收到网页内容后，调用该API，将弹幕#1加入用户的弹幕收藏列表，从而用户可以在其收藏列表中看到弹幕#1。
(2)屏蔽弹幕或取消屏蔽弹幕设置。例如，网页内容提供商向浏览器发送的网页内容可以包括屏蔽弹幕的API。客户端收到网页内容后，调用该API，向用户提供屏蔽弹幕的窗口。当用户通过该窗口屏蔽弹幕#2(弹幕内容的又一例)时，用户在客户端输入操作#2，操作#2表示屏蔽弹幕#2，客户端根据用户的操作#2向网页内容提供商发出网页请求，网页内容提供商接收网页请求，并生成了网页内容，网页内容包括屏蔽弹幕#2的API。客户端收到网页内容后，调用该API，将弹幕#2从显示的弹幕内容中滤除，从而用户将不会看到弹幕#2。
(3)投诉弹幕设置。例如，网页内容提供商向浏览器发送的网页内容可以包括屏蔽弹幕的API。客户端收到网页内容后，调用该API，向用户提供屏蔽弹幕的窗口。当用户通过该窗口屏蔽弹幕#3(弹幕内容的又一例)时，用户在客户端输入操作#3，操作#3表示投诉弹幕#3，客户端根据用户的操作#3向网页内容提供商发出网页请求，网页内容提供商接收网页请求，并生成了网页内容，网页内容包括投诉弹幕#3的API。客户端收到网页内容后，调用该API，将弹幕#3从显示的弹幕内容中滤除，从而用户将不会看到弹幕#3。
此外，网页内容提供商还可以对弹幕#3进行检测，以确定弹幕#3是否为合适弹幕，如果弹幕#3不是合适弹幕，那网页内容提供商会在将弹幕#3从所有的弹幕内容中删除，如果弹幕#3是合适弹幕，那么网页内容提供商可以继续通过客户端向用户显示弹幕#3。
(4)检测弹幕内容设置，例如检测弹幕内容是否合适。所谓弹幕内容合适，可以是指该弹幕不是 恶意弹幕，也不涉及敏感词汇，也不是攻击类弹幕。例如，网页内容提供商向浏览器发送的网页内容可以包括检测弹幕内容是否合适的API，客户端收到网页内容后，调用该API，可以检测弹幕内容是否为合适弹幕。若涉及敏感、非法内容，则客户端可以向用户提供提示窗口，例如，提示用户屏蔽弹幕。
(5)导出或导入弹幕内容的设置。具体地，客户端可以保存用户对弹幕的设置及弹幕内容，并根据用户的操作导出，其中，用户对弹幕的设置包括弹幕内容的各种属性、效果等。可选地，弹幕内容可以单独导出，也可以随网页内容一起导出，换言之，导出的文件可以包括只包括弹幕内容，也可以包括弹幕内容和网页中的非弹幕内容。作为示例，网页内容提供商向浏览器发送的网页内容可以包括导出弹幕内容的API，客户端收到网页内容后，调用该API，向用户提供导出弹幕内容的窗口，用户通过该窗口将弹幕内容导出为独立文件。其中，导出弹幕内容的窗口可以是网页页面的右键菜单中的一个选项，当用户有导出弹幕内容的需求时，用户可以在网页页面上，通过右键菜单的选项(第三操作的一例)，导出弹幕内容。此外，导出的弹幕内容的格式可以是浏览器支持的各种格式，例如，文本格式(txt)，又如，表格格式(excel)。
在一些示例中，上传视频的用户可以查看网页上有哪些弹幕内容。例如，用户#A上传了带有用户#A的表演内容的视频，用户#A需要分析观众对该表演内容的反馈，此时，用户#A可以导出相应的弹幕内容。
在一些实例中，用户可以查看自己在网页上发送了哪些弹幕内容。例如，当用户#B的发弹幕功能被禁言时，用户#B可以导出网页上的弹幕内容。根据导出的文件，用户#B可以证实其并没有发表不合适的弹幕内容，从而请求解除禁言。
作为示例，客户端导出弹幕内容的方式可以是，客户端遍历网页内容中所有弹幕元素，从中筛选第一网页元素所表示的内容，从而获取弹幕内容，并生成包括这些弹幕内容的文件。可选地，在导出弹幕内容时，客户端可以导出当前时刻网页上正在显示的弹幕，也可以根据视频播放的进度，导出该视频在当前时刻之前累计的所有弹幕。或者，客户端可以导出该视频的所有弹幕。
此外，客户端还可以对导出后的弹幕内容进行重放显示，或者说，客户端还可以导入弹幕内容。具体地，客户端可以导入相应的文件，重放出之前保存的弹幕内容和设置。
通过上述方式，客户端能够支持关于弹幕内容的导入和导出功能，从而能够满足不同场景下的用户需求，提升用户体验。
(6)是否开启自动提示弹幕内容的设置。自动提示弹幕内容设置，也就是候选弹幕设置，这些候选弹幕可以是通过网络查询获得，也可以通过用户输入的历史弹幕内容获得。当开启自动提示弹幕内容的设置，在用户输入弹幕内容时，客户端可以提示更多内容供选择的设置。
(7)添加到组或从组中删除的设置(addToGroup或delFromGroup)。添加到组是指将特定的弹幕内容添加到某个群组内。从组中删除的设置是指将特定的弹幕内容从某个群组内移除。
(8)支持对弹幕内容进行聚合的设置。弹幕内容的聚合是指对重复的弹幕内容进行合并。例如，网页内容提供商向浏览器发送的网页内容可以包括对弹幕内容进行聚合的API，客户端收到网页内容后，调用该API，可以将重复的弹幕内容合并后显示给用户。或者，客户端可以向用户提供是否聚合弹幕内容的设置窗口，供用户自行设置。
(9)支持对弹幕内容进行统计的设置。弹幕内容的统计是指统计弹幕内容的数量。例如，网页内容提供商向浏览器发送的网页内容可以包括统计弹幕内容的API，客户端收到网页内容后，调用该API，确定弹幕内容的总数量后，将总数量显示给用户。或者，客户端可以向用户提供统计弹幕内容的设置窗口，供用户自行设置。
其中，上述操作#1至操作#3中任一个均可以视为第二操作的一例。
由于第一网页元素专用于表示弹幕，使得网页内容中的弹幕和文本内容可以分开，因此，网页内容提供商能够通过第一应用程序接口提供弹幕内容的设置能力。客户端在解析网页内容时，可以调用第一应用程序接口，为用户提供弹幕内容的设置接口，例如，提供弹幕内容的设置界面，从而使得用户可以支持对网页弹幕的设置，有助于提升用户体验。
示例性地，发送弹幕的用户的设置中的任一种设置都可以通过一个API来表示，发送弹幕的用户的设置包括以下至少一种：
(1)关注、特别关注或屏蔽发送弹幕的用户的设置。网页内容提供商向浏览器发送的网页内容可 以包括关注、特别关注或屏蔽发送弹幕的用户的API，客户端收到网页内容后，调用该API，向用户提供关注发送弹幕的用户的窗口，或，提供特别关注发送弹幕的用户的窗口，或提供屏蔽发送弹幕的用户的窗口。例如，用户#A在客户端进行操作#4，操作#4表示关注发送弹幕的用户#B，客户端根据用户的操作#4向网页内容提供商发出网页请求，网页内容提供商接收网页请求，并生成了网页内容，网页内容包括用户#B的API。客户端收到网页内容后，调用该API，将用户#B的弹幕通过特殊的方式显示，例如，加粗或放大显示。
(2)设置特定用户的弹幕内容的属性。例如，通过API可以实现对关注或特别关注的用户所发送的弹幕进行特殊显示。客户端解析API可以向用户提供提示窗口，提示用户是否有特殊显示的需求。特殊显示的方式可以是：例如，加粗或放大显示，又如，通过特殊的颜色或动效显示。
(3)对发送弹幕的用户进行分组的设置。网页内容提供商向浏览器发送的网页内容可以包括对发送弹幕的用户进行分组的API，客户端收到网页内容后，调用该API，对发送弹幕的用户进行分组，或者，客户端向用户提供窗口，根据用户的操作进行分组。
(4)设置自身弹幕对不同分组或用户的可见权限。网页内容提供商向浏览器发送的网页内容可以包括设置可见权限的API，客户端收到网页内容后，调用该API，向用户提供窗口，用户可以通过给窗口设置自身弹幕对不同分组或用户的可见权限。例如，用户#A在客户端输入操作#5，操作#5表示设置自身弹幕对用户#B不可见，客户端根据用户的操作#5向网页内容提供商发出网页请求，网页内容提供商根据网页请求生成了网页内容，网页内容包括设置用户#A的弹幕内容对用户#B不可见的API。客户端收到网页内容后，调用该API，在用户#A的网页弹幕中将不会显示用户#B发送的弹幕内容。
(5)对发送弹幕的用户设置备注。例如，用户#A在客户端输入操作#6，操作#6表示关注发送弹幕#4的用户#B添加备注，例如，备注为用户1，客户端根据用户的操作#6向网页内容提供商发出网页请求，网页内容提供商根据网页请求生成了网页内容，网页内容包括将用户#B备注为用户1的API。客户端收到网页内容后，调用该API，将用户#B的名称显示为用户1。
其中，上述操作#4至操作#6中任一个均可以视为第三操作的一例。
由于第一网页元素专用于表示弹幕，使得网页内容中的弹幕和文本内容可以分开，因此，网页内容提供商能够通过API对部分弹幕内容进行设置，客户端在解析网页内容时，可以调用第一应用程序接口，为用户提供弹幕设置的界面，例如，发送弹幕的用户的设置的界面，在收到用户的设置后，客户端可以对网页内容中的弹幕内容作出与相应设置相匹配的显示，例如，根据用户的屏蔽操作进行选择性显示，从而使得用户可以对网页弹幕进行设置，有助于提升用户体验。
应理解，第一应用程序接口用于表示弹幕设置，也可以说，第一应用程序接口包括弹幕设置的接口，例如，第一应用程序用于表示导出或导入弹幕内容，也可以说，第一应用程序包括导出或导入弹幕内容的接口，客户端在调用该接口时，可以导出弹幕内容。又如，第一应用程序用于表示“关注发送弹幕的用户”，也可以说，第一应用程序包括“关注发送弹幕的用户”的接口，客户端在调用该接口时，可以关注发送弹幕的用户。
可选地，该方法300还包括：客户端向网页内容提供商发送网页请求，相应地，网页内容提供商接收网页请求，该网页请求用于请求网页内容。
示例性地，客户端可以在收到来自用户输入的内容(例如，视频名称)后，向网页内容提供商发送网页请求。或者，客户端可以在收到用户输入的弹幕后，向网页内容提供商发送网页请求。或者，客户端可以在收到用户对弹幕的设置(例如，弹幕内容设置或发送弹幕的用户的设置)后，向网页内容提供商发送网页请求。网页内容提供商可以在收到来自客户端的网页请求后，向客户端发送包括第一网页元素和第一API的网页内容。
因此，本申请实施例的方案能够应用于各种场景，使得能够根据用户的需求对网页弹幕进行设置、管理，有助于提升用户体验。
图6示出了本申请实施例提供的又一种网页弹幕的实现方法400，该方法400可以视为方法300的一种具体实现。如图6所示，该方法400包括以下步骤：
S401，网页内容提供商使用扩展的HTML元素(第一网页元素的一例)和扩展的API(第一API的一例)生成网页。
例如，扩展的HTML元素为bulletChat元素，表明此元素为弹幕，可以有很多弹幕相关的设置和 属性，包括弹幕内容的属性设置和/或弹幕内容的管理设置，例如，字体大小、样式、颜色、动效、显示方式、显示时间、收藏、屏蔽、投诉等。具体见方法300中。
例如，扩展的API用于操作弹幕相关的设置和管理。包括但不限于：
addToFav/delFromFav：收藏/取消收藏该条弹幕；
block/unblock:屏蔽/取消屏蔽该条弹幕；
complain：投诉弹幕；
addToGroup/delFromGroup：添加到分组/从分组中删除；
enableAutoCompletion：是否开启自动提示弹幕内容，供用户输入时选择填充。
扩展的API具体见方法300中。
作为一个示例，网页内容提供商向客户端发送的网页内容如下：
在该网页内容中，收藏、取消收藏、投诉、屏蔽、取消屏蔽通过API实现，属性设置通过bulletChat元素实现。“<bulletChat font-color＝red font-size＝12px display-style＝’leftToRight’last-time＝20sec>弹幕内容1</bulletChat>”表示显示弹幕内容，且该弹幕内容的字体颜色为红色、字号为12px、显示方式为从左到右显示，持续时长为20秒。
S410，用户#X在浏览器中对弹幕进行相关设置，包括但不限于弹幕内容的设置和发送弹幕的用户的设置。
S410为可选的步骤，当浏览器的基础设置包括弹幕设置时，S410可以执行，当浏览器的基础设置不包括弹幕设置时，S410可以不执行。若执行S410，则用户#X在浏览器中对弹幕的设置将适用于所有网页内容的显示。
S420，用户#X使用浏览器访问网页。
例如，当用户#X需要观看视频时，用户#X可以在浏览器中输入待观看的视频的名称。
S430，浏览器向网页内容提供商发送网页请求，网页内容提供商向浏览器下发网页内容。
其中，网页内容可以包括视频的链接，还可以包括弹幕内容，网页内容中的弹幕内容可以如S401所示。
S440，浏览器解析网页内容，显示视频内容和弹幕内容。
例如，浏览器可以解析出网页中的链接、bulletChat元素和API，获得视频内容、弹幕内容及弹幕设置，并向用户#X显示视频内容和弹幕内容，其中，弹幕内容可以根据S410中的用户设置进行显示。
S420至S440可以作为一个实施场景，其触发条件为用户#X通过浏览器访问网页。
S450，用户#X在浏览器上发送弹幕#A。
用户#X可以在浏览器的发送弹幕窗口输入想发送的弹幕。
S460，浏览器向网页内容提供商发送网页请求，网页内容提供商向浏览器下发网页内容。
具体地，网页内容提供商根据用户#X发送的弹幕在网页中生成bulletChat元素，bulletChat元素中包括的弹幕内容为弹幕#A。
S470，浏览器解析网页，显示弹幕内容。
例如，浏览器可以解析出网页中的bulletChat元素，并向用户#X显示，其中包括用户#X发送的弹幕#A。可选地，浏览器可以根据S410中用户的设置对弹幕#A进行显示。
S450至S470可以作为另一个实施场景，其触发条件为用户#X通过浏览器发送弹幕。
S480，用户#X在浏览器上对用户#Y进行关注。
当用户#X想要对用户#Y进行关注时，用户#X可以进行操作#7，例如，操作#7为长按用户#Y的弹幕，或点击用户#Y的头像，并进一步点击“关注”。
S490，浏览器根据用户操作#7生成网页请求，浏览器向网页内容提供商发送网页请求，网页内容提供商向浏览器下发网页内容。
具体地，网页内容提供商根据用户#X的操作#7在网页中生成API#1，该API#1表示关注用户#Y。
S4100，浏览器解析网页，显示弹幕内容。
例如，浏览器可以调用网页中的API#1，并将用户#Y设置为关注。
S480至S4100可以作为另一个实施场景，其触发条件为用户#X通过浏览器对发送弹幕的用户进行了设置。
图7示出了本申请实施例提供的又一种网页弹幕的实现方法500，该方法500可以视为方法300的又一种具体实现。方法500与方法400的不同之处在于，方法500中，用户通过APP#1访问网页，APP#1支持浏览器能力，例如，可以解析并显示网页、调用API、向用户显示弹幕等，APP#1支持发送弹幕，也支持弹幕内容的管理设置和对发送弹幕的用户进行设置，然而，APP#1不支持弹幕内容的属性设置，例如，设置弹幕内容的字体、显示方式、显示时间等。
S501，网页内容提供商使用扩展的HTML元素和扩展的API生成网页。
S501的具体描述可以参考S401。
S510，APP#1中预配置有弹幕内容的属性设置，例如，字体大小、样式、颜色、动效、显示方式、显示时间的设置。
S520，用户#X使用APP#1访问网页。
例如，当用户#X需要观看视频时，用户#X可以在APP#1中输入待观看的视频的名称。
S530，APP#1向网页内容提供商发送网页请求，网页内容提供商向APP#1下发网页内容。
S530的具体描述可以参考S430。
S540，APP#1解析网页，显示视频内容和弹幕内容。
例如，APP#1可以解析出网页中的bulletChat元素和API，获得视频内容、弹幕内容及弹幕设置，APP#1可以向用户#X显示视频内容，并根据预配置的参数向用户#X显示弹幕。
S520至S540可以作为一个实施场景，其触发条件为用户#X通过APP#1访问网页。
S550，用户#X在APP#1上发送弹幕#A。
用户#X可以在APP#1的发送弹幕窗口输入想发送的弹幕。
S560，APP#1向网页内容提供商发送网页请求，网页内容提供商向APP#1下发网页内容。
具体地，网页内容提供商根据用户#X发送的弹幕在网页中生成bulletChat元素，bulletChat元素中包括的弹幕内容为弹幕#A。
S570，APP#1解析网页，显示弹幕内容。
例如，APP#1可以解析出网页中的bulletChat元素，并向用户#X显示，其中包括用户#X发送的弹幕#A。其中，APP#1可以根据预配置向用户#X显示弹幕#A。
S550至S570可以作为另一个实施场景，其触发条件为用户#X通过APP#1发送弹幕。
S580，用户#X在APP#1上对用户#Y的进行关注。
当用户#X想要对用户#Y进行关注时，用户#X可以进行操作#7，例如，操作#7为长按用户#Y的弹幕，或点击用户#Y的头像，并进一步点击“关注”。
S590，APP#1根据用户操作#7生成网页请求，APP#1向网页内容提供商发送网页请求，网页内容提供商向APP#1下发网页内容。
具体地，网页内容提供商根据用户#X的操作#7在网页中生成API#1，该API#1表示关注用户#Y。
S5100，APP#1解析网页，显示弹幕内容。
例如，APP#1可以调用网页中的API#1，并将用户#Y设置为关注。
S580至S5100可以作为另一个实施场景，其触发条件为用户#X通过APP#1对发送弹幕的用户进行了设置。
以上各个实施例可以单独使用，也可以相互结合使用，以实现不同的技术效果。
上述本申请提供的实施例中，从电子设备作为执行主体的角度对本申请实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能，电子设备可以包括硬件结构和/或软件模块，以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行，取决于技术方案的特定应用和设计约束条件。
本申请实施例还提供了一种电子设备，包括：显示屏、处理器、存储器、电源键、应用程序以及计算机程序。上述各器件可以通过一个或多个通信总线连接。其中，该一个或多个计算机程序被存储在上述存储器中并被配置为被该一个或多个处理器执行，该一个或多个计算机程序包括指令，上述指令可以用于使电子设备执行上述各实施例中的方法的各个步骤。
本申请实施例还提供一种电子设备，包括一个或多个处理器；一个或多个存储器；该一个或多个存储器存储有一个或多个计算机程序，该一个或多个计算机程序包括指令，当该指令被一个或多个处理器执行时，使得上述各实施例中的方法被执行。
本申请实施例还提供一种芯片，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得上述各实施例中的方法被执行。
本实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得上述各实施例中的方法被执行。
本实施例还提供了一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机执行上述相关步骤，以实现上述实施例中的网页弹幕的实现的方法。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执 行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
本实施例可以根据上述方法示例对电子设备进行功能模块的划分，例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块可以采用硬件的形式实现。需要说明的是，本实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的***、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (17)

  1. 一种网页弹幕的实现方法，其特征在于，所述方法应用于电子设备，所述方法包括：
    所述电子设备接收网页内容，所述网页内容包括弹幕元素、视频元素和文本元素，所述弹幕元素专用于表示弹幕内容；
    所述电子设备解析所述网页内容，并显示所述弹幕元素所表示的弹幕内容、所述视频元素所表示的视频和所述文本元素所表示的文本。
  2. 如权利要求1所述的方法，其特征在于，所述网页内容还包括应用程序接口，所述应用程序接口用于表示弹幕设置，所述方法还包括：
    所述电子设备调用所述应用程序接口，向用户提供弹幕设置的接口。
  3. 如权利要求2所述的方法，其特征在于，所述弹幕设置包括所述弹幕内容的设置和发送弹幕的用户的设置至少一种。
  4. 如权利要求2或3所述的方法，其特征在于，所述方法还包括：
    所述电子设备通过所述弹幕设置的接口接收来自所述用户的第一操作，所述第一操作用于设置所述弹幕内容的属性，所述属性包括以下至少一种：字体大小、字体样式、字体颜色；
    所述电子设备根据所述属性显示所述弹幕元素所表示的弹幕内容。
  5. 如权利要求2至4中任一项所述的方法，其特征在于，所述方法还包括：
    所述电子设备通过所述弹幕设置的接口接收来自所述用户的第二操作，所述第二操作用于指示以下至少一种：收藏弹幕内容、屏蔽弹幕内容、投诉弹幕内容、导出弹幕内容；
    所述电子设备根据所述第二操作管理所述弹幕元素所表示的弹幕内容。
  6. 如权利要求2至5中任一项所述的方法，其特征在于，所述方法还包括：
    所述电子设备通过所述弹幕设置的接口接收来自所述用户的第三操作，所述第三操作用于指示以下至少一种：关注发送弹幕的用户、屏蔽发送弹幕的用户、设置自身弹幕对不同用户的可见权限、对发送弹幕的用户进行备注；
    所述电子设备根据所述第三操作管理所述弹幕元素所表示的弹幕内容。
  7. 如权利要求2所述的方法，其特征在于，所述应用程序接口包括导出弹幕内容的接口；所述导出弹幕内容的接口用于导出对应所述弹幕元素的弹幕内容。
  8. 一种电子设备，其特征在于，包括：
    一个或多个处理器；
    一个或多个存储器；
    所述一个或多个存储器存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令，当所述指令被一个或多个处理器执行时，使得所述电子设备执行以下步骤：
    接收网页内容，所述网页内容包括弹幕元素、视频元素和文本元素，所述弹幕元素专用于表示弹幕内容；
    解析所述网页内容，并显示所述弹幕元素所表示的弹幕内容、所述视频元素所表示的视频和所述文本元素所表示的文本。
  9. 如权利要求8所述的电子设备，其特征在于，所述网页内容还包括应用程序接口，所述应用程序接口用于表示弹幕设置，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：
    调用所述应用程序接口，向用户提供弹幕设置的接口。
  10. 如权利要求9所述的电子设备，其特征在于，所述弹幕设置包括所述弹幕内容的设置和发送弹幕的用户的设置至少一种。
  11. 如权利要求9或10所述的电子设备，其特征在于，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：
    通过所述弹幕设置的接口接收来自所述用户的第一操作，所述第一操作用于设置所述弹幕内容的属性，所述属性包括以下至少一种：字体大小、字体样式、字体颜色；
    根据所述属性显示所述弹幕元素所表示的弹幕内容。
  12. 如权利要求9至11中任一项所述的电子设备，其特征在于，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：
    通过所述弹幕设置的接口接收来自所述用户的第二操作，所述第二操作用于指示以下至少一种：收藏弹幕内容、屏蔽弹幕内容、投诉弹幕内容、导出弹幕内容；
    根据所述第二操作管理所述弹幕元素所表示的弹幕内容。
  13. 如权利要求9至12中任一项所述的电子设备，其特征在于，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行以下步骤：
    通过所述弹幕设置的接口接收来自所述用户的第三操作，所述第三操作用于指示以下至少一种：关注发送弹幕的用户、屏蔽发送弹幕的用户、设置自身弹幕对不同用户的可见权限、对发送弹幕的用户进行备注；
    根据所述第三操作管理所述弹幕元素所表示的弹幕内容。
  14. 如权利要求9所述的电子设备，其特征在于，所述应用程序接口包括导出弹幕内容的接口；所述导出弹幕内容的接口在被调用时，用于将对应所述弹幕元素的弹幕内容导出成文件。
  15. 一种通信装置，其特征在于，包括：与存储器耦合的处理器，所述存储器用于存储计算机程序，所述处理器用于运行所述计算机程序，使得所述通信装置执行如权利要求1至7中任一项所述的方法。
  16. 一种芯片，其特征在于，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得如权利要求1至7中任一项所述的方法被执行。
  17. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机指令，当所述计算机指令在计算机上运行时，使得如权利要求1至7中任一项所述的方法被执行。
PCT/CN2023/120006 2022-10-26 2023-09-20 一种网页弹幕的实现方法和电子设备 WO2024087950A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211317559.8 2022-10-26
CN202211317559.8A CN117932182A (zh) 2022-10-26 2022-10-26 一种网页弹幕的实现方法和电子设备

Publications (1)

Publication Number Publication Date
WO2024087950A1 true WO2024087950A1 (zh) 2024-05-02

Family

ID=90767210

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/120006 WO2024087950A1 (zh) 2022-10-26 2023-09-20 一种网页弹幕的实现方法和电子设备

Country Status (2)

Country Link
CN (1) CN117932182A (zh)
WO (1) WO2024087950A1 (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080028037A1 (en) * 2006-07-25 2008-01-31 Microsoft Corporation Presenting video content within a web page
CN102752664A (zh) * 2012-06-29 2012-10-24 奇智软件（北京）有限公司 一种网页中文本字幕信息的显示方法和装置
CN103533442A (zh) * 2013-09-27 2014-01-22 北京奇虎科技有限公司 视频弹幕的加载方法及装置
CN110475140A (zh) * 2019-08-08 2019-11-19 腾讯科技（深圳）有限公司 弹幕数据处理方法、装置、计算机可读存储介质和计算机设备
CN112118473A (zh) * 2019-06-19 2020-12-22 上海哔哩哔哩科技有限公司 视频弹幕显示方法、装置、计算机设备及可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080028037A1 (en) * 2006-07-25 2008-01-31 Microsoft Corporation Presenting video content within a web page
CN102752664A (zh) * 2012-06-29 2012-10-24 奇智软件（北京）有限公司 一种网页中文本字幕信息的显示方法和装置
CN103533442A (zh) * 2013-09-27 2014-01-22 北京奇虎科技有限公司 视频弹幕的加载方法及装置
CN112118473A (zh) * 2019-06-19 2020-12-22 上海哔哩哔哩科技有限公司 视频弹幕显示方法、装置、计算机设备及可读存储介质
CN110475140A (zh) * 2019-08-08 2019-11-19 腾讯科技（深圳）有限公司 弹幕数据处理方法、装置、计算机可读存储介质和计算机设备

Also Published As

Publication number Publication date
CN117932182A (zh) 2024-04-26

Similar Documents

Publication Publication Date Title
US11907237B2 (en) Gathering and contributing content across diverse sources
US8595186B1 (en) System and method for building and delivering mobile widgets
US11062358B1 (en) Providing an advertisement associated with a media item appearing in a feed based on user engagement with the media item
JP6748071B2 (ja) ウェブコンテンツ生成方法およびシステム
US20190272313A1 (en) Dynamic generation of mobile web experience
US8046428B2 (en) Presenting video content within a web page
CA2695819C (en) Method and system to selectively secure the display of advertisements on web browsers
US20160188551A1 (en) System for clipping webpages
US20150318018A1 (en) Code execution in complex audiovisual experiences
US8521892B2 (en) Method and apparatus for controlling web page advertisement through incentives and restrictions
US20120210205A1 (en) System and method for using an application on a mobile device to transfer internet media content
US20120233235A1 (en) Methods and apparatus for content application development and deployment
JP2013517556A (ja) 高められたブラウジング速度のためのプレビュー機能性
US20090158141A1 (en) Method and system to secure the display of a particular element of a markup file
JP2011018314A (ja) ウェブページの共有方法、システムおよびコンピュータプログラム
CN111026485B (zh) 数据处理方法及装置
JP6224786B1 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
CN113157157A (zh) 基于直播的互动图像管理方法、装置、设备和存储介质
CN104144357A (zh) 视频播放方法和***
JP2007328510A (ja) コンテンツ変換装置、コンテンツ表示装置、コンテンツ閲覧装置、コンテンツ変換方法、コンテンツ閲覧方法およびプログラム
CN104636394A (zh) 用户生成内容信息的展示方法、***和装置
US20180225024A1 (en) System and method for generating an integrated mobile graphical experience using compiled-content from multiple sources
JP2009223891A (ja) 携帯端末を使用してウェブ情報を閲覧する方法
CN117076811A (zh) 一种网页导出方法、装置、设备及存储介质
WO2024087950A1 (zh) 一种网页弹幕的实现方法和电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23881530

Country of ref document: EP

Kind code of ref document: A1