DEV Community

Cover image for AI Color: Enables One-Tap Coloring for a Black-and-White Photo
Jackson for HMS Core

Posted on

AI Color: Enables One-Tap Coloring for a Black-and-White Photo

Many old photos and films were saved black-and-white, due to the technical limitation of the time when they were shot. How great it is when the dull, time-worn black-and-white image is enlivened with colors! Then the colored image can deliver more details, better pulling at the heartstrings of its audience.
This, luckily, can be realized through a solution from HMS Core Video Editor Kit: AI color. Integrate this capability into your app to offer users the convenient coloring service.

Image description
Stunning effect, isn't it? Let's see how to integrate the capability.

Integration Procedure​

Preparations

For details, please check the official document.

Configuring a Video Editing Project

1.Set the app authentication information.
You can set the information through an API key or access token.
Use the setAccessToken method to set an access token when the app is started. The access token needs to be set only once.

MediaApplication.getInstance().setAccessToken("your access token");
Enter fullscreen mode Exit fullscreen mode

Use the setApiKey method to set an API key when the app is started. The API key needs to be set only once.

MediaApplication.getInstance().setApiKey("your ApiKey");
Enter fullscreen mode Exit fullscreen mode

2.Set a License ID.
This ID is used to manage your usage quotas, so ensure that the ID is unique.

MediaApplication.getInstance().setLicenseId("License ID");
Enter fullscreen mode Exit fullscreen mode

3.Initialize the running environment for HuaweiVideoEditor.
When creating a video editing project, first create a HuaweiVideoEditor object and initialize its running environment. When exiting a video editing project, release the HuaweiVideoEditor object.

Create a HuaweiVideoEditor object

HuaweiVideoEditor editor = HuaweiVideoEditor.create(getApplicationContext());
Enter fullscreen mode Exit fullscreen mode

Specify the position for the preview area
This area renders video images, which is implemented by creating SurfaceView in the fundamental capability SDK. Ensure that the preview area position on your app is specified before creating this area.

<LinearLayout  
    android:id="@+id/video_content_layout"  
    android:layout_width="0dp"  
    android:layout_height="0dp"  
    android:background="@color/video_edit_main_bg_color"  
    android:gravity="center"  
    android:orientation="vertical" />
// Specify the preview area position.
LinearLayout mSdkPreviewContainer = view.findViewById(R.id.video_content_layout);

// Set the layout of the preview area.
editor.setDisplay(mSdkPreviewContainer);
Enter fullscreen mode Exit fullscreen mode

Initialize the running environment.
If the license verification fails, LicenseException will be thrown.
After the HuaweiVideoEditor object is created, it has not occupied any system resource. You need to manually set the time for initializing the running environment of the object. Then, necessary threads and timers will be created in the fundamental capability SDK.

try {
        editor.initEnvironment();
   } catch (LicenseException error) {
        SmartLog.e(TAG, "initEnvironment failed: " + error.getErrorMsg());  
        finish();
        return;
   }
Enter fullscreen mode Exit fullscreen mode

4.Add a video or image.
Create a video lane and add a video or image to the lane using the file path.

// Obtain the HVETimeLine object.
HVETimeLine timeline = editor.getTimeLine();

// Create a video lane.
HVEVideoLane videoLane = timeline.appendVideoLane();

// Add a video to the end of the video lane.
HVEVideoAsset videoAsset = videoLane.appendVideoAsset("test.mp4");

// Add an image to the end of the video lane.
HVEImageAsset imageAsset = videoLane.appendImageAsset("test.jpg");
Enter fullscreen mode Exit fullscreen mode

Integrating the AI Color Capability

Note: This capability supports the image and video. The video size should be less than or equal to 100 MB.

Result​

Image description
This article presents the AI Color capability of Video Editor Kit. For more, check here.

Top comments (1)

Collapse
 
holly992 profile image
Holly992

Helpful content, thanks for sharing! AI image process tool has become very popular in recent years, I tried several and VanceAI is quite impressive among them. It has the tool for old photo restoration and colorization that can automatically help you revive old photos within seconds. Besides, it’s user-friendly and super efficient!