Novel micro-course making system and method based on HTML5 (Hypertext Markup Language 5)

A production system and a new type of technology, applied in the direction of animation production, electronically operated teaching aids, image data processing, etc., can solve the problems of complex operation and high technical threshold of micro-lecture production, achieve uniform quality and effect standards, make it easier to operate, reduce The effect of the operating threshold

Pending Publication Date: 2021-06-04
杜博新
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] For this reason, the present invention provides a new type of micro-lecture production system and method based on

Method used

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

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Novel micro-course making system and method based on HTML5 (Hypertext Markup Language 5)
  • Novel micro-course making system and method based on HTML5 (Hypertext Markup Language 5)
  • Novel micro-course making system and method based on HTML5 (Hypertext Markup Language 5)

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0031] This implementation discloses a new type of micro-lecture production system based on HTML5. The system includes: a preset animation module, a preset animation entry time module, a release module and a playback module. The preset animation module converts graphic content into An animation component with an animation rendering effect, the preset animation entry time module transcribes the voice into text, and uses the specific text in the transcribed text as a medium to match and bind the time node of the specific text in the voice with the animation component Determined, the publishing module will synthesize the voice information and the animation components matching the voice information into a micro-course file, and the playback module decodes the micro-course file, and while playing the voice, it will convert the corresponding time node according to the voice playback time The text matches the bound animation components for synchronous playback.

[0032] The animation p...

Embodiment 2

[0042] This embodiment discloses a new type of micro-lecture production method based on HTML5. In the actual operation process, the user first inputs the graphic content in the graphic editor, and selects the target graphic content in the graphic editor after the input is completed. Then click the preset animation tool. After clicking, an animation effect selection list will pop up. The user selects an animation style in the animation effect selection list and clicks to confirm the animation effect. An animation effect, which is used to render the graphic content selected by the user into an animation component.

[0043] In the preset animation entry time module, the voice editing page pops up after the user clicks the voice editing button. In the voice editing page, when the user presses the voice input tool to input voice information to the system, the system obtains the voice information input by the user and converts the voice Transcribe into text and bind a listener for e...

Embodiment 3

[0048] This embodiment discloses another novel micro-lecture production method based on HTML5. In the preset animation stage, animation components are stored in the graphic data of the page in the form of animation label blocks, and the animation label is a system based on HTML hypertext The special tags defined by the markup language will only see the graphic data on the page from the user's perspective, and will not see the specific tags.

[0049] Correspondingly, in the publishing stage, the system will export all the graphic data and combine it with voice data and start-up component data into a micro-lecture file.

[0050] Correspondingly, in the playback stage, the animation rendering unit will pre-render all the graphics and text data to the playback page, and set all the graphics and text content to a hidden state. When the corresponding startup component is triggered, find the corresponding animation label block in the hidden graphic data of the playback page through t...

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

PUM

No PUM Login to view more

Abstract

The invention discloses a novel micro-course making system and method based on HTML5, the system comprises a preset animation module, a preset animation admission time module, a publishing module and a playing module, the preset animation module converts image-text content into an animation part with an animation rendering effect, and the animation part is used for playing the animation part. The preset animation entering time module converts the voice into characters and matches and binds time nodes of specific characters in the voice with animation parts by taking the specific characters in the converted characters as a medium, and the publishing module synthesizes voice information and the animation parts matched with the voice information into a micro-course file. And the playing module decodes the micro-course file, and synchronously plays the animation part which is matched and bound with the characters of the corresponding time node according to the voice playing time while performing voice playing. The problems that an existing micro-course making technology is high in threshold and complex in operation are solved.

Description

technical field [0001] The invention relates to the field of micro-lecture production, in particular to a novel micro-lecture production system and method based on HTML5. Background technique [0002] With the rise of online education in recent years, many video production tools that can be used to record micro-classes have been born. Although it is very convenient to use these tools, it is still difficult for individuals without technical foundation to operate, which is time-consuming and labor-intensive. The quality of the micro-lectures produced is uneven, resulting in low participation in the micro-lectures produced by individuals. The video production tools currently on the market are not friendly to ordinary users. One is that the requirements for computer performance are very high; the other is that these tools control the playback of materials based on the time axis, and each material occupies a time track. Too many materials will make people dazzled, and the more m...

Claims

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

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06T13/00G09B5/14
CPCG06T13/00G06T2213/08G09B5/14
Inventor 杜博新
Owner 杜博新
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap