輕鬆整合視訊編輯服務一鍵染髮能力，多變髮色隨心換

HMS_Core發表於2022-01-11

在製作短視訊時，使用者會有各種各樣的美化需求，比如想給視訊人物更換頭髮顏色，怎樣輕鬆實現呢？華為視訊編輯服務（Video Editor Kit）一鍵染髮功能，整合就可讓應用擁有頭髮換色能力。使用者利用預置的多種髮色樣式，點選即可擁有多變新發色，體驗超自然髮色效果，滿足使用者個性化美化需求，讓視訊變得更多彩、有趣。

功能介紹

  1. 支援圖片和視訊資源，一鍵染髮能力可實時處理圖片和視訊素材。
  2. 支援多人同時染髮。一鍵染髮能力可對圖片/視訊內多人產生髮色效果。
  3. 可調整作用強度，使用者根據場景自由調節髮色深淺。

整合程式碼

1 開發準備

詳細準備步驟可參考華為開發者聯盟官網：

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

2 編輯工程整合

2.1 設定應用的鑑權資訊

可以通過api_key或者Access Token來設定應用鑑權資訊。

  • 通過setAccessToken方法設定Access Token，在應用啟動時初始化設定一次即可，無需多次設定。

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

  • 通過setApiKey方法設定api_key，在應用啟動時初始化設定一次即可，無需多次設定。

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

    2.2設定唯一標識ID，即License ID。

License ID是進行管控的有效憑證，您要保證設定License ID的唯一性。

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

2.2.1初始化Editor執行環境

建立編輯工程，需要首先建立Editor物件並初始化其執行環境。當離開編輯工程時，應釋放Editor例項。

(1) 建立Editor物件

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

(2) 指定預覽視窗的佈局位置

預覽視窗負責視訊影像畫面的渲染，由視訊編輯原子能力SDK內部建立SurfaceView來實現。在建立視窗之前，需要在您的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" />
// 指定預覽視窗 
LinearLayout mSdkPreviewContainer = view.findViewById(R.id.video_content_layout);

// 設定預覽視窗承載的佈局 
editor.setDisplay(mSdkPreviewContainer);

(3) 初始化執行環境，如果License鑑權失敗，會丟擲LicenseException。

當Editor物件建立之後，此時還沒有佔用實際的系統資源，需要手動選擇其環境初始化的時機，此時視訊編輯原子能力SDK內部會建立必須的執行緒和定時器等。

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

2.2.2新增視訊、圖片

建立一條視訊泳道，然後往泳道上新增圖片或者視訊素材。圖片和視訊素材需要通過檔案路徑新增到泳道上。

// 獲取時間線物件 
HVETimeLine timeline = editor.getTimeLine();

// 建立視訊泳道 
HVEVideoLane videoLane = timeline.appendVideoLane();

// 在視訊泳道的末尾，新增視訊資源 
HVEVideoAsset videoAsset = vidoeLane.appendVideoAsset("test.mp4");

// 在視訊泳道的末尾，新增圖片資源 
HVEImageAsset imageAsset = vidoeLane.appendImageAsset("test.jpg");

3 一鍵染髮整合

// 一鍵染髮AI演算法初始化
asset.initHairDyeingEngine(new HVEAIInitialCallback() {
        @Override
        public void onProgress(int progress) {
        // 初始化進度
        }

        @Override
        public void onSuccess() {
        // 初始化成功
        }

        @Override
        public void onError(int errorCode, String errorMessage) {
        // 初始化失敗
    }
   });

// 新增一鍵染髮特效，指定一鍵染髮的色卡和預設強度。
asset.addHairDyeingEffect(new HVEAIProcessCallback() {
        @Override
        public void onProgress(int progress) {
            // 一鍵染髮處理進度。
        }

        @Override
        public void onSuccess() {
            // 一鍵染髮處理成功
        }

        @Override
        public void onError(int errorCode, String errorMessage) {
            // 一鍵染髮處理失敗
        }
    }, colorPath, defaultStrength);

// 移除一鍵染髮特效
asset.removeHairDyeingEffect();

Demo演示

  • 整合開發過程中，您有任何問題都可以線上提單，將有專人解答。

瞭解更多詳情>>

訪問華為開發者聯盟官網
獲取開發指導文件
華為移動服務開源倉庫地址：GitHub、Gitee

關注我們，第一時間瞭解 HMS Core 最新技術資訊~

相關文章