控制相机开关

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