Popup screen rendering method and apparatus

A barrage and ballistic technology, which is applied in the field of web page rendering, can solve the problems of low DOM rendering efficiency and large memory usage, and achieve the effects of smooth display, increased efficiency, and increased user experience

Active Publication Date: 2017-08-25
WUHAN DOUYU NETWORK TECH CO LTD
View PDF3 Cites 24 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The present invention provides a barrage rendering method and device that overcomes the above-mentioned problems or at least par

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Popup screen rendering method and apparatus
  • Popup screen rendering method and apparatus
  • Popup screen rendering method and apparatus

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0021] The specific implementation manners of the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. The following examples are used to illustrate the present invention, but are not intended to limit the scope of the present invention.

[0022] see figure 1 , is a barrage rendering method of an embodiment of the present invention, mainly used in the fields of web page rendering and animation production, wherein HTML5 is the core language of the Internet, and the fifth major revision of HTML is used to provide content displayed on web pages. Now Most modern browsers support HTML5. Compared with HTML4, HTML5 has new features such as native video and audio support, native animation self-sustainability, local database, and socket network sockets. Nowadays, many websites have transferred their technology to HTML5.

[0023] Canvas represents an HTML5 canvas element that supports scripted browser-side drawing o...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention provides a popup screen rendering method and apparatus. The method comprises the steps of S1, obtaining original data of a popup screen; S2, generating a corresponding popup object according to a corresponding preset popup screen style by each piece of the original data of the popup screen; and S3, when an idle trajectory exists in a rendering canvas, inserting the popup screen object into the idle trajectory, and rendering all popup screen objects in all trajectories. By utilizing a Canvas function of HTML5, the popup screen no longer depends on Flash, so that the popup screen drawing efficiency is improved, popup screen animations can be displayed on a browser more fluently, and the user experience is improved.

Description

technical field [0001] The present invention relates to the field of web page rendering, and more specifically, to a barrage rendering method and device. Background technique [0002] In the field of web page rendering, the DOM-based bullet chatting rendering technology is currently adopted by most bullet chatting applications. The principle is to encapsulate the bullet chatting text into an HTML DOM element, and then use JavaScript to load the bullet chatting text into the DOM Put the elements into HTML for rendering, and then continuously calculate and change the position of the DOM elements loaded with barrage text to form a moving animation. [0003] Using the DOM bullet chat rendering technology, since it is necessary to calculate and change the positions of all DOM elements, when the bullet chat text volume is very large, the CPU operation frequency of the system will be too high, the memory usage will be too large, and the bullet chat The animation will be stuck, esp...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06F17/30H04N21/431H04N21/435H04N21/475
CPCG06F16/957G06F16/986H04N21/4312H04N21/435H04N21/475
Inventor 姚尧
Owner WUHAN DOUYU NETWORK TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products