CN113672835B - Method, device, equipment and storage medium for setting dynamic special effects of web pages - Google Patents
Method, device, equipment and storage medium for setting dynamic special effects of web pages Download PDFInfo
- Publication number
- CN113672835B CN113672835B CN202110793772.5A CN202110793772A CN113672835B CN 113672835 B CN113672835 B CN 113672835B CN 202110793772 A CN202110793772 A CN 202110793772A CN 113672835 B CN113672835 B CN 113672835B
- Authority
- CN
- China
- Prior art keywords
- webpage
- content
- dynamic special
- special effect
- dynamic
- 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
- 230000000694 effects Effects 0.000 title claims abstract description 221
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000004458 analytical method Methods 0.000 claims abstract description 88
- 238000004590 computer program Methods 0.000 claims description 28
- 238000013507 mapping Methods 0.000 claims description 8
- 230000008569 process Effects 0.000 abstract description 10
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000011176 pooling Methods 0.000 description 2
- 239000013598 vector Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000004913 activation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000005562 fading Methods 0.000 description 1
- 238000003062 neural network model Methods 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention discloses a method, a device, equipment and a storage medium for setting dynamic special effects of a webpage, wherein the method comprises the steps of responding to a setting instruction of the dynamic special effects of the webpage and acquiring page contents of the webpage; performing page layout analysis on the page content of the webpage to obtain a layout analysis result of the page content of the webpage; based on the layout analysis result, determining the webpage dynamic special effect type of the webpage and the display time and display position of each webpage dynamic special effect type; and generating a dynamic special effect configuration file package of the webpage according to the webpage dynamic special effect type, the display time and the display position of the webpage dynamic special effect type. The method, the device, the equipment and the storage medium for setting the dynamic special effects of the webpage can analyze the page layout of the webpage and generate the configuration file packet of the dynamic special effects corresponding to the webpage, thereby reducing the editing workload of the dynamic special effects of the webpage, simplifying the setting process of the dynamic special effects of the webpage and improving the editing efficiency of the dynamic special effects of the webpage.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a storage medium for setting dynamic special effects of a web page.
Background
The existing setting flow of the dynamic special effects of the webpage is as follows: according to the layout of the contents of each page of the webpage to be subjected to dynamic effect setting, the webpage developer considers which corresponding dynamic effect should be set at which position of the webpage, and finally edits and obtains a related file of the dynamic effect by applying a related script language.
However, manually analyzing all the contents of the web page by the web page developer can increase the workload of editing the dynamic special effects of the web page, so that the setting process of the dynamic special effects of the web page is complicated, and the editing efficiency of the dynamic special effects of the web page is low.
Disclosure of Invention
The embodiment of the invention aims to provide a method, a device, equipment and a storage medium for setting dynamic special effects of a webpage, which can analyze the page layout of the webpage and generate a configuration file packet of the dynamic special effects corresponding to the webpage.
In order to solve the above technical problems, an embodiment of the present invention provides a method for setting a dynamic special effect of a web page, including:
responding to a setting instruction of the dynamic special effect of the webpage, and acquiring page content of the webpage;
performing page layout analysis on the page content of the webpage to obtain a layout analysis result of the page content of the webpage;
based on the layout analysis result, determining the webpage dynamic special effect type of the webpage and the display time and display position of each webpage dynamic special effect type;
and generating a dynamic special effect configuration file package of the webpage according to the webpage dynamic special effect type, the display time of the webpage dynamic special effect type and the display position.
As one preferable scheme, the performing a layout analysis on the page content of the web page to obtain a layout analysis result of the page content of the web page specifically includes:
classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content;
performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results;
and acquiring the webpage display positions of the text content and the picture content with the content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content.
As one preferable solution, the determining, based on the layout analysis result, a web page dynamic special effect type of the web page, a display timing and a display position of the web page dynamic special effect type specifically includes:
inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
As one preferable solution, the determining, based on the layout analysis result, a web page dynamic special effect type of the web page, a display timing and a display position of the web page dynamic special effect type specifically includes:
determining the webpage dynamic special effect type of the webpage corresponding to the position relation according to the preset position relation and the mapping relation between the webpage dynamic special effects;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
Another embodiment of the present invention provides a method for setting dynamic special effects of a web page, including:
the webpage content acquisition module is used for responding to a setting instruction of the dynamic special effect of the webpage and acquiring the webpage content of the webpage;
the page layout analysis module is used for carrying out page layout analysis on the page content of the webpage to obtain a layout analysis result of the page content of the webpage;
the dynamic special effect determining module is used for determining the webpage dynamic special effect type of the webpage and the display time and display position of each webpage dynamic special effect type based on the layout analysis result;
and the configuration file generation module is used for generating a dynamic special effect configuration file packet of the webpage according to the webpage dynamic special effect type, the display time of the webpage dynamic special effect type and the display position.
As one preferable solution, the page layout analysis module is specifically configured to:
classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content;
performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results;
and acquiring the webpage display positions of the text content and the picture content with the content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content.
As one preferable solution, the dynamic special effect determining module is specifically configured to:
inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
As one preferable solution, the dynamic special effect determining module is specifically configured to:
determining the webpage dynamic special effect type of the webpage corresponding to the position relation according to the preset position relation and the mapping relation between the webpage dynamic special effects;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
Still another embodiment of the present invention provides a setting device of a dynamic special effect of a web page, including a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor, where the setting method of the dynamic special effect of the web page is implemented when the processor executes the computer program.
Still another embodiment of the present invention provides a computer readable storage medium, where the computer readable storage medium includes a stored computer program, and when the computer program runs, controls a device where the computer readable storage medium is located to execute a method for setting a dynamic special effect of a web page as described above.
Compared with the prior art, the embodiment of the invention has the beneficial effects that at least one of the following points is adopted: the method comprises the steps of responding to a setting instruction of a webpage dynamic effect to obtain webpage content of the webpage, carrying out page layout analysis on the webpage content of the webpage to obtain a layout analysis result of the webpage content of the webpage, determining the webpage dynamic effect type of the webpage and display time and display position of each webpage dynamic effect type based on the layout analysis result, and finally generating a dynamic effect configuration file packet of the webpage according to the webpage dynamic effect type, the display time and the display position of the webpage dynamic effect type, so that a webpage developer does not need to carry out manual analysis on the webpage content, the workload of editing the webpage dynamic effect is reduced, the setting process of the webpage dynamic effect is simplified, and the editing efficiency of the webpage dynamic effect is improved. Correspondingly, the embodiment of the invention also provides a device, equipment and storage medium for setting the dynamic special effects of the webpage.
Drawings
FIG. 1 is a flow chart of a method for setting dynamic effects of a web page according to one embodiment of the present invention;
FIG. 2 is a block diagram of the layout of dynamic effects in one embodiment of the invention;
FIG. 3 is a schematic structural diagram of a device for setting dynamic effects of a web page according to an embodiment of the present invention;
FIG. 4 is a block diagram of a setup device for dynamic effects of a web page in one embodiment of the invention;
reference numerals:
wherein, a propaganda poster of a classical legend game; B. related text of "classical legends"; 10. setting device of dynamic special effects of web pages; 11. a web page content acquisition module; 12. a page layout analysis module; 13. a dynamic special effect determining module; 14. a configuration file generation module; 20. setting equipment for dynamic special effects of the webpage; 21. a processor; 22. a memory.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
In the description of this application, the terms "first," "second," "third," and the like are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defining "a first", "a second", "a third", etc. may explicitly or implicitly include one or more such feature. In the description of the present application, unless otherwise indicated, the meaning of "a plurality" is two or more.
In the description of the present application, it should be noted that, unless explicitly specified and limited otherwise, the terms "mounted," "connected," and "connected" are to be construed broadly, and may be either fixedly connected, detachably connected, or integrally connected, for example; can be mechanically or electrically connected; can be directly connected or indirectly connected through an intermediate medium, and can be communication between two elements. The specific meaning of the terms in this application will be understood by those of ordinary skill in the art in a specific context.
In the description of the present application, it should be noted that all 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 unless defined otherwise. The terminology used in the description of the present invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention, as the particular meaning of the terms described above in this application will be understood to those of ordinary skill in the art in the specific context.
An embodiment of the present invention provides a method for setting dynamic effects of a web page, and in particular, referring to fig. 1, fig. 1 is a schematic flow chart of a method for setting dynamic effects of a web page in one embodiment of the present invention, which includes steps S1 to S4 as follows:
s1, responding to a setting instruction of a dynamic special effect of a webpage, and acquiring page content of the webpage;
s2, carrying out page layout analysis on the page content of the webpage to obtain a layout analysis result of the page content of the webpage;
s3, determining the webpage dynamic special effect type of the webpage and the display time and display position of each webpage dynamic special effect type based on the layout analysis result;
s4, generating a dynamic special effect configuration file package of the webpage according to the webpage dynamic special effect type, the display time of the webpage dynamic special effect type and the display position.
It should be noted that, in this embodiment, the method for setting the dynamic special effect of the web page may be executed by a user terminal, where the user terminal may be a user terminal device such as a computer, a mobile phone, a tablet, etc.; various application programs, including a browser, can be loaded on the user side and used for presenting web pages. By way of example, the client may include a display screen for presenting a web interface for presenting web pictures and interacting with a user, and a processor; the processor is used for acquiring the webpage, generating a webpage interface and controlling the display of the webpage interface on the display screen.
The method for setting the dynamic special effects of the webpage in the embodiment can also be executed by a server, wherein the server can be an IA architecture server, a RISC architecture server and other servers of different types; the server side has high-speed CPU operation capability, long-time reliable operation, strong I/O external data throughput capability and better expansibility, and can provide response service requests, bearing service and guaranteeing service of webpages for the user side.
In the step S1, an exemplary setting instruction of the dynamic special effect of the web page may be a received setting instruction of the dynamic special effect of the web page issued by the user; alternatively, the setting instruction of the dynamic special effect of the web page may be automatically generated by the related software program after the initial web page is obtained, and is not limited herein.
In addition, in this embodiment, taking a webpage based on HTML5 as an example, the types of dynamic effects include dynamic effects implemented based on Java Script, CSS and other languages, including but not limited to picture scrolling, picture color change, flash picture showing and the like, and the dynamic effects are page contents applicable to picture types, and for text contents, they include but not limited to fade-in fade-out, left pop-out, scrolling, flashing and the like, so that it is seen that the dynamic effects of a webpage include not only the webpage dynamic effect types, but also display occasions and display positions of the webpage dynamic effect types, such as when fade-in fade-out, to which position of the webpage the picture or text moves, so that it is required to determine the webpage dynamic effect types of the webpage and display occasions and display positions of the webpage dynamic effect types to obtain accurate webpage dynamic effects.
For example, in the step S4, the dynamic special effect configuration package capable of reflecting the dynamic special effect of the web page may be determined by combining the actual development requirement and the website building framework by using the package capable of being identified by the computer software generated by the format language such as the above Java script+css, or by using the package capable of being identified by the computer software generated by the format language such as the HTML5+java script+css, which is not described herein.
According to the setting method of the dynamic special effects of the webpage, provided by the embodiment of the invention, the page content of the webpage is obtained by responding to the setting instruction of the dynamic special effects of the webpage, then the page layout analysis is carried out on the page content of the webpage to obtain the layout analysis result of the page content of the webpage, then the dynamic special effect type of the webpage and the display time and the display position of each dynamic special effect type of the webpage are determined based on the layout analysis result, and finally the dynamic special effect configuration file package of the webpage is generated according to the dynamic special effect type of the webpage, the display time and the display position of the dynamic special effect type of the webpage, so that a webpage developer does not need to carry out manual analysis on the page content, the editing workload of the dynamic special effects of the webpage is reduced, the setting process of the dynamic special effects of the webpage is simplified, and the editing efficiency of the dynamic special effects of the webpage is improved.
Further, in the above embodiment, the "performing the layout analysis on the page content of the web page to obtain the layout analysis result of the page content of the web page" in the step S2 specifically includes:
classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content;
performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results;
and acquiring the webpage display positions of the text content and the picture content with the content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content.
Considering that the general web page is composed of text content and picture content, in the embodiment of the invention, the page content of the web page can be comprehensively analyzed first, different types including the text content and the picture content can be classified and screened, and for convenience of understanding, the following analysis is performed by using one of the examples of the web page including the text and the picture:
the content of the webpage includes a picture content located at the left side part of the webpage and a text content located at the right side part of the webpage, the text content is further interpreted, advertised or introduced, so when a user accesses the webpage through a related browser, the picture content at the left side part of the webpage is popped up (pop-up mode is not limited) first, visual experience is provided for the user, then the text content located at the right side part of the webpage is gradually faded in (fade-in time is not limited), the user clearly knows about related product introduction further, therefore, different dynamic special effects are corresponding to the picture content located at the left side part of the webpage and the text content located at the right side part of the webpage, the picture content located at the left side part of the webpage is classified into picture types, and the picture content located at the right side part of the webpage is classified into the text content according to the embodiment.
From the above analysis, in the embodiment of the present invention, classification types of the web page contents are obtained by classifying the web page contents; and content analysis is carried out on the page content of the webpage, and text content and picture content with content corresponding relation are determined according to the content analysis result, so that the text part content and the picture part content are adapted, the layout typesetting of the webpage content is attached, and the effect of dynamic special effects of the webpage is better.
Of course, in the above example, only the left-hand picture and the right-hand text of the web page are described, in the actual development process, the web page may include up to several tens of content modules, such as a first picture portion, a second picture portion, a third picture portion, and a first text portion, a second text portion, and a third text portion, where the different text portions and the different picture portions are located at different positions in the web page, so that in order to obtain a dynamic special effect similar to the description of the right-hand text fade-in of the web page with respect to the left-hand picture of the web page, it is necessary to perform content analysis on the web page, that is, it is necessary to perform content analysis on each text content and each picture content, and determine, according to the content analysis result, that the text content and the picture content have a content correspondence relationship (for example, the first text portion and the second text portion are the description of the magic object, the first picture portion is the visual image of the magic object, and the third text portion has a correspondence).
After the corresponding relation is obtained, the web page display positions of the text content and the picture content need to be obtained, namely, the display positions of the first picture part and the second picture part on the web page need to be obtained, and then the display position relation of the first picture part and the second picture part on the web page is used as a layout analysis result of the web page content of the web page; obtaining the display positions of the second picture part and the third text part on the webpage, and then taking the display position relationship of the second picture part and the third text part on the webpage as the layout analysis result of the webpage content of the webpage; and obtaining the display positions of the third picture part and the first text part on the webpage, and then taking the display position relation of the third picture part and the first text part on the webpage as the layout analysis result of the webpage content of the webpage.
Of course, for the dynamic special effects of the text portion in the above example, the source file of the web page may also be parsed, where the source file includes, but is not limited to, an HTML file, a CSS file, and a JS file, and the code of the source file is parsed to extract the elements (nodes and tags) corresponding to the dynamic text in the web page, and the display positions of the dynamic special effect text may be obtained according to the layout configuration information of the elements (nodes and tags) corresponding to the dynamic special effect text. The dynamic special effect of the picture part can also refer to the steps, and the description is omitted herein, so that the display position relationship between the text part and the picture part can be conveniently obtained later, and the accurate layout analysis result of the page content of the webpage can be obtained.
Further, in an alternative embodiment, after the layout analysis result of the page content of the web page is obtained, the dynamic special effects of the web page need to be determined according to the relevant analysis result, that is, for step S3 above: the step of determining the webpage dynamic special effect type, the display time and the display position of the webpage dynamic special effect type based on the layout analysis result specifically comprises the following steps:
inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
It should be noted that, in this embodiment, the web page dynamic special effect analysis model is a pre-trained model, the related model construction technology can refer to the prior art, for example, a deep neural network model, a plurality of neurons are connected together to form a multi-layer network, the multi-layer network includes a convolution layer, a pooling layer and a full connection layer, the convolution layer is used for extracting feature vectors, the pooling layer further screens the feature vectors, the full connection layer carries out final classification, all layers are connected together through an activation function, and network parameters are continuously improved through a training algorithm, so that the recognition accuracy of the model is improved.
After the analysis model is obtained, substituting the layout analysis result of the page content of the webpage, namely the display position relation, into the analysis model for processing, so as to determine the display time and the display position of the webpage dynamic special effect type corresponding to the text part and the display time and the display position of the webpage dynamic special effect type corresponding to the picture part according to the loading time and the loading position of the text part content and the picture part content on the webpage.
In another alternative embodiment, for step S3 above: the step of determining the webpage dynamic special effect type, the display time and the display position of the webpage dynamic special effect type based on the layout analysis result comprises the following steps:
determining the webpage dynamic special effect type of the webpage corresponding to the position relation according to the preset position relation and the mapping relation between the webpage dynamic special effects;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
In this embodiment, the above-mentioned positional relationship and dynamic special effect type of the web page may be determined by a mapping relationship between a preset positional relationship and dynamic special effects of the web page, in addition to the related model in the prior art, so that the dynamic special effect types corresponding to different contents of the web page may be determined according to a one-to-one correspondence relationship between the positional relationship and dynamic special effect types of the web page contents. The mapping relation between the preset position relation and the webpage dynamic special effect can be stored locally in advance, can be directly called when needed, can also be stored in the cloud, can be downloaded from the cloud through a wireless network or a wired network when needed, is not limited in this regard, and can be directly called when needed, can also be stored in the cloud when needed, and can be downloaded from the cloud through the wireless network or the wired network when needed, and is not limited in this regard.
Referring to fig. 2, an exemplary embodiment of the present invention is shown in fig. 2, which is a layout block diagram of a dynamic special effect of a web page in one embodiment of the present invention, in which a propaganda poster a of a "classical legend" game and a related text B of a dynamic text "classical legend" exist in the web page, a related text B of the dynamic text "classical legend" is set at a preset distance on the right side of a display position of the propaganda poster a of the "classical legend" game, and in a setting process of the dynamic special effect, a layout analysis result is determined by analyzing a layout of the web page, so as to determine a web page dynamic special effect type of the web page and a display time and a display position of each web page dynamic special effect type are as follows: when a propaganda poster A of a classical legend game pops up, a related text B of a dynamic effect word classical legend on the right side appears at a certain distance from the propaganda poster A, the dynamic effect type is slowly faded in, the font color is red, and the fading time is 3s; and finally, generating a dynamic special effect configuration file packet of the webpage according to the obtained dynamic special effect, wherein the configuration file packet of the dynamic special effect corresponding to the webpage can be obtained without manual processing in the whole process, so that the workload of a webpage developer is greatly reduced.
Fig. 3 is a schematic structural diagram of a device 10 for setting dynamic effects of web pages according to an embodiment of the invention, which includes:
the webpage content acquisition module 11 is used for responding to a setting instruction of the dynamic special effect of the webpage and acquiring the webpage content of the webpage;
the page layout analysis module 12 is configured to perform page layout analysis on the page content of the web page, so as to obtain a layout analysis result of the page content of the web page;
the dynamic special effect determining module 13 is configured to determine a web page dynamic special effect type of the web page and a display time and a display position of each web page dynamic special effect type based on the layout analysis result;
the configuration file generating module 14 is configured to generate a dynamic special effect configuration file package of the web page according to the dynamic special effect type of the web page, the display timing of the dynamic special effect type of the web page, and the display position.
The setting device 10 for the dynamic special effects of the web page provided by the embodiment of the invention is used for responding to the setting instruction of the dynamic special effects of the web page to obtain the page content of the web page, then carrying out page layout analysis on the page content of the web page to obtain the layout analysis result of the page content of the web page, then determining the dynamic special effect type of the web page and the display time and the display position of each dynamic special effect type of the web page based on the layout analysis result, and finally generating the dynamic special effect configuration file package of the web page according to the dynamic special effect type of the web page, the display time and the display position of the dynamic special effect type of the web page, thereby leading a web page developer to not need to carry out manual analysis on the page content, reducing the editing workload of the dynamic special effects of the web page, simplifying the setting process of the dynamic special effects of the web page and improving the editing efficiency of the dynamic special effects of the web page.
Preferably, in the above embodiment, the page layout analysis module 12 is specifically configured to:
classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content;
performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results;
and acquiring the webpage display positions of the text content and the picture content with the content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content.
Inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
In another alternative embodiment, the dynamic special effect determining module 13 is specifically configured to:
determining the webpage dynamic special effect type of the webpage corresponding to the position relation according to the preset position relation and the mapping relation between the webpage dynamic special effects;
and determining the display time and the display position of the dynamic special effect type of the webpage corresponding to the two according to the loading time and the loading position of the two on the webpage.
Referring to fig. 4, which is a block diagram of a configuration of a device for setting a dynamic special effect of a web page provided by an embodiment of the present invention, a device for setting a dynamic special effect of a web page 20 provided by an embodiment of the present invention includes a processor 21, a memory 22, and a computer program stored in the memory 22 and configured to be executed by the processor 21, wherein the processor 21 implements steps in an embodiment of a method for setting a dynamic special effect of a web page as described above, for example, steps S1 to S4 described in fig. 1 when executing the computer program; alternatively, the processor 21 may implement the functions of the modules in the above-described device embodiments, such as the web content obtaining module 11, when executing the computer program.
Illustratively, the computer program may be split into one or more modules that are stored in the memory 22 and executed by the processor 21 to complete the present invention. The one or more modules may be a series of computer program instruction segments capable of performing a specific function for describing the execution of the computer program in the setting device 20 for dynamic effects of the web page. For example, the computer program may be divided into a web content acquisition module 11, a page layout analysis module 12, a dynamic special effect determination module 13 and a configuration file generation module 14, each of which functions specifically as follows:
the webpage content acquisition module 11 is used for responding to a setting instruction of the dynamic special effect of the webpage and acquiring the webpage content of the webpage;
the page layout analysis module 12 is configured to perform page layout analysis on the page content of the web page, so as to obtain a layout analysis result of the page content of the web page;
the dynamic special effect determining module 13 is configured to determine a web page dynamic special effect type of the web page and a display time and a display position of each web page dynamic special effect type based on the layout analysis result;
the configuration file generating module 14 is configured to generate a dynamic special effect configuration file package of the web page according to the dynamic special effect type of the web page, the display timing of the dynamic special effect type of the web page, and the display position.
The specific working process of each module may refer to the working process of the device 10 for setting a dynamic special effect of a web page described in the foregoing embodiment, which is not described herein.
The device 20 for setting dynamic special effects of the web page may be a computing device such as a desktop computer, a notebook computer, a palm computer, a cloud server, etc. The device 20 for setting dynamic effects of web pages may include, but is not limited to, a processor 21 and a memory 22. It will be appreciated by those skilled in the art that the schematic diagram is merely an example of a web page dynamic effect setting device, and does not constitute a limitation of the web page dynamic effect setting device 20, and may include more or less components than illustrated, or may combine some components, or different components, e.g., the web page dynamic effect setting device 20 may further include an input-output device, a network access device, a bus, etc.
The processor 21 may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), off-the-shelf programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. The general purpose processor may be a microprocessor or the processor may be any conventional processor, etc., and the processor 21 is a control center of the web page dynamic special effects setting apparatus 20, and connects the respective parts of the entire web page dynamic special effects setting apparatus 20 using various interfaces and lines.
The memory 22 may be used to store the computer program and/or module, and the processor 21 may implement various functions of the setting device 20 for dynamic effects of the web page by running or executing the computer program and/or module stored in the memory 22 and invoking data stored in the memory 22. The memory 22 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like; the storage data area may store data (such as audio data, phonebook, etc.) created according to the use of the handset, etc. In addition, the memory 22 may include high-speed random access memory, and may also include non-volatile memory, such as a hard disk, memory, plug-in hard disk, smart Media Card (SMC), secure Digital (SD) Card, flash Card (Flash Card), at least one disk storage device, flash memory device, or other volatile solid-state storage device.
The modules integrated by the web page dynamic special effects setting device 20 may be stored in a computer readable storage medium if implemented in the form of software functional units and sold or used as independent products. Based on such understanding, the present invention may implement all or part of the flow of the method of the above embodiment, or may be implemented by a computer program to instruct related hardware, where the computer program may be stored in a computer readable storage medium, and when the computer program is executed by a processor, the computer program may implement the steps of each of the method embodiments described above. Wherein the computer program comprises computer program code which may be in source code form, object code form, executable file or some intermediate form etc. The computer readable medium may include: any entity or device capable of carrying the computer program code, a recording medium, a U disk, a removable hard disk, a magnetic disk, an optical disk, a computer Memory, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), an electrical carrier signal, a telecommunications signal, a software distribution medium, and so forth.
Those skilled in the art will appreciate that implementing all or part of the above-described methods in accordance with the embodiments may be accomplished by way of a computer program stored on a computer readable storage medium, which when executed may comprise the steps of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), or the like.
Accordingly, an embodiment of the present invention provides a computer readable storage medium, where the computer readable storage medium includes a stored computer program, and when the computer program runs, the device where the computer readable storage medium is controlled to execute steps in the method for setting a dynamic special effect of a web page according to the foregoing embodiment, for example, steps S1 to S4 described in fig. 1.
While the foregoing is directed to the preferred embodiments of the present invention, it will be appreciated by those skilled in the art that changes and modifications may be made without departing from the principles of the invention, such changes and modifications are also intended to be within the scope of the invention.
Claims (4)
1. The method for setting the dynamic special effects of the webpage is characterized by comprising the following steps of:
responding to a setting instruction of the dynamic special effect of the webpage, and acquiring page content of the webpage;
classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content;
performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results;
acquiring webpage display positions of both text content and picture content with content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content;
inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation; according to the loading time and loading position of the two on the webpage, determining the display time and the display position of the webpage dynamic special effect type corresponding to the two; or, according to a preset position relation and a mapping relation between the webpage dynamic special effects, determining the webpage dynamic special effect type of the webpage corresponding to the position relation; according to the loading time and loading position of the two on the webpage, determining the display time and the display position of the webpage dynamic special effect type corresponding to the two;
and generating a dynamic special effect configuration file package of the webpage according to the webpage dynamic special effect type, the display time of the webpage dynamic special effect type and the display position.
2. The device for setting the dynamic special effects of the web page is characterized by comprising the following components:
the webpage content acquisition module is used for responding to a setting instruction of the dynamic special effect of the webpage and acquiring the webpage content of the webpage;
the page layout analysis module is used for classifying the page content of the webpage to obtain the content classification type of the webpage, wherein the classification type comprises text content and picture content; performing content analysis on page content of the webpage, and determining text content and picture content with content corresponding relation according to content analysis results; acquiring webpage display positions of both text content and picture content with content corresponding relation, and analyzing the position relation of the text content and the picture content to be used as a layout analysis result of the webpage content;
the dynamic special effect determining module is used for inputting the position relation into a pre-trained webpage dynamic special effect analysis model to obtain corresponding webpage dynamic special effect types of both text content and picture content with content corresponding relation; according to the loading time and loading position of the two on the webpage, determining the display time and the display position of the webpage dynamic special effect type corresponding to the two; or, according to a preset position relation and a mapping relation between the webpage dynamic special effects, determining the webpage dynamic special effect type of the webpage corresponding to the position relation; according to the loading time and loading position of the two on the webpage, determining the display time and the display position of the webpage dynamic special effect type corresponding to the two;
and the configuration file generation module is used for generating a dynamic special effect configuration file packet of the webpage according to the webpage dynamic special effect type, the display time of the webpage dynamic special effect type and the display position.
3. A setting device of a dynamic special effect of a web page, characterized by comprising a processor, a memory and a computer program stored in the memory and configured to be executed by the processor, the processor implementing the setting method of a dynamic special effect of a web page as claimed in claim 1 when executing the computer program.
4. A computer readable storage medium, wherein the computer readable storage medium includes a stored computer program, and the computer program controls a device in which the computer readable storage medium is located to execute the method for setting dynamic special effects of a web page according to claim 1 when the computer program runs.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110793772.5A CN113672835B (en) | 2021-07-13 | 2021-07-13 | Method, device, equipment and storage medium for setting dynamic special effects of web pages |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110793772.5A CN113672835B (en) | 2021-07-13 | 2021-07-13 | Method, device, equipment and storage medium for setting dynamic special effects of web pages |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113672835A CN113672835A (en) | 2021-11-19 |
| CN113672835B true CN113672835B (en) | 2024-04-12 |
Family
ID=78539271
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110793772.5A Active CN113672835B (en) | 2021-07-13 | 2021-07-13 | Method, device, equipment and storage medium for setting dynamic special effects of web pages |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113672835B (en) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107066618A (en) * | 2017-05-09 | 2017-08-18 | 灯塔财经信息有限公司 | Display methods and device after a kind of Webpage conversion |
| CN107092514A (en) * | 2016-08-25 | 2017-08-25 | 口碑控股有限公司 | A kind of content of pages methods of exhibiting and device |
| CN107609050A (en) * | 2017-08-21 | 2018-01-19 | 上海精灵天下数字技术有限公司 | New page system and its works generation method based on HTML5 |
| CN108021614A (en) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | A kind of method and system for page dynamic load |
| CN110134477A (en) * | 2019-04-24 | 2019-08-16 | 北京字节跳动网络技术有限公司 | A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page |
| WO2019171128A1 (en) * | 2018-03-06 | 2019-09-12 | Yogesh Chunilal Rathod | In-media and with controls advertisement, ephemeral, actionable and multi page photo filters on photo, automated integration of external contents, automated feed scrolling, template based advertisement post and actions and reaction controls on recognized objects in photo or video |
| CN111338620A (en) * | 2020-03-05 | 2020-06-26 | 成都金麦客科技有限公司 | OTT dynamic presentation method after Web front-end visual editing |
| CN111552467A (en) * | 2020-03-06 | 2020-08-18 | 北京奇艺世纪科技有限公司 | Dynamic page processing method, device and system and storage medium |
| CN111930442A (en) * | 2020-10-09 | 2020-11-13 | 北京三快在线科技有限公司 | Page view loading method and device, storage medium and electronic equipment |
| CN112328940A (en) * | 2020-11-17 | 2021-02-05 | 中国平安财产保险股份有限公司 | Method and device for embedding transition page into webpage, computer equipment and storage medium |
| CN112507260A (en) * | 2020-12-15 | 2021-03-16 | 平安国际智慧城市科技股份有限公司 | Webpage loading method and device, electronic equipment and computer readable storage medium |
| CN113031946A (en) * | 2021-02-24 | 2021-06-25 | 北京沃东天骏信息技术有限公司 | Method and device for rendering page component |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CA2989462A1 (en) * | 2015-06-18 | 2016-12-22 | Tylio Inc. | System and method for generating an electronic page |
| US10970459B2 (en) * | 2017-12-07 | 2021-04-06 | Paypal, Inc. | Dynamic web content based on contextual profile |
| BR112021023257A2 (en) * | 2019-05-20 | 2022-02-08 | Wix Com Ltd | Website building system and method for a website building system |
-
2021
- 2021-07-13 CN CN202110793772.5A patent/CN113672835B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107092514A (en) * | 2016-08-25 | 2017-08-25 | 口碑控股有限公司 | A kind of content of pages methods of exhibiting and device |
| CN107066618A (en) * | 2017-05-09 | 2017-08-18 | 灯塔财经信息有限公司 | Display methods and device after a kind of Webpage conversion |
| CN108021614A (en) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | A kind of method and system for page dynamic load |
| CN107609050A (en) * | 2017-08-21 | 2018-01-19 | 上海精灵天下数字技术有限公司 | New page system and its works generation method based on HTML5 |
| WO2019171128A1 (en) * | 2018-03-06 | 2019-09-12 | Yogesh Chunilal Rathod | In-media and with controls advertisement, ephemeral, actionable and multi page photo filters on photo, automated integration of external contents, automated feed scrolling, template based advertisement post and actions and reaction controls on recognized objects in photo or video |
| CN110134477A (en) * | 2019-04-24 | 2019-08-16 | 北京字节跳动网络技术有限公司 | A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page |
| CN111338620A (en) * | 2020-03-05 | 2020-06-26 | 成都金麦客科技有限公司 | OTT dynamic presentation method after Web front-end visual editing |
| CN111552467A (en) * | 2020-03-06 | 2020-08-18 | 北京奇艺世纪科技有限公司 | Dynamic page processing method, device and system and storage medium |
| CN111930442A (en) * | 2020-10-09 | 2020-11-13 | 北京三快在线科技有限公司 | Page view loading method and device, storage medium and electronic equipment |
| CN112328940A (en) * | 2020-11-17 | 2021-02-05 | 中国平安财产保险股份有限公司 | Method and device for embedding transition page into webpage, computer equipment and storage medium |
| CN112507260A (en) * | 2020-12-15 | 2021-03-16 | 平安国际智慧城市科技股份有限公司 | Webpage loading method and device, electronic equipment and computer readable storage medium |
| CN113031946A (en) * | 2021-02-24 | 2021-06-25 | 北京沃东天骏信息技术有限公司 | Method and device for rendering page component |
Non-Patent Citations (2)
| Title |
|---|
| New Media Communication Research of "Dingxiang Doctor";Ying Cui 等;021 International Conference on Internet, Education and Information Technology (IEIT);132-136 * |
| 前端开发中的特效应用研究;梁敦毫;信息系统工程;90-92 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113672835A (en) | 2021-11-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109801347B (en) | Method, device, equipment and medium for generating editable image template | |
| CN108595583B (en) | Dynamic graph page data crawling method, device, terminal and storage medium | |
| US10839140B2 (en) | Page displaying method, apparatus based on H5 webpage, and computer readable storage medium | |
| CN111783015A (en) | Display method of shared display elements in page, electronic equipment and storage medium | |
| CN113655999B (en) | Page control rendering method, device, equipment and storage medium | |
| CN106919406A (en) | A kind of desktop application component issue, update method and device | |
| CN111708535A (en) | Image-text display control method and device and electronic equipment | |
| CN110058854B (en) | Method, terminal device and computer-readable medium for generating application | |
| CN107451163B (en) | Animation display method and device | |
| CN110708423A (en) | Message content display method and device and storage medium | |
| CN113360737A (en) | Page content acquisition method and device, electronic equipment and readable medium | |
| CN113672835B (en) | Method, device, equipment and storage medium for setting dynamic special effects of web pages | |
| US20230291978A1 (en) | Subtitle processing method and apparatus of multimedia file, electronic device, and computer-readable storage medium | |
| CN116954450A (en) | Screenshot method and device for front-end webpage, storage medium and terminal | |
| CN113672836B (en) | Method, device, equipment and storage medium for setting dynamic special effects of web pages | |
| US9965446B1 (en) | Formatting a content item having a scalable object | |
| CN112183019B (en) | Display method, computing equipment and computer storage medium of electronic book handwritten notes | |
| CN113553801B (en) | Typesetting of dynamic effect characters of webpage, device, equipment and storage medium | |
| CN113656717A (en) | Webpage control rendering method, device, equipment and storage medium | |
| CN113553802B (en) | Typesetting method, device, equipment and storage medium for characters in hidden picture of webpage | |
| CN114626332A (en) | Content display method and device and electronic equipment | |
| CN114860231A (en) | Page rendering method, device, equipment and storage medium | |
| Koay et al. | Parallel implementation of morphological operations on binary images using CUDA | |
| CN111859213A (en) | Dynamic graph generation method and device, computer equipment and storage medium | |
| CN109558186A (en) | A kind of page display method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |