When making short videos, users will have a variety of beautification needs. For example, how to easily change the hair color of video characters? Huawei video editing service (Video Editor Kit) one click hair dyeing function, integration allows the application to have the ability of hair color change. Users can use a variety of preset hair color styles, click to have changeable new hair colors, experience supernatural hair color effects, meet users' personalized beautification needs, and make the video more colorful and interesting.

Function introduction

1. Support picture and video resources, one click hair dyeing ability, and can process picture and video materials in real time.
2. Support multiple people to dye their hair at the same time. One click hair dyeing ability can produce hair color effect for multiple people in pictures / videos.
3. The action intensity can be adjusted, and the user can freely adjust the hair color depth according to the scene.

Integration code

1 development preparation

For detailed preparation steps, please refer to the official website of Huawei developer Alliance:

https://developer.huawei.com/...

2 Edit engineering integration

2.1 setting the authentication information of the application

You can use the api_key or Access Token to set application authentication information.

• Set the Access Token through setAccessToken method. You can initialize the setting once when the application starts without setting it multiple times.

  MediaApplication.getInstance().setAccessToken("your access token");

• Set the API through the setApiKey method_ Key, which can be initialized and set once when the application is started, without multiple settings.

  MediaApplication.getInstance().setApiKey("your ApiKey");

  2.2 set the unique ID, i.e. License ID.

The License ID is a valid voucher for control. You should ensure the uniqueness of setting the License ID.

MediaApplication.getInstance().setLicenseId("License ID");

2.2.1 initialize the Editor running environment

To create an editing project, you need to first create an Editor object and initialize its running environment. When you leave editing a project, you should release the Editor instance.

(1) Create Editor object

HuaweiVideoEditor editor = HuaweiVideoEditor.create(getApplicationContext());

(2) Specifies the layout location of the preview window

The preview window is responsible for rendering the video image, which is implemented by creating a SurfaceView inside the video editing atomic power SDK. Before creating a window, you need to specify the layout position of the preview window in your App.

<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 preview window 
LinearLayout mSdkPreviewContainer = view.findViewById(R.id.video_content_layout);

// Sets the layout hosted by the preview window 
editor.setDisplay(mSdkPreviewContainer);

(3) Initialize the running environment. If the License authentication fails, a LicenseException will be thrown.

After the Editor object is created, the actual system resources are not occupied at this time. You need to manually select the time of its environment initialization. At this time, the video editing atomic power SDK will create necessary threads and timers.

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

2.2.2 adding videos and pictures

Create a video lane, and then add pictures or video material to the lane. Pictures and video materials need to be added to the swimlane through the file path.

// Get timeline object 
HVETimeLine timeline = editor.getTimeLine();

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

// At the end of the video lane, add video resources 
HVEVideoAsset videoAsset = vidoeLane.appendVideoAsset("test.mp4");

// At the end of the video lane, add a picture resource 
HVEImageAsset imageAsset = vidoeLane.appendImageAsset("test.jpg");

3 one click hair dyeing integration

// One click hair dyeing AI algorithm initialization
asset.initHairDyeingEngine(new HVEAIInitialCallback() {
        @Override
        public void onProgress(int progress) {
        // Initialization progress
        }

        @Override
        public void onSuccess() {
        // Initialization succeeded
        }

        @Override
        public void onError(int errorCode, String errorMessage) {
        // initialization failed
    }
   });

// Add one click hair dyeing effect to specify the color card and default intensity of one click hair dyeing.
asset.addHairDyeingEffect(new HVEAIProcessCallback() {
        @Override
        public void onProgress(int progress) {
            // One click hair dyeing progress.
        }

        @Override
        public void onSuccess() {
            // One click hair dyeing successful
        }

        @Override
        public void onError(int errorCode, String errorMessage) {
            // One click hair dyeing failed
        }
    }, colorPath, defaultStrength);

// Remove one click hair dyeing effect
asset.removeHairDyeingEffect();

Demo demo

• During the integrated development process, you can answer any questions you have Online bill of lading , will be answered by a specially assigned person.

Learn more > >

visit Official website of Huawei developer Alliance
obtain Development guidance document
Huawei mobile service open source warehouse address: GitHub,Gitee

Follow us and learn the latest technical information of HMS Core for the first time~