濾鏡也能複製貼上？視訊編輯服務專屬濾鏡一鍵搞定

HMS_Core發表於2022-01-07

剪輯製作視訊時，如果使用者想要實現視訊與某張特定圖片一樣的濾鏡風格，怎麼提取呢？

華為視訊編輯服務（Video Editor Kit）全新上線“專屬濾鏡”功能，整合後即可使應用擁有複製濾鏡的能力，一鍵遷移濾鏡色彩到視訊或者圖片上，想要什麼濾鏡效果即刻貼上，可支撐多樣化的影像美化需求，並且整合簡單、使用者操作更輕鬆。

功能介紹

  • 支援克隆濾鏡和單圖模仿，兩個介面，可選擇整合。克隆濾鏡同時上傳原圖和濾鏡圖，複製效果更好；單圖模仿只需上傳濾鏡圖，操作更簡單。
  • 自動儲存濾鏡圖，方便使用者後續直接遷移濾鏡風格，而不需再次新增。
  • 支援自定義濾鏡圖名稱。

  • 可調整濾鏡作用強度，自定義設定濾鏡風格。

整合程式碼

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");

2.2.3建立外聯特效泳道

專屬濾鏡需要新增在特效泳道中，可以跨多個資源，可以任意調節其時間長度。

// 建立特效泳道 
HVEEffectLane effectLane = timeline.appendEffectLane();

3 專屬濾鏡整合

// 建立專屬濾鏡演算法引擎
HVEExclusiveFilter filterEngine = new HVEExclusiveFilter();

// 初始化專屬濾鏡演算法引擎
mFilterEngine.initExclusiveFilterEngine(new HVEAIInitialCallback() {
        @Override
        public void onProgress(int progress) {
        // 初始化進度回撥
        }

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

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

// 建立單圖濾鏡，指定一個Bitmap和濾鏡的名字
// 返回濾鏡ID，通過此ID，可以在資料庫中查詢濾鏡相關的所有資訊
String effectId = mFilterEngine.createExclusiveEffect(bitmap, "自定義濾鏡01");

// 將濾鏡新增到特效泳道中，起始位置0， 時長3000ms
effectLane.appendEffect(new HVEEffect.Options(
    HVEEffect.CUSTOM_FILTER + mSelectName, effectId, ""), 0, 3000);

Demo演示

瞭解更多詳情>>

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

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

相關文章