UWP hand-drawn video creation tool technology sharing series, uwp tool technology

UWP hand-drawn video creation tool technology sharing series, uwp tool technology

This article is the third part of the technology sharing series. It describes how to process videos in hand-drawn videos.

With the rise of short videos and live video in recent years, videos have become an important way for people to express their emotions and communicate with each other. People have more demands for video creation, editing, and sharing. Video Editing and editing methods are also operated by professional video editing software and professional video editing operators, now, normal users can easily create videos using video apps.

Short videos and live video apps are mainly used for video processing, including filter, beautify, Paster, video cutting and splicing, video speed change, and audio track synthesis, these implementations are basically implemented based on OpenCV, OpenGL, and FFMpeg. We will not introduce them here, this article describes how to insert video files into a hand-drawn video and how to add hand-drawn video elements to the video.

There are many application scenarios in these two forms, such as a TV frame in a hand-drawn video, where the video is played. For example, the video is used as the weather forecast, and the character element of the hand-drawn video is added to the surrounding area, forms of character comments. For example, add some hand-drawn video elements to the most common video for dynamic effects or subtitles/expressions. Below are several examples:

The methods used in the preceding example are as follows:

1) the video on the blackboard is inserted, surrounded by hand-drawn figures, gestures, subtitles, etc;

2) the video is inserted in the TV frame. The elements of the hand-drawn video around the TV are used to create a TV watching scene;

3) the video is inserted in the TV frame. Hand-painted video elements create news broadcast scenarios;

4) This is a temporary task. You can insert hand-drawn video elements, subjects, videos, and special effects into the video.

The following describes how to insert video files into a hand-drawn video:

The preceding three images are used as an example. All videos inserted in this method are fixed at a fixed size. The video starts to appear at the specified start time and disappears after playback. In terms of sound processing, after the appearance of the video, the background music of the hand-drawn video needs to be merged with the sound of the video. The overall process is as follows:

Next is how to insert a hand-drawn video element into the video:

In this case, we take the fourth image as an example. In this way, we think that the video will maintain the original size and frame rate, while the hand-drawn video element is at the specified time, it appears at the specified speed angle and the specified start and end position. After the animation is played, it is maintained in the original position or disappears. Overall process:

In the overall process of the above two methods, most of the processes are common, or the second case is a special case of the first case. The width and height of the specified video is the width and height of the video, there is no hand-drawn element outside the video. Moreover, videos are fixed at the bottom of the hierarchy.

Most operations in the process are conventional audio and video operations, such as parsing video files, merging audio tracks, and generating video files from video frame sequences. One of the key steps is to obtain each frame of the video. Because animations of various elements are involved, the principle of this acquisition process is to run a canvas in the background, render each element animation to be rendered according to the actual animation attributes, including the position, speed, angle, and hierarchical overlay, then, the canvas is captured to generate a video frame based on the frame rate specified by the exported video.

Now we have introduced the combination of hand-drawn videos and videos. The implementation process is relatively simple, but it is widely used. If you have more interesting scenes, please contact us!