Browser-based video synthesis method and system and storage device

A video synthesis and browser technology, which is applied to the components of TV systems, TVs, color TVs, etc., can solve the problem of not providing synthesis/generated video, etc.

Pending Publication Date: 2022-01-14
GAODING XIAMEN TECH CO LTD
View PDF11 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, existing browsers do not provide the ability to composite / generate video

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
  • Browser-based video synthesis method and system and storage device
  • Browser-based video synthesis method and system and storage device
  • Browser-based video synthesis method and system and storage device

Examples

Experimental program
Comparison scheme
Effect test

preparation example Construction

[0049] refer to figure 1 , a browser-based video synthesis method comprising the following steps:

[0050] S1. Create the canvas element through the canvas interface in the browser, and import the image set to be synthesized into the canvas element.

[0051] In this example, as used herein, the term "canvas element" may be considered synonymous with and / or referred to as: The canvas element provides a resolution-dependent bitmap canvas that can be scripted using JavaScript To draw graphics, make games or other dynamic images. The canvas element is based on the HTML5 canvas element.

[0052] In this embodiment, as used herein, the term "canvas" may be considered synonymous with and / or referred to as the following terms: canvas is a pixel-based drawing, equivalent to the HTML5 node of the sketchpad, which allows users to Draw various graphics in the Web.

[0053] In this step, a canvas element is created through the canvas interface in the browser, as shown in figure 2 The...

Embodiment 2

[0085] A browser-based video synthesis system comprising the following modules:

[0086] Canvas element building module: used to create a canvas element in the browser, and import the image set to be synthesized into the canvas element;

[0087] Audio element building module: used to create an audio element in the browser, set the audio source of the audio element or import the audio source to the audio element;

[0088] Capture module: used to capture image stream from the canvas element, and capture audio stream from the audio element;

[0089] Synthesizing module: used to combine the audio stream and the image stream to obtain a media stream;

[0090] Recording module: used to record the media stream through the browser to obtain a synthesized video.

Embodiment 3

[0092] A computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the browser-based video synthesis method described in Embodiment 1 is implemented.

[0093] Those skilled in the art should understand that the embodiments of the present invention may be provided as methods, systems, or computer program products. Accordingly, the present invention can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

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 relates to a browser-based video synthesis method and system, and a storage module, and the method comprises the following steps: creating canvas elements in a browser, and importing a to-be-synthesized image set into the canvas elements; creating an audio element in a browser, and setting an audio source of the audio element or importing the audio source into the audio element; capturing an image stream from the canvas element, and capturing an audio stream from the audio element; combining the audio stream and the image stream to obtain a media stream; and calling a recording function of a browser to record the media stream to obtain a synthesized video. According to the method and the device, the canvas elements are created, and the to-be-synthesized image set is imported into the canvas elements, so the images can be spliced into the video in the browser, and the audio can be obtained by creating the audio elements and obtaining the audio. And finally, the video and the audio are merged and imported into the recording function, so that the technical problem that the existing browser cannot synthesize the video is solved.

Description

technical field [0001] The invention relates to the field of browser video synthesis, and specifically refers to a browser-based video synthesis method, system, and storage device. Background technique [0002] A browser is an application program used to retrieve, display and deliver web information resources. A Web information resource is marked by a Uniform Resource Identifier (Uniform Resource Identifier, URI), which is a web page, a picture, a video, or any content presented on the Web. Users can use hyperlinks (Hyperlinks) to browse interrelated information through a browser. [0003] Existing browsers provide a variety of multimedia capabilities. For example, HTML5 native video tags can be used to call corresponding decoders to play videos, or to record content in web pages by calling MediaRecorder functions. However, existing browsers do not provide the ability to synthesize / generate video. [0004] It is the purpose of the present invention to design a browser-bas...

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
Patent Type & Authority Applications(China)
IPC IPC(8): H04N5/262H04N5/265H04N5/76H04N5/92
CPCH04N5/262H04N5/265H04N5/76H04N5/92
Inventor 林鸣鹤米奇培
Owner GAODING XIAMEN TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products