取得掃描狀態

為了獲得良好的使用者體驗並讓使用者了解掃描進度，您應該在使用者介面上視覺化掃描狀態。 Vitals™ SDK 透過 onVideoFrameProcessed 回呼函數提供掃描階段和剩餘時間（以秒為單位）。您可以觀察其中的變化並相應地更新使用者介面。

目標 SDK

JavaScript

React

Vue

Flutter

ReactNative

Android

iOS

TIP 提示

您可以參考 範例程式碼 和 API 參考 以了解更多詳情。相關 API 包括：VideoFrameProcessedEvent、ScanResult 和 GetHealthStage。

若要取得掃描狀態，包括掃描階段和剩餘秒數，請執行下列操作：

TypeScript

/* 更新 onload 事件處理函數 */
window.onload = () => {
     /* 在「設定相機」指南中所建立的相機引用 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    /* 更新 onVideoFrameProcessed 回呼函數 */
    cam.onVideoFrameProcessed = (event: VideoFrameProcessedEvent) => {
        // ...

        /* 新增此函數以列印掃描狀態。 */
        console.log(`掃描階段=${event.healthResult?.stage}, 剩餘秒數=${event.healthResult?.remainingTime}`);
    }
}

JavaScript

/* 更新 onload 事件處理函數 */
window.onload = () => {
     /* 在「設定相機」指南中所建立的相機引用 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    /* 更新 onVideoFrameProcessed 回呼函數 */
    cam.onVideoFrameProcessed = (event) => {
        // ...

        /* 新增此函數以列印掃描狀態。 */
        console.log(`掃描階段=${event.healthResult?.stage}, 剩餘秒數=${event.healthResult?.remainingTime}`);
    }
}