Video Editor--- KeyFrame

There are two forms of video editing,

active form and passive form,

Passive form : means you make a lot of templates. After the user opens your app, it will be listed to let the user choose a style they like, and then replace the pictures, videos, text, and music inside to generate the user’s own video. The advantage of this format is that if the user likes which template, he just needs to replace it. It is simple, direct, and very popular with users; this format is because the template is designed on the PC with Adobe After Effect (AE) software , We call it AE template SDK;

Active form: The user has his own needs. He wants to actively adjust the video and edit the picture to complete his own video editing. We call it the video editing SDK.
We recently launched a feature called key frame animation that users actively create by themselves. Let’s introduce the function and usage of key frames:

Active form of key frame

description
That is, you set several states at specified time points (such as rotating 180 degrees, reducing 0.5 times, moving to the outside of the screen, etc.), and then the SDK will automatically move smoothly from one state to another. Animation
We call it a key frame animation because it is set at several key points in time.

example

You want to convert a picture into a video. During the conversion process, it is not static, but a soothing zoom animation. There are many ways to implement such an animation in our SDK, such as configured json animation, etc., here Introduce the way users can actively adjust: key frame animation.
Step 1: Select a picture and put it on the SDK editing interface. There is a cursor at the bottom of the interface, indicating the current time point. You first put the cursor on the position where the time is 0 seconds, and click the picture with your finger to zoom out 0.5 times.
Step 2: Then move the cursor to the position for 3 seconds, press the screen with two fingers and zoom in to the full screen. This is done
Step 3: You can play to see the effect. When playing, the picture will be smoothly enlarged from 0 seconds slowly to a full screen at 3 seconds, so there is a zoom animation.
The principle is: When the SDK is playing, it knows that you want to scale the picture from 0.5 times to the full screen from 0 seconds to 3 seconds, and it will calculate how much to zoom at each time point, such as 0.5 Seconds, 0.6 seconds, 0.7 seconds, 1.0 seconds, 2.0 seconds, etc., these time points are connected, which is an enlarged animation.
end
Of course, there are many ways to play keyframes, this is just one of them. The current keyframe supports four features: movement, rotation, zoom, and transparency. You can use these features at the same time, or you can use only one, and you can set them at different points in time. It is also possible to set only one time point.
For example, if you want a fast rotation effect, you can make it rotate 1000 angles or -600 degrees from 1 second to 2 seconds, so that the picture will rotate rapidly.

For more fun features, you are welcome to directly test and experience our demo APP:
web: www.lansongtech.com

demo & app download :

ios (app store): https://apps.apple.com/cn/app/%E8%93%9D%E6%9D%BE%E8%A7%86%E9%A2%91%E7%BC%96%E8%BE%91%E4%BD%93%E9%AA%8C/id1512903172
android (Google Play) ：
https://play.google.com/store/apps/details?id=com.lansong.sdk
demo app download :

sdk demo code project:
ios https://github.com/LanSoSdk/video-edit-sdk-ios
android: https://github.com/LanSoSdk/video-edit-sdk-android