CN107402985B - Video special effect output control method and device and computer readable storage medium - Google Patents
Video special effect output control method and device and computer readable storage medium Download PDFInfo
- Publication number
- CN107402985B CN107402985B CN201710574052.3A CN201710574052A CN107402985B CN 107402985 B CN107402985 B CN 107402985B CN 201710574052 A CN201710574052 A CN 201710574052A CN 107402985 B CN107402985 B CN 107402985B
- Authority
- CN
- China
- Prior art keywords
- special effect
- video
- page
- page file
- preset
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4318—Generation of visual interfaces for content selection or interaction; Content or additional data rendering by altering the content in the rendering process, e.g. blanking, blurring or masking an image region
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to the field of video special effect processing, in particular to a video special effect output control method, a device and a corresponding computer readable storage medium, wherein the method comprises the following steps: responding to an analysis instruction of the obtained page file with the original video special effect, and analyzing the page file to obtain a preset label and a preset label attribute of the page file; drawing a graphic context according to the preset label and the preset label attribute; and outputting special effect graphic information corresponding to the original video special effect by combining the graphic context with a preset graphic library. According to the method, the original video special effect on the webpage is converted into the special effect graphic information by analyzing the page file of the original video special effect, the special effect graphic information can be synthesized with the local target video to render the special effect video, the threshold for making the video special effect is reduced, and the efficiency for making the special effect video is improved.
Description
[ technical field ] A method for producing a semiconductor device
The invention relates to the field of video special effect processing, in particular to a video special effect output control method and device and a corresponding computer readable storage medium.
[ background of the invention ]
Along with the development of internet technology and intelligent terminal equipment, various internet products bring a lot of convenience and amusement for people's work, life, in recent years, people no longer are interested in watching videos, more are interested in making videos by oneself, especially make the video that has various beautiful special effects of dazzling, can bring fine viewing experience for people. At present, the traditional video special effects generally use a shader language and corresponding software, the texture of a video image is processed through complex calculation, professional knowledge in the field of image processing is required to be mastered, the technical threshold requirement on the video special effect manufacturing is high, and various video special effects are difficult to manufacture in a short time. Meanwhile, a video special effect can be made on a webpage, but the problem that how to convert the special effect on the webpage into the video special effect which can be applied to a local video is needed to be solved at present is solved urgently, and the problem that how to intensively manage and optimize the network special effects is solved when the special effect on the webpage is scattered everywhere on the network.
[ summary of the invention ]
The invention aims to provide a video special effect output control method and a video special effect output control device, which are used for solving the problems of high threshold, low efficiency and the like of the conventional video special effect production.
Another object of the present invention is to provide a computer readable storage medium for a video special effect output control method.
In order to realize the purpose, the invention adopts the following technical scheme:
in a first aspect, an embodiment of the present invention provides a video special effect output control method, including the following steps:
responding to an analysis instruction of the obtained page file with the original video special effect, and analyzing the page file to obtain a preset label and a preset label attribute of the page file;
drawing a graphic context according to the preset label and the preset label attribute;
and outputting special effect graphic information corresponding to the original video special effect by combining the graphic context with a preset graphic library.
Specifically, the step of analyzing the page file to obtain the preset tag and the preset tag attribute of the page file in response to the analysis instruction for the obtained page file with the original video special effect includes:
acquiring a page file with an original video special effect;
and analyzing the page file based on the DOM to obtain a preset label and a preset label attribute of the page file.
Optionally, the step of obtaining the page file with the original video special effect includes:
receiving a uniform resource locator of a page with an original video special effect input by a user;
acquiring a page file corresponding to the original video special effect according to the uniform resource locator;
or the like, or, alternatively,
and receiving the page file of the original video special effect uploaded by the user.
Specifically, the page of the original video special effect is an HTML5 page, and the page file of the original video special effect includes HTML, CSS, and JavaScript files.
Specifically, the preset label includes a body label, a video label and a canvas label.
Further, after the step of outputting the special effect graphic information corresponding to the original video special effect according to the graphic context in combination with a preset graphic library, the method further includes:
and synthesizing the target video to be processed and the special effect graphic information and outputting the synthesized special effect video.
Specifically, the step of synthesizing the target video to be processed and the special effect graphic information and outputting the synthesized special effect video includes:
responding to a selected instruction of any special effect graphic information on a video special effect display page, and acquiring corresponding special effect graphic information;
and synthesizing the image information of the target video to be processed and the special effect image information into special effect image information and outputting the synthesized special effect video.
Optionally, after the step of outputting the special effect graphic information corresponding to the original video special effect by combining the graphic context with a preset graphic library, the method further includes:
and uploading the special effect graphic information to a directory corresponding to the video special effect display page.
In a second aspect, an embodiment of the present invention provides a video special effect output control apparatus, including:
an analysis module: the system comprises a processing module, a display module and a display module, wherein the processing module is used for responding to an analysis instruction of an acquired page file with an original video special effect, analyzing the page file to acquire a preset tag and a preset tag attribute of the page file;
a drawing module: the system is used for drawing a graphic context according to the preset label and the preset label attribute;
a special effect output module: and the special effect graphic information is used for outputting the special effect graphic information corresponding to the original video special effect by combining the graphic context with a preset graphic library.
A special effect synthesis module: the special effect video processing device is used for synthesizing a target video to be processed and the special effect graphic information and outputting the synthesized special effect video;
the special effect uploading module: and the special effect graphic information is uploaded to a directory corresponding to the video special effect display page.
In a third aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, which when executed by a processor implements the steps of the method according to any one of the first aspect.
Compared with the prior art, the invention has the following advantages:
according to the method, the page file of the original video special effect is obtained, the preset label and the preset label attribute of the page file are obtained by analyzing the page file of the web page, the graphic context is drawn, and then the special effect graphic information corresponding to the original video special effect is output by combining with the preset graphic library. The invention converts the video special effect originally expressed on the webpage into the special effect graphic information which can be applied to the local video, so that a special effect developer can freely play the special effect design originality only by mastering the basic webpage design language, thereby reducing the manufacturing threshold of the video special effect and improving the manufacturing efficiency of the video special effect.
Meanwhile, in one embodiment of the invention, after the video special effect originally expressed on the webpage is converted into the special effect graphic information which can be applied to the local video, the user can render the special effect graphic information and the target video to synthesize the special effect video, so that the video special effect is drawn quickly, the threshold for making the video special effect is reduced, and the user interest is improved.
In addition, in one embodiment of the invention, after the video special effect originally expressed on the webpage is converted into the special effect graphic information which can be applied to the local video, the user can upload the special effect graphic information to the specified video special effect display page, and the converted special effect graphic information is managed in a centralized manner by the video special effect display page, so that the video special effect developer can upload the video special effect to the display page, and the video special effect user can also obtain the required special effect graphic information from the video special effect display page, thereby further facilitating the use of the user.
It is to be understood that the foregoing general description of the advantages of the present invention is provided for illustration and description, and that various other advantages of the invention will be apparent to those skilled in the art from this disclosure.
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.
[ description of the drawings ]
Fig. 1 is a flowchart illustrating a video special effect output control method according to a first embodiment of the present invention.
Fig. 2 is a flowchart illustrating a video special effect output control method according to a second embodiment of the present invention.
Fig. 3 is a flowchart illustrating a video special effect output control method according to a third embodiment of the present invention.
Fig. 4 is a schematic diagram illustrating the effect of a video special effect "big explosion" in the embodiment of the present invention.
Fig. 5 is a schematic diagram illustrating an effect of a video special effect "background fuzzy synchronous playing" in the embodiment of the present invention.
Fig. 6 is a schematic diagram of an embodiment of a video special effect output control apparatus according to the present invention.
[ detailed description ] embodiments
The present invention is further described with reference to the drawings and the exemplary embodiments, wherein like reference numerals are used to refer to like elements throughout. In addition, if a detailed description of the known art is not necessary to show the features of the present invention, it is omitted.
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 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.
Those skilled in the art can understand that the user interface/operation interface described in the present invention generally refers to a display interface capable of sending a control instruction to an intelligent terminal, for example, an option (or a key, which is added by the application program, the same below) in a setting page of an Android system, an option in a notification bar or an interactive page called from a desktop, or an option in a page constructed by an active component of the application program. Although a few exemplary embodiments of the present invention have been shown and described, it would be appreciated by those skilled in the art that changes may be made in these exemplary embodiments without departing from the principles and spirit of the invention, the scope of which is defined in the claims and their equivalents.
It will be appreciated by those skilled in the art that the terms "application," "application program," "application software," and the like, as used herein, are intended to refer to a computer software product electronically-adapted to be electronically-constructed, from a collection of computer instructions and associated data resources, in accordance with the principles of the present invention. Unless otherwise specified, such nomenclature is not itself limited by the programming language class, level, or operating system or platform upon which it depends. Of course, such concepts are not limited to any type of terminal.
In a first aspect, as shown in fig. 1, a flowchart of an embodiment of a video special effect output control method according to the present invention includes steps S100 to S300.
Step S100: and responding to an analysis instruction of the obtained page file with the original video special effect, and analyzing the page file to obtain a preset label and a preset label attribute of the page file.
In the embodiment of the invention, the original video special effect is a video special effect expressed on a webpage, the original video special effect on the webpage corresponds to a corresponding page file, an execution main body of the method responds to an analysis instruction of the obtained page file with the original video special effect, analyzes the page file, and obtains preset tags contained in the page file and the existing attributes of each preset tag, wherein the execution main body of the method can be client software on a PC (personal computer) end, an application program on a mobile end or an interface on the webpage based on a B/S (browser/server) framework.
In the embodiment of the invention, the original video special effect is a special effect of a video on a webpage, wherein the webpage is an HTML5 page, HTML5 specifies a standard method for including the video through a video tag, and the current video tag of HTML5 supports Ogg, MPEG 4 and WebM video formats. Before the advent of HTML5, most videos on web pages were played through plug-ins (e.g., FLASH), while the appearance of HTML5 makes playing multimedia (including video and audio) on web pages more standardized for browsers without corresponding plug-ins being unable to display and play videos on web pages. The original video special effect page file is an HTML5 page file, specifically, the page file comprises an HTML file, a CSS file and a JavaScript file, the HTML file contains various information of web page contents and semantics, the CSS file specifies the display style of the various information in the HTML file, and the JavaScript file provides richer dynamic effects for the web page. The video tags and canvas tags defined under the HTML5 page file and their tag attributes can process video data on the HTML5 page in real time, adding a variety of visual effects to the video being played on the HTML5 page.
After the video special effect conversion engine of the method obtains the HTML5 page file, the page file is analyzed, and the preset label and the attribute corresponding to the preset label of the page file are obtained. Specifically, the step S100 "responding to the analysis instruction of the obtained page file with the original video special effect, and analyzing the page file to obtain the preset tag and the preset tag attribute of the page file" includes steps S110 and S120.
Step S110: acquiring a page file with an original video special effect;
step S120: and analyzing the page file based on the DOM to obtain a preset label and a preset label attribute of the page file.
The video special effect conversion engine of the method firstly obtains a page file of an original video special effect.
In one embodiment, the page file of the original video special effect is obtained by a user inputting a uniform resource locator of a page of the original video special effect, and the method includes the following steps:
receiving a uniform resource locator of a page with an original video special effect input by a user;
and acquiring a page file corresponding to the original video special effect according to the uniform resource locator.
Specifically, an input box is provided on a user interface and is used for receiving a uniform resource locator of a page with an original video special effect, which is input by a user, and after the user submits the uniform resource locator, the video special effect conversion engine according to an embodiment of the present invention receives a page file fed back by a server according to the uniform resource locator to obtain a corresponding page file with the original video special effect, and then executes subsequent operations.
An application scenario of this embodiment is that a user makes or finds an original video special effect on an HTML5 page, and then inputs a uniform resource locator of the HTML5 page into the input box, and a video special effect conversion engine according to an embodiment of the present invention obtains a page file corresponding to the original video special effect according to the uniform resource locator, and then can perform subsequent operations.
In another embodiment, the page file with the original video special effect is obtained by uploading a local page file by a user, and the method comprises the following steps:
and receiving the page file of the original video special effect uploaded by the user.
Specifically, an input box is provided on a user interface and used for receiving a page file with an original video special effect uploaded by a user, wherein the page file with the original video special effect comprises HTML (hypertext markup language), CSS (cascading style sheets) and JavaScript files.
An application scenario of this embodiment is that a user makes a video special effect on an HTML5 page by himself, and then a page file corresponding to an original video special effect page of the HTML5 can be uploaded.
After the page file with the original video special effect is obtained, the page file is analyzed based on the DOM, and a preset tag attribute of the page file are obtained. The webpage file with the original video special effect comprises an HTML file, a CSS file and a JavaScript file, when the obtained webpage file with the original video special effect is obtained, the HTML file is converted into an XHTML file, then all labels of the XHTML file are extracted to construct a DOM tree, the labels in the XHTML file are mapped into nodes in the DOM tree, attributes of the CSS file and the JavaScript file about all the labels are given to all the nodes to obtain preset labels and preset label attributes of the webpage file, and the preset labels comprise body labels, video labels and canvas labels.
The presentation of the text contained in the HTML document is described by a pair of predefined tags, and the tags are required to appear in pairs, for example < head > </head >, < body > </body >, < img > </img >, and the tags are used to display information of a block of area, such as words, pictures, 2D graphics information, etc., but many tags in the HTML document do not meet the HTML syntax requirements, such as lack of end tags, etc. Therefore, in this embodiment, the HTML file is converted into the XHTML file, the XHTML file is strictly established on the basis of XML, and the document rule with a good format is clearly defined, XML (Extensible Markup Language) is a Markup Language for marking an electronic file so as to make the electronic file have a structure, and after the HTML file is converted into the XHTML file, the XHTML file can be analyzed by using an XML standard technology as if the XHTML file is treated as a general XML file.
Then, the video special effect conversion engine of the method analyzes and converts the obtained XHTML file to construct a DOM tree, specifically, tags in the XHTML file are mapped to nodes in the DOM tree, the DOM is an abbreviation of Document Object Model, the constructed DOM tree represents the XHTML file as a tree structure according to the nesting relation between the tags in the XHTML file, and the tags, attributes, analyzed character data, annotations, processing instructions and the like in the file are all nodes. The analysis processing process comprises the steps of firstly finding out all start tags in a webpage file, storing the names of the start tags in a tag table, then finding out each tag in the webpage file one by one, judging whether a start tag and an end tag or an annotation tag correspond to each other, and deleting the tag if the end tag or the annotation tag corresponding to the start tag does not exist; otherwise, if an end tag corresponding to the start tag exists, storing the content between the end tag and the start tag in a tag table, wherein the content is used as a leaf node of the DOM tree, repeating the operation until each tag in the webpage file is processed, establishing a table consisting of the tags and the content contained in the tags, then setting the < html > tag as a root node of the DOM number, and sequentially adding the leaf nodes in the table to the root node to form an n-ary tree. The preset tags (body tags, video tags, canvas tags) and the attributes of the preset tags can be quickly found in the DOM tree.
Step S200: and drawing a graphic context according to the preset label and the preset label attribute.
After the DOM tree is built, building corresponding RenderObject objects for each node of the DOM tree, wherein the nodes comprise preset labels and preset label attributes, one RenderObject object stores various information required for drawing the DOM nodes, building the RenderObject tree by the RenderObject objects, and if the DOM tree is dynamically added with new nodes, the video special effect conversion engine of one embodiment of the invention also dynamically builds the corresponding RenderObject objects and updates the RenderObject tree. After the RenderObject tree is constructed, selecting a specific RenderObject object as a RenderLayer object, constructing the RenderLayer tree according to the hierarchical structure of the webpage file, wherein each RenderLayer object is regarded as one layer in one image, and the layers form one image together, and then drawing a graphic context.
Step S300: and outputting special effect graphic information corresponding to the original video special effect by combining the graphic context with a preset graphic library.
The preset graphic library comprises a 2D image library and/or a 3D graphic library, and the video special effect conversion engine of one embodiment of the invention combines the graphic context with the special effect graphic information expressed by the original video special effect of the preset graphic library rendering output page file. The graphics context comprises a 2D graphics context (GraphsContext) and a 3D graphics context (GraphsContext 3D), when the graphics context is the 2D graphics context, the graphics context is combined with a 2D image library and utilizes a CPU to finish outputting special effect graphics information corresponding to the original video special effect, and when the graphics context is the 3D graphics context, the graphics context is combined with a 3D image library (Opengl, Direct3D and the like) and utilizes the CPU and/or a GPU to finish outputting the special effect graphics information corresponding to the original video special effect. The video special effect conversion engine of one embodiment of the invention converts the original video special effect on the webpage into the special effect graphic information which can be rendered into the local playing video, and the user can obtain the special effect graphic information for editing the local video only by making or collecting the video special effect page file on the HTML5 page and then converting the video special effect page file through the video special effect conversion engine of the embodiment.
Further, as shown in fig. 2, a flowchart of a second embodiment of the video special effect output control method according to the present invention is shown, and in this embodiment, after step S300, step S400 is further included.
Step S400: and synthesizing the target video to be processed and the special effect graphic information and outputting the synthesized special effect video.
After the special effect graphic information of the original video special effect expressed on the HTML5 page is obtained through conversion by the method, the special effect graphic information is rendered and synthesized into the target video required to make the video special effect, so that the target video is synthesized into a special effect form expressed by the original video special effect expressed on the HTML5 page, and then the synthesized special effect video is output. Specifically, each frame of image of the target video is copied and then processed according to the special effect graphic information to form a special effect video frame, all the target video image frames are re-synthesized after being processed, and then the corresponding special effect video is rendered and output.
In an application scenario of an embodiment of the present invention, an original video special effect represented by a page file is "large explosion", that is, when a video screen is clicked/touched, an "explosion" special effect appears in a video playing screen, and as shown in fig. 5, a schematic view of video screens before and after the explosion special effect is added is shown. After obtaining special effect graphic information corresponding to an original video special effect according to the page file, the video special effect conversion engine of one embodiment of the invention copies each image frame of the target video by combining with a preset graphic library, and simultaneously divides an image picture area played by the target video into a plurality of different sub-areas, wherein each sub-area displays a part of an image of each frame of the target video, and when the video picture is clicked/touched, the sub-area near the clicked/touched position carries the image of each frame corresponding to the target video to be scattered according to a set track, so that a 'big explosion' effect is formed, and more exciting viewing experience is provided for a user.
In an application scenario of another embodiment of the present invention, an original video special effect represented by a page file is "background fuzzy synchronous playing", that is, when a video is played, a video playing picture background and a video picture are played synchronously and are a fuzzy effect, and as shown in fig. 6, a schematic diagram of a video picture to which a background fuzzy synchronous playing special effect is added is shown. After obtaining special effect graphic information corresponding to an original video special effect according to the page file, the video special effect conversion engine of one embodiment of the invention copies each image frame of a target video by combining a preset graphic library and performs fuzzy processing on each frame, simultaneously reduces a target video picture by a certain proportion and is positioned in the center of the original video picture, and then synthesizes and outputs the video special effect.
Fig. 3 is a flowchart illustrating a video special effects output control method according to a third embodiment of the present invention, and the method further includes a step S500 after the step S300.
Step S500: and uploading the special effect graphic information to a directory corresponding to the video special effect display page.
In this embodiment, after the video special effect conversion engine converts the HTML5 page file of the original video special effect into special effect graphic information, a user may upload the special effect graphic information to a directory corresponding to a video special effect display page, specifically, the video special effect display page displays a plurality of kinds of special effect graphic information, so that the user may convert the original video special effect on the manufactured HTML5 page into the special effect graphic information and upload the special effect graphic information to the video special effect display page, and if other users need specific special effect graphic information, the corresponding special effect graphic information may be acquired through the video special effect display page, and then the special effect graphic information is synthesized and rendered on a target video and a corresponding special effect video is output.
Further, when the special effect graphic information is uploaded to a directory corresponding to a video special effect display page, the method further includes:
adding corresponding description information to the special effect graphic information;
and uploading the special effect graphic information and the corresponding description information to a catalog corresponding to the video special effect display page in a correlated manner.
In order to facilitate searching out a required video special effect on a video special effect display page and enable a user to know the expression form of the video special effect at the first time, when the special effect graphic information is uploaded to a catalogue corresponding to the video special effect display page, description information added by the user for the special effect graphic information is received, for example, the description information added by the user for the special effect graphic information uploaded by the user is 'big explosion', 'background fuzzy foreground playing' and the like, then the special effect graphic information and the corresponding description information are correlated and uploaded to the catalogue corresponding to the video special effect display page, and the user can clearly know the expression form of the special effect graphic information on the video special effect display page.
Furthermore, corresponding picture display information can be added to the special effect graphic information on the video special effect display page, in one embodiment, a video image before the special effect is added and a video image after the special effect is added are displayed through a plurality of static pictures, and in another embodiment, the effect of the video image after the special effect is added is displayed through one or a plurality of dynamic pictures. Through the picture display information, a user can more intuitively perceive the required special effect graphic information when selecting the required special effect graphic information, the special effect graphic information does not need to be synthesized with a target video every time, and the required resource consumption is reduced.
After the special effect graphic information is uploaded to a directory corresponding to a video special effect display page, the special effect graphic information is displayed on the video special effect display page, and further, in an embodiment of the present invention, the method further includes the following steps:
receiving a selected instruction of any special effect graphic information on a video special effect display page, and acquiring special effect graphic information under a specified directory;
and synthesizing the image information of the target video to be processed and the special effect image information into special effect image information and outputting the synthesized special effect video.
When a user needs to use a certain video special effect, any special effect graphic information is selected on a video special effect display page, after a selected instruction of the user is received, special effect graphic information under an appointed directory is obtained, then the image information of a target video to be processed and the special effect graphic information are combined into special effect image information, and the combined special effect video is output.
According to the method, the page file of the original video special effect is obtained, the preset label and the preset label attribute of the page file are obtained by analyzing the page file of the web page, the graphic context is drawn, and then the special effect graphic information corresponding to the original video special effect is output by combining with the preset graphic library. The invention converts the video special effect originally expressed on the webpage into the special effect graphic information which can be applied to the local video through a video special effect conversion engine, so that a special effect developer can freely play the special effect design originality by only mastering the basic HTML language, thereby reducing the manufacturing threshold of the video special effect and improving the manufacturing efficiency of the video special effect.
Meanwhile, after the video special effect conversion engine of one embodiment of the invention converts the video special effect originally expressed on the webpage into the special effect graphic information which can be applied to the local video, the user can render the special effect graphic information and the target video to synthesize the special effect video, so that the video special effect is drawn quickly, the threshold for making the video special effect is reduced, and the user interest is improved.
In addition, after the video special effect conversion engine of an embodiment of the present invention converts the video special effect originally expressed on the webpage into the special effect graphic information that can be applied to the local video, the user can upload the special effect graphic information to the specified video special effect display page, and collectively manage the converted multiple special effect graphic information with the video special effect display page, and the video special effect developer can upload the video special effect to the display page, and the video special effect user can also obtain the required special effect graphic information from the video special effect display page, thereby further facilitating the use of the user.
In a second aspect, as shown in fig. 4, a schematic diagram of an embodiment of a video special effects output control apparatus according to the present invention includes:
the analysis module 100: the system comprises a processing module, a display module and a display module, wherein the processing module is used for responding to an analysis instruction of an acquired page file with an original video special effect, analyzing the page file to acquire a preset tag and a preset tag attribute of the page file;
the drawing module 200: the system is used for drawing a graphic context according to the preset label and the preset label attribute;
the special effect output module 300: the special effect graphic information is used for outputting the special effect graphic information corresponding to the original video special effect according to the graphic context and a preset graphic library;
the special effect synthesis module 400: the special effect video processing device is used for synthesizing a target video to be processed and the special effect graphic information and outputting the synthesized special effect video;
the special effect uploading module 500: and the special effect graphic information is uploaded to a directory corresponding to the video special effect display page.
In a third aspect, the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the method for controlling video special effects output according to the first aspect, including:
step S100: responding to an analysis instruction of the obtained page file with the original video special effect, and analyzing the page file to obtain a preset label and a preset label attribute of the page file;
step S200: drawing a graphic context according to the preset label and the preset label attribute;
step S300: outputting special effect graphic information corresponding to the original video special effect according to the graphic context and a preset graphic library;
step S400: and synthesizing the target video to be processed and the special effect graphic information and outputting the synthesized special effect video.
Step S500: and uploading the special effect graphic information to a directory corresponding to the video special effect display page.
According to the method, the page file of the original video special effect is obtained, the preset label and the preset label attribute of the page file are obtained by analyzing the page file of the web page, the graphic context is drawn, and then the special effect graphic information corresponding to the original video special effect is output by combining with the preset graphic library. The invention converts the video special effect originally expressed on the webpage into the special effect graphic information which can be applied to the local video, so that a special effect developer can freely play the special effect design originality only by mastering the basic webpage design language, thereby reducing the manufacturing threshold of the video special effect and improving the manufacturing efficiency of the video special effect. Meanwhile, in one embodiment of the invention, after the video special effect originally expressed on the webpage is converted into the special effect graphic information which can be applied to the local video, the user can render the special effect graphic information and the target video to synthesize the special effect video, so that the video special effect is drawn quickly, the threshold for making the video special effect is reduced, and the user interest is improved. In addition, in one embodiment of the invention, after the video special effect originally expressed on the webpage is converted into the special effect graphic information which can be applied to the local video, the user can upload the special effect graphic information to the specified video special effect display page, and the converted special effect graphic information is managed in a centralized manner by the video special effect display page, so that the video special effect developer can upload the video special effect to the display page, and the video special effect user can also obtain the required special effect graphic information from the video special effect display page, thereby further facilitating the use of the user.
Although a few exemplary embodiments of the present invention have been shown and described, it would be appreciated by those skilled in the art that changes may be made in these exemplary embodiments without departing from the principles and spirit of the invention, the scope of which is defined in the claims and their equivalents.
Claims (9)
1. A video special effect output control method is characterized by comprising the following steps:
responding to an analysis instruction of the obtained page file with the original video special effect, and analyzing the page file based on the DOM to obtain a preset label and a preset label attribute of the page file; the page files comprise HTML, CSS and JavaScript files;
converting the preset labels and the preset label attributes into nodes of a DOM tree, objects of a renderObject tree and objects of a renderLayer tree, and drawing a graphic context;
outputting special effect graphic information corresponding to the original video special effect according to the graphic context and a preset graphic library; the special effect image information is special effect image information which can be applied to a local video;
synthesizing a target video to be processed with the special effect graphic information to synthesize a special effect form expressed by the original video special effect expressed on an HTML5 page by the target video, and outputting the synthesized special effect video; wherein the target video is a local video.
2. The method according to claim 1, wherein the step of parsing the page file to obtain the preset tag and the preset tag attribute of the page file in response to the parsing instruction for the obtained page file with the original video special effect comprises:
acquiring a page file with an original video special effect;
and analyzing the page file based on the DOM to obtain a preset label and a preset label attribute of the page file.
3. The method of claim 2, wherein the step of obtaining the page file of the original video special effect comprises:
receiving a uniform resource locator of a page with an original video special effect input by a user;
acquiring a page file corresponding to the original video special effect according to the uniform resource locator;
or the like, or, alternatively,
and receiving the page file of the original video special effect uploaded by the user.
4. The method of claim 1, wherein the page of the original video effect is an HTML5 page.
5. The method of claim 1, wherein the predetermined label comprises a body label, a video label, a canvas label.
6. The method according to claim 1, wherein the step of synthesizing the target video to be processed with the special effect graphic information and outputting the synthesized special effect video comprises:
responding to a selected instruction of any special effect graphic information on a video special effect display page, and acquiring corresponding special effect graphic information;
and synthesizing the image information of the target video to be processed and the special effect image information into special effect image information and outputting the synthesized special effect video.
7. The method according to claim 1, wherein after the step of outputting the special effect graphic information corresponding to the original video special effect according to the graphic context in combination with a preset graphic library, the method further comprises:
and uploading the special effect graphic information to a directory corresponding to the video special effect display page.
8. A video special effect output control apparatus, comprising:
an analysis module: the method comprises the steps that a preset tag and a preset tag attribute of an obtained page file are obtained by analyzing the page file based on a DOM (document object model) in response to an analysis instruction of the obtained page file with the original video special effect; the page files comprise HTML, CSS and JavaScript files;
a drawing module: the graph context is drawn according to the preset label and the preset label attribute, and the graph context is converted into a node of a DOM tree, an object of a renderObject tree and an object of a renderLayer tree;
a special effect output module: the special effect graphic information is used for outputting the special effect graphic information corresponding to the original video special effect according to the graphic context and a preset graphic library; the special effect image information is special effect image information which can be applied to a local video;
a special effect synthesis module: synthesizing a target video to be processed and the special effect graphic information to synthesize a special effect form expressed by the original video special effect expressed on an HTML5 page by the target video, and outputting the synthesized special effect video; wherein the target video is a local video.
9. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710574052.3A CN107402985B (en) | 2017-07-14 | 2017-07-14 | Video special effect output control method and device and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710574052.3A CN107402985B (en) | 2017-07-14 | 2017-07-14 | Video special effect output control method and device and computer readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107402985A CN107402985A (en) | 2017-11-28 |
| CN107402985B true CN107402985B (en) | 2021-03-02 |
Family
ID=60400814
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710574052.3A Active CN107402985B (en) | 2017-07-14 | 2017-07-14 | Video special effect output control method and device and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107402985B (en) |
Families Citing this family (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108495174B (en) * | 2018-04-09 | 2020-10-09 | 码卡(广州)科技有限公司 | Method and system for generating video file by H5 page effect |
| CN108900897B (en) * | 2018-07-09 | 2021-10-15 | 腾讯科技（深圳）有限公司 | Multimedia data processing method and device and related equipment |
| CN109167936A (en) * | 2018-10-29 | 2019-01-08 | Oppo广东移动通信有限公司 | A kind of image processing method, terminal and storage medium |
| CN110996151A (en) * | 2019-11-22 | 2020-04-10 | 广州虎牙科技有限公司 | Video layer overlapping method and device, electronic equipment and storage medium |
| CN111491205B (en) * | 2020-04-17 | 2023-04-25 | 维沃移动通信有限公司 | Video processing method and device and electronic equipment |
| CN111491206B (en) * | 2020-04-17 | 2023-03-24 | 维沃移动通信有限公司 | Video processing method, video processing device and electronic equipment |
| CN111726545B (en) * | 2020-06-22 | 2022-08-16 | 广州市百果园信息技术有限公司 | Material file processing method and device, computer equipment and storage medium |
| CN111954076A (en) * | 2020-08-27 | 2020-11-17 | 维沃移动通信有限公司 | Resource display method and device and electronic equipment |
| CN112367549B (en) * | 2020-11-10 | 2021-08-06 | 四川长虹电器股份有限公司 | Video playing implementation method of television browser and browser application operation method |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101706785A (en) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method for implementing special effect of web and browser |
| CN102331994A (en) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | Realization method of embedded system page special effect and embedded system |
| CN104063460A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method and device for loading webpage in browser |
| CN104703043A (en) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | Video special effect adding method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7551771B2 (en) * | 2005-09-20 | 2009-06-23 | Deltasphere, Inc. | Methods, systems, and computer program products for acquiring three-dimensional range information |
-
2017
- 2017-07-14 CN CN201710574052.3A patent/CN107402985B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101706785A (en) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method for implementing special effect of web and browser |
| CN102331994A (en) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | Realization method of embedded system page special effect and embedded system |
| CN104063460A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method and device for loading webpage in browser |
| CN104703043A (en) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | Video special effect adding method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107402985A (en) | 2017-11-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107402985B (en) | Video special effect output control method and device and computer readable storage medium | |
| US20220171915A1 (en) | Automated augmentation of text, web and physical environments using multimedia content | |
| CN104932889B (en) | Page visualized generation method and device | |
| US20150279058A1 (en) | Page Rendering Method and Apparatus | |
| US8549395B2 (en) | Method and system for transforming an integrated webpage | |
| JP5930497B2 (en) | Template file processing method and apparatus | |
| US20100010893A1 (en) | Video overlay advertisement creator | |
| EP2332074A2 (en) | Editing web pages | |
| US20100064209A1 (en) | Method for transforming web page objects | |
| US20170161354A1 (en) | Chart conversion system and method using metadata | |
| JP2014524623A5 (en) | ||
| CN110609965A (en) | Page display method and device and storage medium | |
| CN111611518A (en) | Automatic visual display page publishing method and system based on Html5 | |
| CN106560805A (en) | Page layout method of WYSIWYG document editor based on HTML standard | |
| CN109885301B (en) | Method, device, storage medium and equipment for generating scalable vector graphics | |
| DE112016002223T5 (en) | Convert Flash content to HTML content by creating an instruction list | |
| CN115510347A (en) | Presentation file conversion method and device, electronic equipment and storage medium | |
| CN117093386B (en) | Page screenshot method, device, computer equipment and storage medium | |
| DE212017000297U1 (en) | Create deeplinks for applications based on multi-level reference data | |
| CN106951405B (en) | Data processing method and device based on typesetting engine | |
| Cao | Development and design case function comparison of panoramic roaming system of virtual museum based on Pano2VR | |
| KR101160973B1 (en) | Effective Graphic Format image file forming method and device therefor | |
| KR20180041307A (en) | Template application system and method using the file format svg | |
| CN107636650A (en) | Meet the document based on the condition for rendering assessment to present | |
| JP6979738B1 (en) | Servers and animation recommendation systems, animation recommendation methods, programs |
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 | ||
| GR01 | Patent grant |