控制相機開關

Vitals™ SDK 提供了易於使用的 API，用於控制 Vital Sign Camera 的開關狀態。

目標 SDK

JavaScript

React

Vue

Flutter

ReactNative

Android

iOS

TIP 提示

您可以參考 範例程式碼 和 API 參考 以了解更多詳情。最相關的 API 包括：VitalSignCameraCreationProps 和 VitalSignCameraInterface。

您可以透過 VitalSignCameraInterface 的 isActive 屬性控制相機的開關狀態，該屬性應已在 建立Vital Sign Camera 指南中準備好，例如：

TypeScript

window.onload = () => {
    /* 相機的引用，將 isActive 設為 true 則預設為開啟鏡頭，否則設為 false。 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    // ...
}

JavaScript

window.onload = () => {
    /* 相機的引用，將 isActive 設為 true 則預設為開啟鏡頭，否則設為 false。 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    // ...
}

首次初始化後，您可以透過以下方式關閉 Vital Sign 相機：

TypeScript

cam.isActive = false;

JavaScript

cam.isActive = false;

若要開啟 Vital Sign Camera，請將 isActive 設為 true：

TypeScript

cam.isActive = true;

JavaScript

cam.isActive = true;

複選框範例

在此範例中，我們建立一個複選框來切換 Vital Sign Camera 的開啟和關閉狀態。

首先，在 HTML 文件中新增一個複選框：

<!-- 相機 IsActive 控制 -->
<label>
    <input type="checkbox" id="isActive"> isActive
</label>

之後，透過讀取 cam.isActive 設定複選框的初始狀態，並在複選框值變更時將 isActive 設定為複選框的值：

TypeScript

/* 更新 onload 事件處理函數 */
window.onload = () => {
    /* 應已建立的相機的引用。 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    /* 設定 isActive 複選框事件處理程序，用於開啟/關閉相機 */
    const isActiveCheckbox = document.querySelector("#isActive") as HTMLInputElement;
    isActiveCheckbox.checked = cam.isActive;
    isActiveCheckbox.addEventListener('change', function() {
        cam.isActive = isActiveCheckbox.checked;
    })
}

JavaScript

/* 更新 onload 事件處理函數 */
window.onload = () => {
    /* 應已建立的相機的引用。 */
    const cam = createVitalSignCamera({ isActive: true, config, userInfo })

    /* 設定 isActive 複選框事件處理程序，用於開啟/關閉相機 */
    const isActiveCheckbox = document.querySelector("#isActive");
    isActiveCheckbox.checked = cam.isActive;
    isActiveCheckbox.addEventListener('change', function() {
        cam.isActive = isActiveCheckbox.checked;
    })
}