CN106407276B - Display method and device of text live broadcast content - Google Patents
Display method and device of text live broadcast content Download PDFInfo
- Publication number
- CN106407276B CN106407276B CN201610737024.4A CN201610737024A CN106407276B CN 106407276 B CN106407276 B CN 106407276B CN 201610737024 A CN201610737024 A CN 201610737024A CN 106407276 B CN106407276 B CN 106407276B
- Authority
- CN
- China
- Prior art keywords
- content information
- live
- live content
- height value
- live broadcast
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Images
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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Abstract
The invention provides a display method and a device of live text content, wherein the method comprises the following steps of; determining the number of live broadcast content information displayed in the text live broadcast rolling area, and forming a live broadcast content information set by the corresponding number of live broadcast content information; inserting newly-added live content information relative to the live content information set into the live content information set to update the live content information set; resetting the height value of the text live broadcast rolling area according to the number and the height value of newly added live broadcast content information in the live broadcast content information set; and dynamically displaying the updated live broadcast content information set in the text live broadcast rolling area with the reset height value. According to the number and the height value of the newly-added live broadcast content information, the height value of the live broadcast rolling area is set in a self-adaptive mode, so that the dynamic display of the newly-added live broadcast content is controlled, and the experience degree of a user watching the live broadcast of characters is improved.
Description
Technical Field
The invention relates to the field of browsers, in particular to a method and a corresponding device for displaying live text content.
Background
With the rapid development of internet technology, the continuous development of related technical fields, such as the development of browsers, is driven. The user browses web pages, videos and the like through the browser, the browser is generally required to be capable of quickly displaying corresponding information, and particularly for browser applications with high real-time requirements, such as stock market quotation diagrams, NBA live broadcast and other applications, the page can acquire corresponding live broadcast data at regular time and display the latest information to the user. In many cases, live broadcast application also uses live broadcast of characters as a live broadcast mode, and broadcasts and displays live broadcast content in a character form in real time. Because the screen size of the terminal equipment is limited, the display area of the terminal equipment is also limited, the playing in the text form is influenced because of the limitation of the display area, and the text information updated in real time cannot be immediately displayed to a user and is hidden or partially shielded, so that the live broadcast experience of the user is greatly reduced. In particular, live broadcasting with high real-time requirements such as a match and a stock market is more required to display updated live broadcasting contents in real time. Most of the existing text live broadcast methods insert new live broadcast information into a file live broadcast area or directly replace old live broadcast information with new live broadcast information, so that a user cannot often sense the update of the live broadcast information and still cannot improve the experience degree of the user.
Disclosure of Invention
It is an object of the present invention to address at least one of the above problems to provide a better experience for the user when watching a live broadcast.
In order to achieve the above object, an embodiment of the present invention provides a method for displaying live text content, including the following steps:
determining the number of live broadcast content information displayed in the text live broadcast rolling area, and forming a live broadcast content information set by the corresponding number of live broadcast content information;
inserting newly-added live content information relative to the live content information set into the live content information set to update the live content information set;
resetting the height value of the text live broadcast rolling area according to the number and the height value of newly added live broadcast content information in the live broadcast content information set;
and dynamically displaying the updated live broadcast content information set in the text live broadcast rolling area with the reset height value.
Specifically, the number of the live broadcast content information displayed in the text live broadcast rolling area is a preset fixed value.
When the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is less than or equal to the preset fixed value, the height value of the rolling area is increased, and the height increase value is the sum of the height values of all newly added live broadcast content information.
Preferably, when the number of the information in the live content information set into which the newly added live content information is inserted is less than or equal to the preset fixed value, the newly added live content information is directly displayed in the scrolling region in an inserted manner.
When the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the height value of the rolling area is reset to control the information to be hidden or displayed in the rolling area.
Specifically, when the number of the information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is kept unchanged, so that the newly added live content information is placed outside the rolling area to be hidden.
Specifically, when the number of pieces of information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is reset in sequence according to the height value of each piece of newly added live content information, and the live content information displayed first in the rolling area at present is deleted, so that the newly added live content information is displayed in the rolling area in a rolling manner one by one.
Preferably, while the newly added live content information is sequentially displayed in a row by row according to the insertion order, the live content information which is currently displayed first in the scroll area is sequentially deleted in a row by row according to the display order of the live content information in the scroll area.
Specifically, the height value of the reset scrolling region is calculated by the following steps:
acquiring a height value h1 of live content information displayed firstly in the rolling area;
acquiring a height value h2 of the newly-added live content information, and calculating a height difference with h 1;
the sum of the height difference and the original height value of the scrolling region is calculated.
Another embodiment of the present invention provides a display device for displaying live text, including:
a determination module: the live broadcast content information display device is used for determining the number of live broadcast content information displayed in the text live broadcast rolling area and forming a live broadcast content information set by the corresponding number of live broadcast content information;
an update module: the live content information set is used for inserting newly added live content information relative to the live content information set into the live content information set so as to update the live content information set;
a rolling area height value setting module: the height value of the text live broadcast rolling area is reset according to the number and the height value of newly added live broadcast content information in the live broadcast content information set;
a display module: and dynamically displaying the updated live broadcast content information set in the text live broadcast rolling area with the reset height value.
Specifically, the number of the live broadcast content information displayed in the text live broadcast rolling area is a preset fixed value.
When the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is less than or equal to the preset fixed value, the height value of the rolling area is increased through a rolling area height value setting module, and the height increase value is the sum of the height values of all newly increased live broadcast content information.
Preferably, when the number of the information in the live content information set into which the newly added live content information is inserted is less than or equal to the preset fixed value, the newly added live content information is directly displayed in the rolling area in an inserted manner through a display module.
When the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the height value of the rolling area is set through a rolling area height value setting module so as to control the rolling area to be hidden or displayed.
Specifically, when the number of pieces of information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the rolling area height value setting module keeps the height value of the rolling area unchanged, so that the newly added live content information is placed outside the rolling area to be hidden.
Specifically, when the number of pieces of information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is reset by the rolling area height value setting module in sequence according to the height value of each piece of newly added live content information, and the live content information displayed first in the rolling area at present is deleted by the display module, so that the newly added live content information is displayed in the rolling area in a rolling manner one by one.
Preferably, while the newly added live content information is sequentially displayed in a piece-by-piece manner according to the insertion sequence, the live content information which is currently displayed first in the scroll area is sequentially deleted in a piece-by-piece manner by the display module according to the display sequence of the live content information in the scroll area.
Specifically, the height value of the scrolling region reset by the scrolling region height value setting module is calculated by the following steps:
acquiring a height value h1 of live content information displayed firstly in the rolling area;
acquiring a height value h2 of the newly-added live content information, and calculating a height difference with h 1;
the sum of the height difference and the original height value of the scrolling region is calculated.
Compared with the prior art, the scheme of the invention has the following advantages:
according to the method and the device, the height value of the live broadcast rolling area is set in a self-adaptive manner according to the number and the height value of the live broadcast content information newly added relative to the live broadcast content information displayed in the rolling area in the live broadcast process, so that the dynamic display of the newly added live broadcast content in the rolling area is controlled, the corresponding live broadcast content is hidden or displayed according to the preset animation effect, and the experience degree of a user watching the live broadcast of the characters is improved.
Additional aspects and advantages of the invention will be set forth in part in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention.
Drawings
The foregoing and/or additional aspects and advantages of the present invention will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings of which:
fig. 1 is a schematic flow chart of a display method of live text content according to the present invention;
FIG. 2 is a flow chart of a method of calculating a height value of a reset scrolling region according to the present invention;
fig. 3 is a schematic structural diagram of a display device for live text content according to the present invention.
Detailed Description
Reference will now be made in detail to embodiments of the present invention, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar function throughout. The embodiments described below with reference to the drawings are illustrative only and should not be construed as limiting the invention.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. As used herein, the term "and/or" includes all or any element and all combinations of one or more of the associated listed items.
It will be understood by those skilled in the art that, unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. It will be further understood that terms, such as those defined in commonly used dictionaries, should be interpreted as having a meaning that is consistent with their meaning in the context of the prior art and will not be interpreted in an idealized or overly formal sense unless expressly so defined herein.
As will be appreciated by those skilled in the art, "terminal" as used herein includes both devices that are wireless signal receivers, devices that have only wireless signal receivers without transmit capability, and devices that include receive and transmit hardware, devices that have receive and transmit hardware capable of performing two-way communication over a two-way communication link. Such a device may include: a cellular or other communication device having a single line display or a multi-line display or a cellular or other communication device without a multi-line display; PCS (Personal Communications Service), which may combine voice, data processing, facsimile and/or data communication capabilities; a PDA (Personal Digital Assistant), which may include a radio frequency receiver, a pager, internet/intranet access, a web browser, a notepad, a calendar and/or a GPS (Global Positioning System) receiver; a conventional laptop and/or palmtop computer or other device having and/or including a radio frequency receiver. As used herein, a "terminal" or "terminal device" may be portable, transportable, installed in a vehicle (aeronautical, maritime, and/or land-based), or situated and/or configured to operate locally and/or in a distributed fashion at any other location(s) on earth and/or in space. As used herein, a "terminal Device" may also be a communication terminal, a web terminal, a music/video playing terminal, such as a PDA, an MID (Mobile Internet Device) and/or a Mobile phone with music/video playing function, or a smart tv, a set-top box, etc.
As will be appreciated by those skilled in the art, a remote network device, as used herein, includes, but is not limited to, a computer, a network host, a single network server, a collection of multiple network servers, or a cloud of multiple servers. Here, the Cloud is composed of a large number of computers or network servers based on Cloud Computing (Cloud Computing), which is a kind of distributed Computing, a super virtual computer composed of a group of loosely coupled computer sets. In the embodiment of the present invention, the remote network device, the terminal device and the WNS server may communicate with each other through any communication method, including but not limited to mobile communication based on 3GPP, LTE and WIMAX, computer network communication based on TCP/IP and UDP protocols, and short-range wireless transmission based on bluetooth and infrared transmission standards.
To facilitate an understanding of the method described in the embodiments of the present invention, the introductory knowledge of the present invention is first described. The browser itself, as a piece of software, is a piece of software for displaying HTML files of a web server or a file system, which displays web pages mostly in HTML format. However, as the Web continues to evolve, HTML continues to evolve, and has been modified to a fifth time to a significant extent, HTML5, which has many new features compared to previous markup languages, so that Web applications can be created more quickly and easily.
The markup language prior to HTML5 requires many functions that can be implemented using a scripting language such as JavaScript, for example, the variable height of a scrolling list can be implemented by the CSS language, which is a computer language that adds styles, such as fonts, spaces, etc., to a structured document. Now, the attribute tags of the HTML5 elements can be directly used, so that the whole page becomes clear, intuitive and easy to understand. The designer can directly use the added attribute tags in the HTML5, and the issued interface code becomes more concise as a large number of attribute tags which can replace scripts are provided in the HTML 5. Based on the above, in order to realize the height-variable function of the scrolling list of the live application, the invention adopts the attribute tag of HTML5 to realize the height-variable function of the scrolling list by changing the corresponding height attribute value.
The method and the device are mainly used for a browser to perform a process of displaying and rendering the webpage. A user watches live text or data information updated in real time, such as stock market quotation, through a webpage, the webpage can pull data regularly and update display information in real time, and the webpage analyzes the data pulled regularly and displays the data to the user in a corresponding mode.
Based on the foregoing guiding knowledge, referring to fig. 1, an embodiment of the present invention provides a method for displaying live text content, including the following steps:
step S11, determining the number of the live content information displayed in the text live broadcast rolling area, and forming a live content information set by the corresponding number of the live content information;
because the screen size of the terminal device is limited, when a browser is used for browsing some dynamically-changed live programs, all contents cannot be displayed at one time, and therefore the displayed contents need to be updated continuously in real time. Especially for the live broadcast of characters, the live broadcast content is displayed in the corresponding area of the screen one by one according to one piece of character information, namely the scrolling area. Firstly, an initial value is set for the number of the live content information displayed in the rolling area, the initial value is a preset fixed value, namely, the number of the live content information which can be displayed in the rolling area is determined, and then the size of the corresponding rolling area is determined. In view of the limited number of the live content information that can be displayed in the scroll area, the corresponding live content information is regarded as a set, and the live content information in the set can be displayed in the scroll area without being blocked.
Step S12, inserting newly added live content information relative to the live content information set into the live content information set to update the live content information set;
specifically, the new live content information is inserted into the live content information set, where the insertion is not a specialized insertion operation, and is only a description of the content of the present invention. Specifically, the method of the invention is mainly used for a browser, in the process of browsing a webpage through the browser, the webpage can pull data regularly, the webpage can be analyzed again to display new data pulled regularly, for a live text broadcast, the live broadcast information is pulled regularly each time and is analyzed again by the webpage to be displayed to a user, all information including new pulled information, which is analyzed again each time by the webpage, is an updated live broadcast content information set, the new pulled information is new information inserted into the set, namely the newly added live broadcast content information is new information relative to the original live broadcast content information set, and the subsequent live broadcast content information about new addition is based on the description.
And as new live broadcast information is continuously displayed in the live broadcast process, the terminal equipment can regularly acquire corresponding new live broadcast content information and display the new live broadcast content information in the rolling area in real time. The number of the live content information displayed in the rolling area is fixed, if new live content information is directly inserted, old live content information is replaced, a user cannot easily perceive the updating of the live content information, or new live content information is directly inserted, the old live content information is reserved, and some live content information can be blocked or exceed the display range of the rolling area. Based on this, the newly inserted live content information can be displayed by changing the height value of the scroll area, and the user can be made to perceive the update of the content clearly.
Step S13, resetting the height value of the text live broadcast rolling area according to the number and height value of newly added live broadcast content information in the live broadcast content information set;
and the height value of the rolling area is set in a self-adaptive manner according to the number of newly added live broadcast content information and the height value of the newly added live broadcast content information.
Specifically, when the number of pieces of information in the live content information set after the newly added live content information is inserted is less than or equal to the preset fixed value, the height value of the rolling area is increased, and the height increase value is the sum of the height values of all newly added live content information. And acquiring the height value of each newly added live broadcast content information, accumulating and summing all the height values, wherein the obtained sum value is the height added value of the rolling area, and the height value of the rolling area is reset to be the sum value of the original height value and the height added value, so that the newly added live broadcast content information can be normally displayed, and meanwhile, the number of the live broadcast content information displayed in the rolling area does not exceed a preset fixed value.
When the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, because the rolling area cannot display all the information in the live content information set, in order to display all the newly inserted live content information in the rolling area and enable a user to easily perceive, the embodiment of the invention resets the height value of the rolling area so that the inserted newly added live content information can be normally displayed in the rolling area. As shown in fig. 2, the specific steps of resetting the height value of the scrolling region are as follows:
step 1, acquiring a height value h1 of live content information displayed firstly in the scrolling area;
the live content information displayed first in the scroll area specifically refers to information displayed first in the existing live content information in the scroll area before the newly added live content is not displayed, the live content information is generally information browsed by a user, and the height value h1 of the live content information is obtained through the height attribute value of the live content information. When a plurality of pieces of newly added live content information exist, the height value h1 of the live content information displayed first corresponding to each piece of newly added live content information is different. Specifically, the newly added live content information is sequenced according to the time sequence pulled by the webpage, the first newly added live content information corresponds to the height value of the information displayed firstly in the existing live content information in the rolling area before any newly added live content information is not displayed, and after the first newly added live content information is displayed in the rolling area, the information displayed firstly is deleted and is not displayed in the rolling area any more; the second newly added live content information corresponds to the height value of the live content information which is displayed first after the first newly added live content information is displayed in the rolling area; and so on in this manner, to determine the corresponding first displayed live content information to obtain its height value h 1.
Step 2, acquiring the height value h2 of the newly-added live content information, and calculating the height difference with h 1;
it should be noted that the height value of each piece of newly added live content information is not necessarily the same, nor is it necessarily the same as the height value of the live content information already displayed in the scroll area, and each piece of live content information has its own height value and can be obtained by the height attribute value of the reader. And acquiring the height value h2 of the newly added live content information, specifically, if a plurality of pieces of newly added live content information are displayed, sequentially acquiring the height values of the newly added live content information according to the sequence of inserting the live content information into the live content information set, namely according to the time sequence of pulling the newly added live content information by the webpage, and sequentially calculating the height difference between the newly added live content information and the corresponding h 1.
And 3, calculating the sum of the height difference and the original height value of the rolling area.
And summing the height difference calculated based on the steps with the original height value of the rolling area, wherein the sum is the height value of the reset rolling area, so that the rolling area with the set height value can just display newly-added live content information. It should be noted that the original height value of the scroll area is also a relative original height value, and the original height value of the initial scroll area is a sum of the height values of all the displayed live content information before the newly added live content information is not displayed, as described in the above steps, each time a piece of newly added live content information is displayed, and the live content information displayed first in the corresponding scroll area is deleted, the height value of the scroll area is updated once, and the updated value is a difference value between the height value h2 of the newly added live content information and its corresponding h1 and a sum of the original height values of the scroll area, which is used as the original height value of the corresponding scroll area when the next piece of newly added live content information is displayed.
Therefore, when the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the new height value of the rolling area is obtained based on the method.
And step S14, dynamically displaying the updated live broadcast content information set in the character live broadcast rolling area with the reset height value.
In order to enhance the perception of the user on the live content after the new content is inserted, the updated live content information set is displayed in the scrolling area with the reset height value in the following mode.
And when the number of the information in the live content information set after the newly added live content information is inserted is less than or equal to the preset fixed value, directly displaying the newly added live content information in the rolling area in an inserted mode. That is, the newly added live content information is directly displayed in the scroll area, and since the height value of the scroll area is set to the sum of the height values of all the newly added live content information, the newly added live content information can be displayed in the scroll area in its entirety. In a specific application, the newly added live content is usually pulled and updated one by one, so that the newly added live content information can be displayed one by one, and the height of the scroll area is increased by the height value of one newly added live content information each time, so that a plurality of newly added live contents are slowly displayed in the scroll area.
And when the information number in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the height value of the rolling area is reset to control the information to be hidden or displayed in the rolling area.
Specifically, when the number of information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is kept unchanged, so that the newly added live content information is placed outside the rolling area to be hidden.
Further, when the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is larger than the preset fixed value, the height value of the rolling area is reset in sequence according to the height value of each piece of newly added live broadcast content information, and the live broadcast content information displayed firstly in the rolling area at present is deleted, so that the newly added live broadcast content information is displayed in the rolling area in a rolling manner one by one.
And when the newly added live content information is displayed in the rolling area one by one in sequence according to the insertion sequence, the live content information which is displayed firstly in the rolling area at present is deleted one by one in sequence according to the display sequence of the live content information in the rolling area. That is, only a fixed number of pieces of live content information are displayed in the scroll area, the number is a preset fixed value, and when newly added live content information is displayed, the live content information displayed first in the scroll area is deleted. In this way, the newly added live content information is displayed one by one and enters the scroll area, and the live content information already displayed in the scroll area is deleted one by one, so that the effect of scrolling and displaying the newly added text live content information is realized.
In a particular embodiment, the scrolling effect described above may be achieved in the following manner. If the height value new-height of the newly added live content information is inserted, the height attribute value margin-top of the information away from the upper boundary of the rolling area is set to be-new-height, so that the inserted new information is initialized and outside the rolling area, and the hiding effect is achieved. And presetting a time threshold, such as 0.01s, setting the height attribute value margin-top of the inserted new information from the upper boundary of the rolling area to be 0 within the preset time, and setting the height value of the rolling area to be the height value obtained by the steps, thereby presenting the visual effect of slowly rolling the inserted new information into the rolling area for the user.
Referring to fig. 3, in order to further modularize the method of the present invention, another embodiment of the present invention provides a display apparatus for live text content, where the apparatus and the display method for live text content have a mutual correspondence relationship, and specifically includes a determining module 11, an updating module 12, a scrolling region height value setting module 13, and a display module 14, where,
the determining module 11 is configured to determine the number of live content information displayed in the text live broadcast rolling area, and form a live content information set with the corresponding number of live content information;
because the screen size of the terminal device is limited, when a browser is used for browsing some dynamically-changed live programs, all contents cannot be displayed at one time, and therefore the displayed contents need to be updated continuously in real time. Especially for the live broadcast of characters, the live broadcast content is displayed in the corresponding area of the screen one by one according to one piece of character information, namely the scrolling area. Firstly, an initial value is set for the number of the live content information displayed in the rolling area, the initial value is a preset fixed value, namely, the number of the live content information which can be displayed in the rolling area is determined, and then the size of the corresponding rolling area is determined. In view of the limited number of the live content information that can be displayed in the scroll area, the corresponding live content information is regarded as a set, and the live content information in the set can be displayed in the scroll area without being blocked.
An updating module 12, configured to insert newly added live content information with respect to the live content information set into the live content information set, so as to update the live content information set;
specifically, the new live content information is inserted into the live content information set, where the insertion is not a specialized insertion operation, and is only a description of the content of the present invention. Specifically, the method of the present invention is mainly used for a browser, in the process of browsing a webpage through the browser, the webpage pulls data regularly, the webpage is reanalyzed to display the new data pulled regularly, for a live text broadcast, the live broadcast information is pulled regularly each time and is reanalyzed by the webpage to be displayed to a user, all information including new pulled information reanalyzed each time by the webpage is an updated live broadcast content information set, and the new pulled information is new information inserted into the set.
And as new live broadcast information is continuously displayed in the live broadcast process, the terminal equipment can regularly acquire corresponding new live broadcast content information and display the new live broadcast content information in the rolling area in real time. The number of the live content information displayed in the rolling area is fixed, if new live content information is directly inserted, old live content information is replaced, a user cannot easily perceive the updating of the live content information, or new live content information is directly inserted, the old live content information is reserved, and some live content information can be blocked or exceed the display range of the rolling area. Based on this, the newly inserted live content information can be displayed by changing the height value of the scroll area, and the user can be made to perceive the update of the content clearly.
A rolling area height value setting module 13, configured to reset a height value of the text live broadcast rolling area according to the number of newly added live broadcast content information in the live broadcast content information set and a height value thereof;
and the height value of the rolling area is set in a self-adaptive manner according to the number of newly added live broadcast content information and the height value of the newly added live broadcast content information.
Specifically, when the number of pieces of information in the live content information set after the newly added live content information is inserted is less than or equal to the preset fixed value, the height value of the rolling area is increased, and the height increase value is the sum of the height values of all newly added live content information. And acquiring the height value of each newly added live broadcast content information, accumulating and summing all the height values, wherein the obtained sum value is the height added value of the rolling area, and the height value of the rolling area is reset to be the sum value of the original height value and the height added value, so that the newly added live broadcast content information can be normally displayed, and meanwhile, the number of the live broadcast content information displayed in the rolling area does not exceed a preset fixed value.
When the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, because the rolling area cannot display all the information in the live content information set, in order to display all the newly inserted live content information in the rolling area and enable a user to easily perceive, the embodiment of the invention resets the height value of the rolling area so that the inserted newly added live content information can be normally displayed in the rolling area. As shown in fig. 2, the specific steps of resetting the height value of the scrolling region are as follows:
step 1, acquiring a height value h1 of live content information displayed firstly in the scrolling area;
the live content information displayed first in the scroll area specifically refers to information displayed first in the existing live content information in the scroll area before the newly added live content is not displayed, the live content information is generally information browsed by a user, and the height value h1 of the live content information is obtained through the height attribute value of the live content information. When a plurality of pieces of newly added live content information exist, the height value h1 of the live content information displayed first corresponding to each piece of newly added live content information is different. Specifically, the newly added live content information is sequenced according to the time sequence pulled by the webpage, the first newly added live content information corresponds to the height value of the information displayed firstly in the existing live content information in the rolling area before any newly added live content information is not displayed, and after the first newly added live content information is displayed in the rolling area, the information displayed firstly is deleted and is not displayed in the rolling area any more; the second newly added live content information corresponds to the height value of the live content information which is displayed first after the first newly added live content information is displayed in the rolling area; and so on in this manner, to determine the corresponding first displayed live content information to obtain its height value h 1.
Step 2, acquiring the height value h2 of the newly-added live content information, and calculating the height difference with h 1;
it should be noted that the height value of each piece of newly added live content information is not necessarily the same, nor is it necessarily the same as the height value of the live content information already displayed in the scroll area, and each piece of live content information has its own height value and can be obtained by the height attribute value of the reader. And acquiring the height value h2 of the newly added live content information, specifically, if a plurality of pieces of newly added live content information are displayed, sequentially acquiring the height values of the newly added live content information according to the sequence of inserting the live content information into the live content information set, namely according to the time sequence of pulling the newly added live content information by the webpage, and sequentially calculating the height difference between the newly added live content information and the corresponding h 1.
And 3, calculating the sum of the height difference and the original height value of the rolling area.
And summing the height difference calculated based on the steps with the original height value of the rolling area, wherein the sum is the height value of the reset rolling area, so that the rolling area with the set height value can just display newly-added live content information. It should be noted that the original height value of the scroll area is also a relative original height value, and the original height value of the initial scroll area is a sum of the height values of all the displayed live content information before the newly added live content information is not displayed, as described in the above steps, each time a piece of newly added live content information is displayed, and the live content information displayed first in the corresponding scroll area is deleted, the height value of the scroll area is updated once, and the updated value is a difference value between the height value h2 of the newly added live content information and its corresponding h1 and a sum of the original height values of the scroll area, which is used as the original height value of the corresponding scroll area when the next piece of newly added live content information is displayed.
Therefore, when the number of the information in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the new height value of the rolling area is obtained based on the method.
And the display module 14 is used for dynamically displaying the updated live content information set in the text live broadcast rolling area with the reset height value.
In order to enhance the perception of the user on the live content after the new content is inserted, the updated live content information set is displayed in the scrolling area with the reset height value in the following mode.
And when the number of the information in the live content information set after the newly added live content information is inserted is less than or equal to the preset fixed value, directly displaying the newly added live content information in the rolling area in an inserted mode. That is, the newly added live content information is directly displayed in the scroll area, and since the height value of the scroll area is set to the sum of the height values of all the newly added live content information, the newly added live content information can be displayed in the scroll area in its entirety. In a specific application, the newly added live content is usually pulled and updated one by one, so that the newly added live content information can be displayed one by one, and the height of the scroll area is increased by the height value of one newly added live content information each time, so that a plurality of newly added live contents are slowly displayed in the scroll area.
And when the information number in the live content information set after the newly added live content information is inserted is larger than the preset fixed value, the height value of the rolling area is reset to control the information to be hidden or displayed in the rolling area.
Specifically, when the number of information in the live content information set into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is kept unchanged, so that the newly added live content information is placed outside the rolling area to be hidden.
Further, when the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is larger than the preset fixed value, the height value of the rolling area is reset in sequence according to the height value of each piece of newly added live broadcast content information, and the live broadcast content information displayed firstly in the rolling area at present is deleted, so that the newly added live broadcast content information is displayed in the rolling area in a rolling manner one by one.
And when the newly added live content information is displayed in the rolling area one by one in sequence according to the insertion sequence, the live content information which is displayed firstly in the rolling area at present is deleted one by one in sequence according to the display sequence of the live content information in the rolling area. That is, only a fixed number of pieces of live content information are displayed in the scroll area, the number is a preset fixed value, and when newly added live content information is displayed, the live content information displayed first in the scroll area is deleted. In this way, the newly added live content information is displayed one by one and enters the scroll area, and the live content information already displayed in the scroll area is deleted one by one, so that the effect of scrolling and displaying the newly added text live content information is realized.
In a particular embodiment, the scrolling effect described above may be achieved in the following manner. If the height value new-height of the newly added live content information is inserted, the height attribute value margin-top of the information away from the upper boundary of the rolling area is set to be-new-height, so that the inserted new information is initialized and outside the rolling area, and the hiding effect is achieved. And presetting a time threshold, such as 0.01s, setting the height attribute value margin-top of the inserted new information from the upper boundary of the rolling area to be 0 within the preset time, and setting the height value of the rolling area to be the height value obtained by the steps, thereby presenting the visual effect of slowly rolling the inserted new information into the rolling area for the user.
In summary, in the embodiments of the present invention, the height value of the live broadcast rolling area is reset according to the number and the height value of the newly added live broadcast content information, so that the dynamic display of the newly added live broadcast content in the rolling area is controlled, the corresponding live broadcast content is hidden or displayed according to a preset animation effect, the perception of the user watching the live broadcast is enhanced, and the user experience is improved.
The foregoing is only a partial embodiment of the present invention, and it should be noted that, for those skilled in the art, various modifications and decorations can be made without departing from the principle of the present invention, and these modifications and decorations should also be regarded as the protection scope of the present invention.
Claims (16)
1. A display method of live text content is characterized by comprising the following steps:
determining the number of live broadcast content information displayed in the text live broadcast rolling area, and forming a live broadcast content information set by the corresponding number of live broadcast content information;
inserting newly-added live content information relative to the live content information set into the live content information set to update the live content information set;
resetting the height value of the text live broadcast rolling area according to the number of newly added live broadcast content information in the live broadcast content information set and the height value of each newly added live broadcast content information; the method comprises the following steps: when the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is larger than a preset fixed value, resetting the height value of the rolling area according to the height value of each newly added live broadcast content information in sequence;
dynamically displaying the updated live broadcast content information set in the character live broadcast rolling area with the reset height value; the method comprises the following steps: deleting the live content information displayed firstly in the rolling area so as to roll and display the newly added live content information in the rolling area one by one.
2. The method as claimed in claim 1, wherein the number of the live content information displayed in the scrolling area for live text is a predetermined fixed value.
3. The method according to claim 2, wherein when the number of information in the set of live content information after the new live content information is inserted is less than or equal to the preset fixed value, the height value of the rolling area is increased, and the height increased value is a sum of the height values of all the new live content information.
4. The method as claimed in claim 2, wherein when the number of information in the set of live content information after inserting the new live content information is less than or equal to the preset fixed value, the new live content information is directly displayed in the scrolling region in an inserting manner.
5. The method according to claim 2, wherein when the number of the information in the set of live content information after the new live content information is inserted is greater than the preset fixed value, the scrolling area is controlled to be hidden or displayed in the scrolling area by resetting the height value of the scrolling area.
6. The method according to claim 5, wherein when the number of information in the set of live content information into which the newly added live content information is inserted is greater than the preset fixed value, the height value of the rolling area is kept unchanged so as to hide the newly added live content information outside the rolling area.
7. The method according to claim 1, wherein while the newly added live content information is sequentially displayed in an insertion order one by one, the live content information currently displayed first in the scroll area is sequentially deleted one by one in a display order thereof in the scroll area.
8. The method according to claim 1 or 5, wherein the height value of the reset scrolling region is calculated by:
acquiring a height value h1 of live content information displayed firstly in the rolling area;
acquiring a height value h2 of the newly-added live content information, and calculating a height difference with h 1;
the sum of the height difference and the original height value of the scrolling region is calculated.
9. A display device for displaying live text, comprising:
a determination module: the live broadcast content information display device is used for determining the number of live broadcast content information displayed in the text live broadcast rolling area and forming a live broadcast content information set by the corresponding number of live broadcast content information;
an update module: the live content information set is used for inserting newly added live content information relative to the live content information set into the live content information set so as to update the live content information set;
a rolling area height value setting module: the height value of the text live broadcast rolling area is reset according to the number of newly added live broadcast content information in the live broadcast content information set and the height value of each newly added live broadcast content information; the method comprises the following steps: when the number of the information in the live broadcast content information set after the newly added live broadcast content information is inserted is larger than a preset fixed value, resetting the height value of the rolling area according to the height value of each newly added live broadcast content information in sequence;
a display module: the live broadcast content information set is used for dynamically displaying the updated live broadcast content information set in the text live broadcast rolling area with the reset height value; the method comprises the following steps: deleting the live content information displayed firstly in the rolling area so as to roll and display the newly added live content information in the rolling area one by one.
10. The apparatus of claim 9, wherein the number of the live content information displayed in the text live scrolling area is a preset fixed value.
11. The apparatus according to claim 10, wherein when the number of information in the set of live content information after inserting the new live content information is less than or equal to the preset fixed value, the height value of the scrolling region is increased by a scrolling region height value setting module, and the height increased value is a sum of the height values of all newly added live content information.
12. The apparatus according to claim 10, wherein when the number of pieces of information in the set of live content information after the insertion of the newly added live content information is less than or equal to the preset fixed value, the newly added live content information is directly displayed in the scrolling region in an insertion manner through the display module.
13. The apparatus according to claim 10, wherein when the number of information in the set of live content information after inserting the new live content information is greater than the preset fixed value, the height value of the scrolling region is set by a scrolling region height value setting module to control hiding or displaying in the scrolling region.
14. The apparatus according to claim 13, wherein when the number of information in the set of live content information after inserting the new live content information is greater than the preset fixed value, the scrolling region height value setting module keeps the height value of the scrolling region unchanged, so as to place the new live content information outside the scrolling region for hiding.
15. The apparatus according to claim 9, wherein while the newly added live content information is sequentially displayed in an insertion order one by one, the live content information currently displayed first in the scroll area is sequentially deleted in the display order in the scroll area one by the display module.
16. The apparatus according to claim 9 or 13, wherein the height value of the scrolling region reset by the scrolling region height value setting module is calculated by:
acquiring a height value h1 of live content information displayed firstly in the rolling area;
acquiring a height value h2 of the newly-added live content information, and calculating a height difference with h 1;
the sum of the height difference and the original height value of the scrolling region is calculated.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610737024.4A CN106407276B (en) | 2016-08-26 | 2016-08-26 | Display method and device of text live broadcast content |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610737024.4A CN106407276B (en) | 2016-08-26 | 2016-08-26 | Display method and device of text live broadcast content |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106407276A CN106407276A (en) | 2017-02-15 |
| CN106407276B true CN106407276B (en) | 2020-03-31 |
Family
ID=58004889
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610737024.4A Active CN106407276B (en) | 2016-08-26 | 2016-08-26 | Display method and device of text live broadcast content |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106407276B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107690072B (en) | 2017-04-19 | 2019-02-26 | 腾讯科技（深圳）有限公司 | Video broadcasting method and device |
| CN106993232B (en) * | 2017-04-28 | 2019-07-02 | 深圳市茁壮网络股份有限公司 | A kind of character rolling implementation method and device based on TV |
| CN109063215B (en) * | 2018-10-16 | 2020-10-30 | 成都四方伟业软件股份有限公司 | Data retrieval method and device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101795287A (en) * | 2009-12-29 | 2010-08-04 | 上海酷吧信息技术有限公司 | Method for mobile terminal to realize live game text |
| CN105263029A (en) * | 2015-10-10 | 2016-01-20 | 上海慧体网络科技有限公司 | Method for publishing match result of sports competition in real time by adopting mobile phone APP |
| CN105867900A (en) * | 2015-12-21 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | Method and device for displaying chat messages in live-broadcast applications |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1866809A1 (en) * | 2005-04-08 | 2007-12-19 | Juicy Tours Inc. | Architecture for creating, organizing, editing, management and delivery of locationally-specific information to a user in the field |
-
2016
- 2016-08-26 CN CN201610737024.4A patent/CN106407276B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101795287A (en) * | 2009-12-29 | 2010-08-04 | 上海酷吧信息技术有限公司 | Method for mobile terminal to realize live game text |
| CN105263029A (en) * | 2015-10-10 | 2016-01-20 | 上海慧体网络科技有限公司 | Method for publishing match result of sports competition in real time by adopting mobile phone APP |
| CN105867900A (en) * | 2015-12-21 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | Method and device for displaying chat messages in live-broadcast applications |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106407276A (en) | 2017-02-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3485400B1 (en) | Methods and systems for server-side rendering of native content for presentation | |
| US10769353B2 (en) | Dynamic streaming content provided by server and client-side tracking application | |
| US9779069B2 (en) | Model traversing based compressed serialization of user interaction data and communication from a client-side application | |
| US8825749B2 (en) | Method of tracking offline user interaction in a rendered document on a mobile device | |
| US20120304068A1 (en) | Presentation format for an application tile | |
| CN103092941B (en) | The method and apparatus presenting content on an electronic device | |
| US20120144291A1 (en) | Apparatus and method for controlling web browser display | |
| EP2696300A2 (en) | Network based font subset management | |
| US9680897B2 (en) | Throttled scanning for optimized compression of network communicated data | |
| JP4794318B2 (en) | Information distribution system for network services | |
| CN106407276B (en) | Display method and device of text live broadcast content | |
| US10339572B2 (en) | Tracking user interaction with a stream of content | |
| CN107918619B (en) | Advertisement display method and device | |
| JP2007149052A (en) | Apparatus, method and processing program for displaying information | |
| US20110066678A1 (en) | Webpage browsing system, server, webpage browsing method, program and recording medium for the same | |
| CN104899212B (en) | Web page display method, server and system | |
| JP2006331142A (en) | Information provision system, and information provision method or the like | |
| US20190325485A1 (en) | Tracking user interaction with a stream of content | |
| US20140181156A1 (en) | Providing content items for non-standard content item slots | |
| KR101437843B1 (en) | Font processing method for maintaining document layout, and computer-readable recording medium with font processing program for the same | |
| WO2019040162A1 (en) | Maintaining session identifiers across multiple webpages for content selection | |
| CN114297544A (en) | Remote browsing method, device, equipment and storage medium | |
| US9648381B2 (en) | Method and system for managing display of web-based content on portable communication devices | |
| CN102325273A (en) | Video terminal and display method of screen menu type page data of same | |
| CN112287261A (en) | Resource loading method and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200422 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510640 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 12 layer self unit 01 Patentee before: GUANGZHOU SHENMA MOBILE INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |