Unlock instant, AI-driven research and patent intelligence for your innovation.

Html5-based video real-time object attribute overlay display method, device and equipment

A target attribute, overlay display technology, applied in selective content distribution, image communication, electrical components, etc., can solve the problems of low operation efficiency, low video decoding efficiency, delay in displaying target attribute information, etc., to achieve high-efficiency video decoding, Avoid stacking delays, efficient effects

Active Publication Date: 2021-10-08
四川东方网力科技有限公司
View PDF5 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, in video decoding, asm.js or wasm is generally used, and the operating efficiency of JS is low. Even with wasm technology, the efficiency is only 60% of the original language under ideal conditions, which leads to the existing solutions. The decoding efficiency of the is low, which may cause delays in the overlay display of target attribute information

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
  • Html5-based video real-time object attribute overlay display method, device and equipment
  • Html5-based video real-time object attribute overlay display method, device and equipment
  • Html5-based video real-time object attribute overlay display method, device and equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0065] see figure 1 , figure 1 It is a schematic flowchart of an HTML5-based method for superimposing and displaying video real-time object attributes provided by Embodiment 1 of the present application.

[0066] Such as figure 1 As shown, the HTML5-based real-time video target attribute overlay display method provided in this embodiment includes:

[0067] Step S101, acquiring each video data frame of video data and each target attribute extension frame corresponding to each video data frame;

[0068] Step S102, obtaining the target attribute information of each target attribute extension frame according to the target attribute extension frame;

[0069] Step S103, correspondingly adding the time stamps of the video data frames to the target attribute information of the target attribute extended frames in a preset manner, to obtain the time stamp target attribute information of the target attribute extended frames;

[0070] Step S104, sending the video data frames to the pr...

Embodiment 2

[0092] In order to illustrate the technical solution of the present application more clearly, in this embodiment, the first tag may be a video tag, and the second tag may be a canvas tag. Based on this, the technical solution of the present application will be described in more detail.

[0093] see Figure 4 , Figure 4 It is a schematic flowchart of an HTML5-based method for superimposing and displaying video real-time object attributes provided by Embodiment 2 of the present application.

[0094] Such as Figure 4 As shown, the HTML5-based real-time video target attribute overlay display method provided in this embodiment may include:

[0095] Step S401. Obtain each video data frame of the video data and each target attribute extension frame corresponding to each video data frame.

[0096] Step S402. Deserialize each of the target attribute extension frames to obtain the target attribute information of each of the target attribute extension frames.

[0097] Step S403. O...

Embodiment 3

[0113] see Figure 5 , Figure 5 It is a schematic structural diagram of an HTML5-based real-time video target attribute superimposed display device provided in Embodiment 3 of the present application.

[0114] Such as Figure 5 As shown, the HTML5-based real-time video target attribute overlay display device provided in this embodiment includes:

[0115] Obtaining module 51, for obtaining each video data frame of video data and each target attribute extension frame corresponding to each described video data frame;

[0116] A processing module 52, configured to obtain the target attribute information of each target attribute extended frame according to the target attribute extended frame;

[0117] The timestamp adding module 53 is used to correspondingly add the timestamps of the video data frames to the target attribute information of the target attribute extension frames in a preset manner, and obtain the timestamp objects of the target attribute extension frames. attrib...

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 present application relates to an HTML5-based real-time video target attribute overlay display method, device and equipment. The method includes: acquiring each video data frame and each target attribute extension frame of video data; obtaining each target attribute extension frame according to the target attribute extension frame Target attribute information; correspondingly add the timestamp of each video data frame to the target attribute information of each target attribute extension frame according to the preset method, to obtain the timestamp target attribute information; send each video data frame to the first tag according to the timestamp Playing; sending the time stamp target attribute information to the second label for display according to the time stamp. Based on this, in this application, the tags in HTML5 are used for decoding, which can achieve the efficiency of the native language. Compared with the non-native language decoding in the prior art, the efficiency is higher, and the superposition of target attribute information is realized. To a certain extent, the The phenomenon of superposition delay of target attribute information is avoided.

Description

technical field [0001] The present application relates to the technical field of video playback, and in particular to an HTML5-based real-time video target attribute overlay display method, device and equipment. Background technique [0002] With the development of artificial intelligence, there are more and more solutions for video-based real-time target detection. In order to facilitate users to more intuitively obtain relevant information about targets appearing in videos, the targets identified by artificial intelligence can be displayed during video playback. Information is presented in the video. [0003] In the existing solutions, video decoding is generally implemented in the front-end code, and the decoded data is displayed through WEBGL, and the target attribute information is superimposed and displayed at the same time. However, in video decoding, asm.js or wasm is generally used, and the operating efficiency of JS is low. Even with wasm technology, the efficienc...

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 Patents(China)
IPC IPC(8): H04N21/4402H04N21/8352H04N21/8543H04N21/8547H04N21/431
CPCH04N21/431H04N21/4402H04N21/8352H04N21/8543H04N21/8547
Inventor 任晓丽
Owner 四川东方网力科技有限公司